body { font-family:verdana; font-size: 14px; color: #333; margin: 0; background: #f6f3f3; text-align: left; line-height: 1.4em; }
html { }

#wrapper { width: 800px; margin: 20px auto 0; background-color:white; padding: 5px; border: 6px solid #e2e0e0;} 
#header { float:left; width:800px; height:420px;}
#header_sub { float:left; width:800px; height:165px;}

#tel { float: left; width: 800px; height: 20px;  font-size: 80%; color: #666;  }
#date { float: left;}
#telp { float: right}
#add { float:left; margin-left:70px;}


.photo { float:left; margin: 1px 1px 0 0; background-image:url(images/home-image-replace.jpg); width:320px; height:266px;}
.logo { float:right; margin-bottom:10px; border:none;}
#content { float: left; width: 800px; margin: 20px 0 20px 0; text-align: left; }
#content_sub { float: left; margin: 0 0 0 0; width: 800px; text-align: left; }
#map_canvas { border:4px solid #e2e0e0;}
#team-member1 { padding:0px 0 10px 0; border-top: 1px solid #b2aba8;}
	#team-member2 { padding:0px 0 10px 0; border-top: 1px solid #b2aba8;}
	#team-member3 { padding:0px 0 10px 0; border-top: 1px solid #b2aba8;}
	#team-member4 { padding:0px 0 10px 0; border-top: 1px solid #b2aba8;}
	#team-member5 { padding:0px 0 10px 0; border-top: 1px solid #b2aba8;}
	#team-member6 { padding:0px 0 10px 0; border-top: 1px solid #b2aba8;}
.team-photo {float:left; border: 4px solid #e2e0e0; margin: 0 4px 4px 0;}
#team-testimonials { padding:4px; border:4px solid #e2e0e0; background:#f6f3f3;}
h1 { font-size: 24px; color: #51443e; font-weight: bold; margin: 20px 0 30px 0; line-height: 1.6em; }
h2 { font-size: 120%; color: #fff200; font-weight: bold;  text-decoration: unerline; margin: 0 0 0 0;}
h3 { font-size: 120%; color: #51443e; background:#e2e0e0; font-weight: bold;  padding:4px; margin: 0; }
.h3-right {float:right; font-size:10px;}

a:link { color: #877b77; text-decoration: underline;}
a:active { color: #877b77; text-decoration: none;}
a:hover { color: #ae7c4e; text-decoration: none;}
a:visited { color: #b1aaa8; text-decoration: none;}

#footer {width: 820px; height: 40px; padding: 20px 0 10px 0; color: #8c8c8c; clear: both; font-size:80%; margin: auto;}
#foot-text { float: left; margin-top: 70px;}
.footer-logo {float:right;}

/*NAV*/
#nav { float: left; margin: 0 0 0 0; background: #877b77; width: 800px; height:35px; font-family:verdana; 
text-align: center;}

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

#nav li 
{
border-left: 1px solid #b3aba8; 
float: left;
margin: 0 0 0 -1px;
width: 132px;
height: 35px; 
display: block;
}

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

#nav a
{
color: white;
text-decoration: none;
font-weight: normal;
width: 132px;
height: 35px;
display: block;
padding-top:5px;
}
#nav li#active { color: white; }
#nav a:hover { color:white; background: url("images/b1a.jpg")  no-repeat; width: 132px; height: 35px; }
/*current page highlight link mainnav*/#home .home, #about .about, #team .team, #contact .contact, #links .links { background: url("images/b1a.jpg")  no-repeat;}

/*Nav Patch*/
.header-patch {font-size: 120%; color: #fff200; font-weight: bold;  text-decoration: unerline; margin: 0 0 0 0;}
#nav-patch { float: left; margin: 0 0 0 0; width: 280px; font-size:11px;}
ul#nav-patch { padding: 0; margin: 0;}
li#nav-patch { padding: 0; margin: 0;}
#nav-patch li 
{
float: left;
margin: 1px 1px 0 0;
width: 280px;
height: 88px; 
display: block;
background: url("images/patch1.jpg")  no-repeat;
}

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

#nav-patch a
{
color: white;
text-decoration: none;
font-weight: normal;
width: 270px;
height: 88px;
display: block;
padding:5px;
cursor:help;
}

#nav-patch li#active { color: white;  background: url("images/patch1.jpg")  no-repeat;  }
#nav-patch a:hover { background: url("images/patch1a.jpg")  no-repeat; width: 270px; height: 88px; }

/*Nav Right*/
#subnav { float: right; margin: 0 0 4px 0; padding:0; width: 198px; height:267px; background-color:#877b77; border-left: 1px solid #fff; font-size:12px;}


#subnav ul
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 198px;
}



#subnav li
{
display: block;
margin: 0;
padding: 0;
}

#subnav li a
{
display: block;
padding: 3.5px;
color: #fff200;
text-decoration: none;
background: #877b77;
}

#subnav>ul#subnav li a { width: auto; }

ul#subnav li#active a
{
background: #f0e7d7;
color: #800000;
}

#subnav ul a:hover{
color: #fff;
background: #51443e;
}

/*current page highlight link navright*/#accounts .accounts, #taxreturn .taxreturn, #taxefficiency .taxefficiency, #bookkeeping .bookkeeping, #payroll .payroll,
#support .support, #secretarial .secretarial, #startup .startup, #credit .credit, #ppi .ppi { background:#51443e; border-top: 1px solid #73625b; border-bottom: 1px solid #73625b;}


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

/*form styles*/
fieldset {border:1px solid #e2e0e0; padding:10px; color: #51443e; }
legend { color:#51443e;}

.submit { color: #51443e; background:#e2e0e0; width: 110px; height: 35px; border:0;}
.input{ width: 190px; height: 26px; padding: 4px; font-size: 14px; color: #333; border: 4px solid #e2e0e0; }
.textarea { width: 200px; height: 130px; border: 4px solid #e2e0e0; font-size: 14px; color: #333;}
.select { width: 200px; height: 26px; border: 2px solid #e2e0e0; font-size: 14px; color: #333;}
.blank{display:none;}

#form { float: left; width: 340px; margin: 10px 0 0 0; text-align: left; font-size: 100%; font-weight: normal; color:#333;}
#address {float: left; width: 407px; margin:20px 0 0 40px; text-align: left; padding: 4px; font-size: 100%; font-weight: normal; color:#333; 
 background:#f6f3f3; border:1px solid #e2e0e0;}