/* 
CSS
*/
 
body { font: 100% Tahoma; color: #333; background: #0066cc; margin: auto; text-align: center; line-height: 1.4em; letter-spacing: 0.01em;}
html, body{
height:100%;
width: 100%;
margin:0;
padding:0;
min-height:100%;}

#wrapper { width: 100%; border:0; margin:0; padding:0; background:#fff;  text-align: left;  border-bottom: 3px solid #3399ff;}
#header {  width: 100%; height:100px; margin: 0; background: #ececec; background:url(images/header.jpg); background-position:top left; background-repeat:no-repeat;} 

#main{ float: left; width:60%; margin: 10px 0 100px 0; padding: 10px; font-size: 80%; background:#FFFFFF; }
#right { float: left; width: 20%; border: 0; margin: 60px 0 0 70px; text-align:left; font-size: 90%;} 

#tel { font-size: 70%; text-align: right; color: #666; padding: 5px;}
.photo { float: right; border: 2px solid #cc99cc; width: 250px; margin: 0; clear: bottom;}

h1 { font: 170% tahoma; color: #3399ff; font-weight: bold; margin: 5px 0 5px 0;}
h2 { font: 115% constantia; color: #333; font-weight: bold; margin: 0 0 10px 0; }
#right h1 { font: 115% tahoma; color: #fff; background: #0066cc; padding: 4px; font-weight: bold; margin: 0 0 10px 0; border-bottom: 3px solid #3399ff;}
#right li { margin:0 0 10px 0; list-style-image: url(images/bullet-point.jpg);}

#main a:link { color: #336699; text-decoration: none; }
#main a:active { color: #336699; text-decoration: none; }
#main a:hover { color: #333; text-decoration: underline;}
#main a:visited { color: #336699; text-decoration: none; }
#main h1 a:link { font: 80% tahoma; color: #3399ff; font-weight: bold; margin: 5px 0 5px 0;}


#footer { padding: 5px; font-size: 60%; color: #fff; margin: 0px; text-align: center; }
#footer a:link, a:visited { color: #fff; font-weight: normal;}

/*FORM*/
.field { border: 0; width:180px; height:18px; border: 1px solid #333;}
.textarea { border: 0; width:180px; height:100px; border: 1px solid #333;}
.submit { width: 100px; height: 25px; border: 1px solid #333; background: #ececec; font-size: 110%; color: #333;}
.formerror {color: red;}

/*NAV*/
#navcontainer {float: right; margin: -29px 0 0 0px; : 0; padding: 0;}
#navbottom {float: left; width: 100%; height: 10px; margin: 0px; : 0; padding: 0; background: #3399ff;}

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

#navcontainer li 
{
display: block;
float: left;
background: url("images/b1.jpg") no-repeat;
text-align: center;
width: 112px;
height: 28px; 
}

#navcontainer ul {
list-style-type: none; 
padding: 0;
margin: 0;
}

#navcontainer a
{
color: #fff;
text-decoration: none;
font-weight: bold;
display: block;
font-size: 65%; 
padding: 5px;
}

#navcontainer li#active { background: url("images/b1a.jpg") no-repeat ; }
#navcontainer a:hover { background: url("images/b1a.jpg")  no-repeat; }
/*current page highlight link*/#home .home, #services .services, #contact .contact { background: url("images/b1a.jpg")  no-repeat;}

/*navigtion end*/


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