/* 
CSS
*/
 
body { font: 100% Tahoma; color: #333; background: #336699; margin: auto; text-align: center; line-height: 1.4em; letter-spacing: 0.01em;}
html { }

#wrapper { width: 745px; border: 4px solid #fff; background:#fff; margin: 15px auto; text-align: left; }
#header { width: 745px; height:132px; margin: 0; background: #ececec; background:url(images/header.jpg);} 
#wrapper-intro { font-size: 80%; color: white;}

#main{ float: left; width:730px; margin: 10px 0 30px 0; padding: 10px; font-size: 70%;}
#bottom{ float: left; width:741px; padding: 2px; color: #666; background: #c5d8e2;}
#address {font-size: 70%; color: #333; text-align: right;  padding: 2px; }
#form{ float: left; width:280px; padding: 2px; border-right: 1px solid #fff; background:#e2eefa; font-size: 80%;}
#span { float: left; width: 220px; border-right: 1px dotted #fff; padding: 10px; font-size: 70%; }
#custcomment { float: left; font-size: 90%; color: #333; margin: 20px 0 0 100px; line-height: 1.6em; width: 470px; height: 100px; padding: 11px;  background: url(images/custcbg.jpg);}
#tel { font-size: 70%; text-align: right; color: #666;}
.photo {float: right; margin-left: 10px; border: 1px solid #ccc;}

h1 { font: 160% constantia; color: #336699; font-weight: bold; margin: 5px 0 5px 0;}
h2 { font: 115% constantia; color: #333; font-weight: bold; margin: 0 0 10px 0; }

#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; }

#bottom a:link { color: #336699; text-decoration: none; padding: 2px;}
#bottom a:active { color: #336699; text-decoration: none;}
#bottom a:hover { color: #336699; background: #ffcc33; border: 1px solid #336699; }
#bottom a:visited { color: #336699; text-decoration: none; padding: 2px;}

#listing a:link { color: #336699; text-decoration: none; padding: 2px; }
#listing a:active { color: #336699; text-decoration: none;}
#listing a:hover { color: #ffcc33; }
#listing a:visited { color: #336699; text-decoration: none; padding: 2px;}
.listphoto a { }

#footer { padding: 5px; font-size: 60%; color: #333; width: 745px; margin: auto; text-align: left;}
#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: left; width: 744px; height: 30px; margin: 0; padding: 0; background: url(images/nav.jpg);}

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: 30px; 
}

#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, #features .features, #offices .offices, #contact .contact { background: url("images/b1a.jpg")  no-repeat;}

/*navigtion end*/

/*office listing */

#listing { 
float: left;
width: 530px; 
padding: 8px; 
border-top: 1px solid #ccc; 
border-bottom: 1px solid #ccc; 
background: #f2f2f2;
color: #333; 
text-decoration: none; 
margin-top: 10px;
font-size: 80%;
}

.listingphoto { float: right; border: 2px white;}

/*listing style end*/


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