@charset "UTF-8";
body{font-size:12px;font-family:Optima,Arial, Helvetica, sans-serif;margin:0px;padding:0px;background-image:url(../images/background.jpg);background-repeat:repeat-x;background-color:#C5C5C5;}
#wrapper{margin:90px auto 0px auto;width:1004px;}
#header{height:160px;}
#logo{float:left;width:400px;margin-top:-106px;}

/*top navigation*/
#topnav{margin-top:-50px;position:absolute;width:1004px;}/**/
#insidenav{position:relative;right:0px;float:right;width:500px;}
#insidenav a{position:relative;right:0px;float:right;display:block; width:200px; height:30px;background-color:#333230;margin:5px;text-decoration:none;}/**/
#insidenav a:hover{position:relative;right:0px;float:right;display:block; width:200px; height:30px;background-color:#772a22;margin:5px;text-decoration:none;}/**/
#insidenav .topchosen{position:relative;right:0px;float:right;display:block; width:200px; height:30px;background-color:#772a22;margin:5px;text-decoration:none;}/**/


/*#nav{float:left;width:300px;}*/
#nav {padding:10px;color:#FFF;float:left;width:280px;margin-top:0px;}
#nav ul{list-style-type: none;padding:0px;margin:20px 0px 0px 0px;}
#nav li{list-style-type: none;display:block;color:#FFFFFF;height:25px;text-indent:15px;font-size:14px;text-indent:20px;}
#nav a:link:hover{display:block;color:#FFFFFF;text-decoration:none;background-image:url(../images/button_highlight.gif);background-repeat:no-repeat;display:block;color:#000000;}
#nav a:visited:hover{display:block;color:#FFFFFF;text-decoration:none;background-image:url(../images/button_highlight.gif);background-repeat:no-repeat;display:block;color:#000000;}
#nav a{display:block;color:#FFFFFF;text-decoration:none;margin:5px;padding:4px;}
.selected {display:block;text-decoration:none;background-image:url(../images/button_highlight.gif);background-repeat:no-repeat;display:block;color:#000000;}
#splash{background:#566F52;border:1px solid #000;padding:10px;width:60%;margin:10px auto;color:#FFF;}/*top:245px;left:190px;position:absolute;opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8;/*/
.contacter{background:url(../images/contact_image.jpg) no-repeat 1px 1px;height:285px;}

/*other*/
#phrase{float:left;width:270px;height:142px;font-family:Optima,Arial, Helvetica, sans-serif;color:#FFFFFF; background-image:url(../images/divider_right.jpg); background-repeat:no-repeat;padding-left:30px;}
#phrase a{color:#FFFFFF;}
#mainbody{font-family:Arial, Helvetica, sans-serif;background:url(../images/page_top.jpg) no-repeat 0px 180px #F1F1F1;font-size:12px;}/*height:309px;position:relative;background-color:#F1F1F1;*/

#footer{font-family:Arial, Helvetica, sans-serif;background-image:url(../images/footer.jpg); background-repeat:no-repeat; background-position:center;height:132px;margin:5px;}
#copy{width:200px;float:left;margin:10px 5px 0px 10px;}
#designed{width:300px;float:right;margin:10px 10px 0px 5px;text-align:right;}
#designed a{color:#000000;}
#contact{border-top:1px solid #000000;margin:5px 10px 2px 10px; text-align:center;padding-top:3px;}

h1{font-family:Optima,Arial, Helvetica, sans-serif;font-size:20px;color:#FFF;padding:2px;margin:0px 0px 2px 0px;}
h2{font-family:Optima,Arial, Helvetica, sans-serif;font-size:20px;color:#FFFFFF;padding:2px;margin:20px 0px 2px 0px;}
h3{font-family:Optima,Arial, Helvetica, sans-serif;font-size:15px;color:#FFFFFF;padding-top:8px;margin:0px;text-indent:20px;text-decoration:none;text-transform:uppercase;}
h4{font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#772a22;padding-top:8px;margin:0px 0px 3px 0px;text-transform:uppercase;}
h5{font-family:Arial, Helvetica, sans-serif;font-size:17px;color:#000;padding-top:4px;margin:2px auto;text-transform:uppercase;text-align:center;}

h6{font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#000;padding-top:4px;margin:15px 150px 5px 5px;line-height:18px;}

.phrase{background:#333;font-family:Optima,Arial, Helvetica, sans-serif;color:#FFF;padding:5px 5px 5px 15px;margin:235px 5px 5px 35px;text-transform:uppercase;position:absolute;width:915px;}
.phrase h5{background:#333;font-size:20px;color:#FFF;text-transform:uppercase;float:left;padding:0px;margin:0px 5px 0px 0px;}

/*contact form*/
.instructions{background:#772a22; color:#FFF;padding:10px;}
form{width:550px;margin:0px auto;}
form input{border: 1px solid #CCC; padding: 3px; margin-top: 5px; margin-bottom: 5px;}
.button{border: 1px solid #000;background:#FFF; padding: 5px; margin-top: 5px; margin-bottom: 5px;}
form label{padding: 3px; margin-top: 5px; margin-bottom: 5px;color:#333;font-weight:bold;}
/*#772a22*/

/*HOme page*/
#homecom{width:514px;float:left;display:block;background:#FFF;}
#rescom{width:489px;float:left;display:block;background:#FFF;}
#homespace{width:70%;margin:auto;padding-top:30px;padding-bottom:30px;}
#homespace img{margin:0px 20px 0px 20px;}
a.transON {width: 100%; background-color: silver;opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8;zoom:1;position:relative;}
a.transOFF {width: 100%; background-color:silver;zoom:1;position:relative; }
/*div.transON {width: 100%; background-color: silver; }
div.transOFF {width: 100%; background-color: silver;opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8; }*/
/*Inside pages*/
#innerspace{width:70%;margin:auto;padding-top:10px;padding-bottom:10px;}
#innerspace h4{width:550px;margin:0px auto;}
#innerspace img{margin:0px 20px 0px 0px;}
#innerspace p{width:550px;margin:10px auto;line-height:18px;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}