/* 
CSS 
*/
 
body { font-family: Arial, Helvetica, sans-serif; color: #333; background: #9CD1F1; margin: 0; line-height: 1.4em; letter-spacing: 0.02em; text-align: center; }
html { }
td { font-family: Arial, Helvetica, sans-serif; line-height: 1.4em; letter-spacing: 0.02em; }
.logo { margin: 2px; border: none 0;}
#wrapper { width: 780px; text-align: left; margin: 10px auto 0 auto; border: 1px solid #fff; background: #fff; padding: 2px; }
#header {  width: 779px; height: 298px; margin: 0; }
#tel { float: right; margin: 2px 0 0 0; font-size: 60%; color: #fff; }
#main { float: left; width: 460px; margin: 35px 0 0 22px; font-size: 70%;  }
#main_contact { float: left; width: 660px; margin: 35px 0 0 22px; font-size: 70%;  }
#main_mdt { float: left; width: 750px; margin: 35px 0 0 22px; font-size: 70%;  }
#right { width: 250px; float: right; margin: 35px 10px 0 0; font-size: 60%;  }
#footer { padding: 6px; font-size: 55%; text-align: left; background: #0066CC; margin-top: 30px; color: #fff; line-height: 1.8em;}
ul {list-style-type: square; color: #0066CC;}
.photo { float: left; margin: 0 10px 10px 0; border: 1px solid #ececec; }
.photo_home { margin: 0 ; border-bottom: 1px solid #ececec; }
.image { float: right; border: 0px solid #999;  margin: 8px;}

#clients_right { width: 210px; float: left; border-left: 1px solid #ccc; padding: 5px; color: #0066CC;}
#clients_left { width: 210px; float: left; border-left: 1px solid #ccc; padding: 5px; color: #0066CC;}
#clients_right2 { width: 300px; float: left; border-left: 1px solid #ccc; padding: 5px; color: #0066CC;}
#clients_left2 { width: 360px; float: left; border-left: 1px solid #ccc; padding: 5px; color: #0066CC;}
#btop { border-bottom: 1px solid #ececec; width: 470px; margin-bottom: 40px; text-align: right; }

#form_details { padding: 5px; float: left; width: 300px; margin: 0 30px 0 0 ;}
#form_services { padding: 5px; float: left; width: 300px; }

.field { font: 14px arial; width: 220px; height: 20px;  border-top: 1px solid #999; border-left: 1px solid #999; } 
.txtarea { font: 14px arial; width: 220px; border-top: 1px solid #999; border-left: 1px solid #999;}
.button { font: 14px arial; width: 70px; height: 25px; border: 1px solid #999; }
.checkbox { float:left; border: none; padding: 2px; }


h1 { font-size: 150%; color: #333; font-weight: bold; margin: 0 0 20px 0; }
h2 { color: #0066CC; font-size: 120%; } 
#right h2 { font-size: 120%; font-weight: bold; margin:0; height: 20px; padding: 2px; background: url(images/nav.jpg) #0066CC; 
text-align: center; border-bottom: 1px solid #336699; color: #fff;}


a:link { color: #0C73B1; text-decoration: none;}
a:active { color: #0C73B1; text-decoration: none;}
a:hover { color: #9CD1F1; text-decoration: underline; }
a:visited { color: #0C73B1; text-decoration: none;}

#footer a:link { color: #fff; text-decoration: none;}
#footer a:active { color: #fff; text-decoration: none;}
#footer a:hover { color: #9CD1F1; text-decoration: none; }
#footer a:visited { color: #fff; text-decoration: none;}

/*TOPNAV*/
#navcontainer {width: 776px; background: url(images/nav.jpg); margin: 0 0 2px 0; height: 20px; padding: 2px; font-size: 80%; }
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

ul#navlist{ margin: 0 ; padding: 0; }
#navcontainer a:link { color: #fff; text-decoration: none;}
#navcontainer a:active { color: #fff; text-decoration: none;}
#navcontainer a:hover { color: #9CD1F1; text-decoration: none;}
#navcontainer a:visited { color: #fff; text-decoration: none;}


.clearer {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px; 
}