* {
  font-family: trebuchet ms, arial,sans-serif;
  font-weight: 160;
  font-size: 1em;
  line-height: 0.98em;
}
html {  font-family: trebuchet ms, arial,sans-serif;}
body {  }

img {vertical-align:middle; /* behavior: url(pngbehavior.htc); */ }
/*
.container{
text-align:center;
}
.centre {
margin:1em auto;
text-align:left;
width:50%;
}
*/
.container{
text-align:center;
}
.centre {
text-align:left;
margin-left:auto;
margin-right:auto;
width:70%;
}

#header { }
/* .mainmenu { margin-left:11%; } */

/* span title */
.page_title {

  margin-right: 25px;
  margin-bottom: 5px;
  color:#999;
  font-size: 0.9em;
}

#content {
  background:transparent;
 /*  margin:0% 3% */
/*   padding:0% 3%; */
  margin: 5px;
  padding: 5px;
  clear:both;
  height: 330px;
  overflow:auto;
/* flexible width */
  width: 990px;
}

#middle{
/*     margin:0% 3%; */
/*     padding:0% 3%; */
  margin: 5px;
  padding: 5px;
  float: left;
  height: 310px;
  overflow:auto;
}
/*   features_list */
ul.features_list {
/*  margin-left: 10px;*/
  list-style-type: none;
}

#left
{
    width: 341px;
    margin: 5px;
    padding: 5px;
    float: left;
    height: 260px;
/*    background-color: rgb(255, 255, 255);*/
  background-color:transparent;
    border: none;
    display:block;
/*      border-right: 1px dotted #999; */
}

#contentbox
{
  float: left;
/* clear:left; */
    /* border-top: 1px solid black; */
    width: 515px;
    height: 300px;
padding:5px;
/*    background-color: rgb(255, 255, 255);*/
background-color: transparent;
border: none;
  overflow:auto;
}


#footer { border: none; }
#footer img { border: none; }
#footer a {
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}

h2
{
color:#730;
font-family: trebuchet ms, arial,sans-serif;
font-weight: 200;
font-size: 1.1em;
line-height: 0.9em;
letter-spacing: -0.02em;
clear:both;
}



h1
{
color:#730;
font-family: trebuchet ms, arial,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: 300;
font-size: 1.56em;
line-height: 1.1em;
font-size-adjust: none;
font-stretch: normal;
letter-spacing: -0.05em;
}

/* links */
a:hover  { color: #333; border:none; text-decoration:underline;}
a  { color: #caa; text-decoration:underline; }

a img { border:none;
  text-decoration:none;
  vertical-align: middle;
}
#footer a img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

#footer a:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

/* modal dialog */
.button {
width: 55px;
border: 3px double #999;
border-top-color: #CCC;
border-left-color: #CCC;
padding: 4px;
background-color: #EEE;
color: #333;
font-size: 11px;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

.button:active {
border-top-color: #999;
border-left-color: #999;
border-bottom-color: #CCC;
border-right-color: #CCC;
}

.button:hover {
border-top-color: #888;
border-left-color: #888;
border-bottom-color: #bbb;
border-right-color: #bbb;
background-color: #ccc;
}

.blackoverlay {
  display: none;
  position: absolute;
  z-index:1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
/*  background-color:#000; */
 background-color:transparent;
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}

.mypic {
  position: absolute;
  z-index:1042;
 background-color:#000;
}

/* arrows */

.left2
{
/* position: absolute;*/
float:left;
width:15px;
border:none;
display:inline;
}
.left2 a img
{
opacity: 0.4;
-moz-opacity: 0.4;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}

.left2 a:hover img
{
opacity: 1;
-moz-opacity: 1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.right2
{
display:inline;
width:15px;
margin-left:455px;
border:none;
}

.right2 a img
{
opacity: 0.4;
-moz-opacity: 0.4;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}

.right2 a:hover img
{
opacity: 1;
-moz-opacity: 1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.left{
position: absolute;
left: 2em;
bottom: 1.2em;
border:1px #ccc solid;
}
.left a img
{
opacity: 0.4;
-moz-opacity: 0.4;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}

.left a:hover img
{
opacity: 1;
-moz-opacity: 1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.right{
position: absolute;
right: 2em;
bottom: 1.2em;
border:1px #ccc solid;
}

.right a img
{
opacity: 0.4;
-moz-opacity: 0.4;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}

.right a:hover img
{
opacity: 1;
-moz-opacity: 1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

/* navigation */
#menu a {
    display: block;
    text-align: left;
    padding: 2px 5px;
    border-top: 1px solid #ccc;
    text-decoration: none
}
#menu a:hover {
    background-color: #fee;
}

#logo_menu {cursor: pointer; cursor: hand;}

#navigation {
/* float:right; */
margin-left:10px;
font-size:11px;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 1em;
}
#navigation li {
display: inline;
}
#navigation a:link, #navigation a:visited {
margin-right: 0.2em;
padding: 0.2em 0.6em 0.2em 0.6em;
color: #635B52;
background-color: #fff;
text-decoration: none;
border: 1px solid #fff;
/*border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #717171;
border-right: 1px solid #717171;*/
}
#navigation a:hover {
color: #777;
background-color: #fff;
border-top: 2px solid #eee;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}

#myPic {
background-color: #000 !important;
}

#nav {
float:left;margin-left:15px;
margin-right:15px;
margin-top:0px;
margin-bottom:0px;}
#xmlmenu {margin-left:35px;}
#navigation { 
/* 990px */
width:900px; /*text-transform:capitalize;
position:absolute; left:0;*/ }

hr {
  float: left;
  clear: both;
  line-height: 1px;
  color: #eeeeee;
  background-color: transparent;
  background-image: url(http://projects.pc-e.org/fi7o_prototype/graphics/seperatorline.png);
  background-repeat: repeat;
  background-attachment: scroll;
  background-x-position: 0%;
  background-y-position: 0%;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: -moz-use-text-color;
  border-right-color: -moz-use-text-color;
  border-bottom-color: -moz-use-text-color;
  border-left-color: -moz-use-text-color;
  height: 1px;
  width: 20em;
}

#navigation #active a{
color: #fff;
background-color: #999;
}