@charset "utf-8";
/* CSS Document */

body{
background:#155d48;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:inherit;
height:100%;
width:100%;
}

#wrapper{
background:#d6d6d6 url(../images/back2.jpg) repeat-x top left;
width:100%;
height:100%;
top:0;
left:0;
}

#container{
width:860px;
margin:auto;
}

/**********header and nav**********/
#header{
width:860px;
height:100px;
margin:0;
padding:10px 0px 0 0px;
}

#logo{
float:left;
width:322px;
height:98px;
margin-left:19px;
}

#nav{
margin:49px 0 0 15px;
padding:0;
float:left;
list-style:none;
}

#nav li{
float:left;
margin:0;
}

#nav li a{
color:#002638;
margin:0 15px 0px 10px;
padding:0 0 2px 0;
text-decoration:none;
font-size:14px;
font-weight:100;
display:block;
}

#nav li a:hover, .active{
border-bottom:2px solid #155d48;
}

/**********content**********/

#content{
background:url(../images/contentBack.png) repeat-y;
padding:0 24px;
}

#mainPage{
background:url(../images/mainBck.png) no-repeat;
margin:0px;
padding:0px;
width:860px;
height:313px;
}

.mainHeader{
color:#155d48;
font-size:36px;
margin:0px;
padding:20px 0 0 20px;
font-weight:100;
text-decoration:none;
border:none;
}

#mainPage a, #SEM a, #SEO a{
text-decoration:none;
color:#555;
}


#mainPage p, #SEO p, #SEM p, #about p{
color:#555;
font-size:14px;
margin:5px 0 0 0;
padding-left:20px;
line-height:17px;
}

#SEM{
background:url(../images/SEM.png) no-repeat;
width:430px;
height:224px;
margin:0;
padding:0;
float:left;
display:inline;
}

#SEO{
background:url(../images/SEO.png) no-repeat;
width:430px;
height:218px;
margin:0px 0px 0 0;
padding:0px;
float:right;
display:inline;
}

#SEO h2, #SEM h2{
color:#155d48;
font-size:36px;
margin:0px;
padding:30px 0 0 20px;
font-weight:100;
border:0;
}

#about{
width:420px;
margin:10px 0 0 0;
display:inline;
float:left;
padding-right:5px;
}

#about h2{
color:#002638;
font-size:22px;
margin:10px 0 0 20px;
padding:0;
}

#about p{
color:#555;
padding:0px 10px 0 20px;
}

#form{
width:430px;
margin:10px 0 0px 0;
padding-bottom:10px;
display:inline;
float:right;
border-left:1px solid #bebebe;
}

#form h2{
color:#002638;
font-size:22px;
margin:10px 0 0 25px;
padding:0;
}

#form p{
color:#555;
padding:0px 10px 0px 25px;
margin-bottom:5px;
}

#form .error{
margin-left:25px;
font-size:13px;
}

.input{
width:300px;
border:1px solid #555;
line-height:20px;
height:20px;
clear:both;
}

.submit{
background:#eee;
color:#555;
border:1px solid #555;
height:24px;
margin-top:4px;
outline:none;
}

#footer{
position:relative;
height:auto;
width:100%;
bottom:0;
left:0;
}

#footContainer{
width:860px;
margin:auto;
color:#fff;
padding:15px 0px;
text-align:center;
font-size:12px;
line-height:20px;
}

#footContainer a{
color:#fff;
text-decoration:none;
}

#footContainer a:hover{
text-decoration:underline;
}

/**********general**********/

h1{
color:#155d48;
font-size:28px;
margin:0px 0 10px 0;
padding:0px 0 10px 0;
font-weight:100;
border-bottom:4px double #155d48;
}

h2{
color:#155d48;
font-size:18px;
margin:0px;
padding:0;
font-weight:100;
}

h4{
color:#155d48;
font-size:18px;
margin:0px 0 3px 0;
padding:0;
font-weight:100;
}

p{
color:#222;
padding:0px 0px 8px 0px;
margin:0;
font-size:14px;
line-height:18px;
}

img{
border:0;
}

a{
color:#155d48;
text-decoration:underline;
}

.clear{
height:0px;
clear:both;
line-height:0px;
}

ul{
margin:5px 15px 0 25px;
padding:0 0 5px 0;
}

ul li{
margin:0;
padding:0;
}

#contact { 
position:fixed;
top:200px;
right:0; 
}

.contimage{
filter: alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}

 #contactform #error ul{
 padding-left:0px;
 line-height:20px;
 }
 #contactform #error span{
 color:green;
 padding:5px 0 5px 0;
 position:absolute;
 top:60px;
 right:10px;
 width:150px;
 }
 #contactform #error ul li{
  color:#BF0B0B;
  font-weight:normal;
  }
 #contacth2{
 font-size:18px;
 color:#000;
 margin:0 0 10px 0;
 font-weight:normal;
 padding-bottom:10px;
 border-bottom:1px dotted #ccc;
 }
 #contactform fieldset{
 border:none;
 margin-bottom:5px;
 padding:0;
 }
 #contactform #formleft{
 float:left;
 }
 #contactform #error{
 float:left;
 font-size:13px;
 }
 #contactform .button{
 background:#dedede;
 color:#555;
 border:1px solid #bbb;
 padding:3px 15px;
 margin-top:3px;
 outline:none;
 cursor:pointer;
 }
 
 #formBox{
 width:350px;
 margin:0 0 10px 0;
 }
 
 #formBox .button{
 background:#ddd;
 color:#555;
 border:1px solid #bbb;
 padding:3px 15px;
 margin-top:3px;
 outline:none;
 cursor:pointer;
 }
 
 #formBox .textBox{
 width:180px;
 height:18px;
 line-height:18px;
 margin:2px 0 0 0;
 }
 
 #formBox textarea{
 width:280px;
 margin:2px 0 0 0;
 }
 
 #contactform fieldset legend{
 color:#000; 
 display:block;
 margin:0px 0 2px 0; 
 padding:0;
 font-size:14px;
 }