/* Global Styles
----------------------------------------- */
* { margin: 0; padding: 0; }
html { height: 100%; margin-bottom: 1px; }
body { background: #e1e8f2 url(../images/design_3_bg.jpg) 0 0 repeat-x; font-family: Verdana, Geneva, sans-serif; font-size: 0.8em; color: #333; }
ul, li { list-style: none; }
img { border: none; }
h1 { background: inherit; color: #3e3100; font-family: Georgia, serif; font-size: 1.5em; font-weight: 200; padding: 5px 0; }
h2 { font-size: 120%; font-weight: bold; padding: 5px 0; }
h3 { background: inherit; color: #967321; font-family: Georgia, serif; font-size: 1.4em; font-weight: 200; padding: 5px 0; }
h4 { font-size: 100%; font-weight: bold; padding: 5px 0; }
h5 { font-size: 100%; font-weight: 200; padding: 5px 0; }
p { padding: 10px 0; }
a:link { background-color: inherit; color: #967321; text-decoration: none; }
a:visited { background-color: inherit; color: #967321; text-decoration: none; }
a:hover { background-color: inherit; color: #ddb850; text-decoration: underline; }
a:active { background-color: inherit; color: #ddb850; text-decoration: underline; }
.quote { background: inherit; color: #17375d; font-family: Georgia, serif; font-size: 1.2em; font-weight: 200; padding: 10px; }
/* Divs
----------------------------------------- */
#header { background: inherit; color: #faf2e7; margin: 0 auto; padding: 5px 0; width: 830px; }
#header .directions { float: left; width: 410px; }
#header .phone { float: left; text-align: center; width: 220px; }
#header ul { float: right; width: 190px; }
#header li { background: url(../images/seperator.gif) no-repeat 0 2px; display: inline; padding: 0 0 3px 10px; }
#header li.first { background: none; }
#header a { background: transparent; color: #faf2e7; }
#header a:hover { background: transparent; color: #ddb850; text-decoration: none; }

#masthead { background: inherit; color: #faf2e7; height: 133px; margin: 20px auto 0 auto; width: 830px; }
#imasthead { background: inherit; color: #faf2e7; height: 303px; margin: 15px auto 0 auto; width: 832px; }
#topnav { background: inherit; color: #faf2e7; height: 39px; margin: 0 auto; width: 830px; }

#topnav li { float:left; margin:0 0 0 0; }
#topnav li a { display:block; background-repeat:no-repeat; text-indent:-9999em; height:39px; overflow:hidden; }
.home a { background: url(../images/nav/home.jpg); width:103px; vertical-align: middle; }
.about a { background: url(../images/nav/about.jpg); width:105px; }
.testimonials a { background: url(../images/nav/testimonials.jpg); width:143px; }
.resources a { background: url(../images/nav/resources.jpg); width:123px; }
.directions a { background: url(../images/nav/directions.jpg); width:126px; }
.contact a { background: url(../images/nav/contact.jpg); width:123px; }
.bullet { background: url(../images/head_line.gif) 0 3px no-repeat; width: 20px; }

.bhome #topnav .home a,
.babout #topnav .about a,
.btestimonials #topnav .testimonials a,
.bresources #topnav .resources a,
.bdirections #topnav .directions a,
.bcontact #topnav .contact a,
#topnav li a:hover { background-position:0 -39px; }


#wrapper { background-color: #fff; color: #000; margin: 0 auto; text-align: left; width: 792px; }
#sidenav { float: left; font-weight: 1em; padding: 10px 20px; width: 170px; }
#sidenav ul { margin: 10px 5px; }
#sidenav li { padding: 2px 0; }
#sidenav .subnav li { background: url(../images/line.gif) no-repeat 0 9px; padding: 0 0 3px 15px; }
#sidenav a { background-color:inherit; color:#967321; font-size: 0.9em; }

#content { float: left; font-weight: 90%; line-height: 1.4em; padding: 10px 20px; width: 542px; }
#content .title li { background: url(../images/bullet.gif) no-repeat 0 2px; padding: 0 0 3px 20px; }
#content .subtitle li { background: url(../images/line.gif) no-repeat 0 9px; padding: 0 0 3px 15px; }

/* Footer 
------------------------ */
#footer { background: #204268 url(../images/footer_bg.jpg) 0 0 repeat-x; border-top: 3px solid #DABA53; color:#9f989f; margin: 0 auto; text-align:center; width: 792px; }
#footer ul { padding: 10px 0 30px 0; }
#footer li { background: url(../images/seperator.gif) left center no-repeat; display:inline; padding:0 10px; }
#footer li.first { background:none; }
#footer li a { background-color:inherit; color:#faf2e7; text-decoration: none; }
#footer a { background-color:inherit; color:#faf2e7; }
#footer a:hover { background-color:inherit; color: #ddb850; }
#footer .copyright { font-size:0.85em; float: left; padding: 0 0 10px 10px; text-align: left; width: 390px; }
#footer .credit { font-size:0.85em; float: left; padding: 0 10px 10px 0; text-align: right; width: 380px; }

#footer a:hover, .bhome #footer a.fhome, .babout #footer a.fabout, .btestimonials #footer a.ftestimonials, .bdirections #footer a.fdirections, .bresources #footer a.fresources, .bcontact #footer a.fcontact { background-color:inherit; color:#ddb850; text-decoration:none; }

/* specs table */
#contactform { border:1px solid #967321; width: 400px; margin: 10px; text-align: center; }
.cinput { border: 1px solid #DABA53; width: 220px; }
.clabel { border-bottom:1px solid #999; padding: 5px; text-align: right; }
.cfield { border-bottom:1px solid #999; padding: 5px; text-align: left; }
.ccomments { border-bottom:1px solid #999; padding: 5px; text-align: right; }
.ccommentsf { border-bottom:1px solid #999; padding: 5px; text-align: left; }
.csubmit { padding: 15px; text-align: center; }
.submit { width: 120px; height: 33px; }

/* Images
----------------------------------------- */
img { border: none; }
img.map { width: 16px; height: 16px; vertical-align: middle; }
img.arrow { width: 16px; height: 16px; vertical-align: middle; }

/* Self Cleared Float
----------------------------------------- */
#header:after,
#topnav:after,
#masthead:after,
#sidenav:after,
#content:after,
#wrapper:after,
#copyright:after,
#credit:after,
#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }