/* 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 { line-height: 1.4em; 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:87px; vertical-align: middle; }
.about a { background: url(../images/nav/about.jpg); width: 89px; }
.testimonials a { background: url(../images/nav/testimonials.jpg); width: 138px; }
.directions a { background: url(../images/nav/directions.jpg); width: 120px; }
.resources a { background: url(../images/nav/resources.jpg); width: 116px; }
.careers a { background: url(../images/nav/careers.jpg); width: 98px; }
.contact a { background: url(../images/nav/contact.jpg); width: 100px; }
.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,
.bcareers #topnav .careers a,
.bcontact #topnav .contact a,
#topnav li a:hover { background-position:0 -39px; }


#wrapper {
	background: url("../images/watermark.jpg") no-repeat scroll 75% 50% #fff;
	border-left: 1px solid rgba(26, 58, 97, 0.2); border-right: 1px solid rgba(26, 58, 97, 0.2);
	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;
	border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px;
	color: #788899;
	margin: 0 auto;
	text-align:center;
	text-shadow: -1px -1px 0 rgba(26,58,97,0.8);
	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: 340px; }
#footer .addthis_toolbox { float: left; width: 160px; }
#footer .credit { font-size:0.85em; float: left; padding: 0 10px 10px 0; text-align: right; width: 430px; }

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

/* specs table */
#contactform { width: 400px; margin: 10px; text-align: center; }
.clabel { padding: 7px; text-align: right; }
.cfield { padding: 7px; text-align: left; }
.ccomments { padding: 7px; text-align: right; vertical-align: top; }
.ccommentsf { padding: 7px; text-align: left; }

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

/* Contact Form
----------------------------------------- */
input, textarea {
	background: #f1f1f1;
	border: 1px solid #ccc;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	box-shadow: 0 0 5px #ddd inset; -moz-box-shadow: 0 0 5px #ddd inset; -webkit-box-shadow: 0 0 5px #ddd inset;
	padding: 4px;
	}
input:focus, textarea:focus, input:hover, textarea:hover {
	background-color: #f4f4f4;
	border: 1px solid #bbb;
	box-shadow: 0 0 1px #fff inset; -moz-box-shadow: 0 0 1px #fff inset; -webkit-box-shadow: 0 0 1px #fff inset;
	}
form label { color: #aaa; display: block; float: left; padding-right: 15px; text-align: right; width: 70px; }
div#commentForm { margin: 0 auto; padding-top: 20px; width: 423px; }
form#contactForm { margin: 0 auto; padding-top: 20px; width: 423px; }
input.submit { 
background: #C5A24F; /* old browsers */
background: -moz-linear-gradient(top, #C5A24F 0%, #967321 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C5A24F), color-stop(100%,#967321)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C5A24F', endColorstr='#967321',GradientType=0 ); /* ie */
border: 1px solid #3e3100;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
box-shadow: 0 0 5px rgba(218, 186, 79, 0.8) inset, 0 0 5px rgba(218, 186, 79, 0.8) inset, 0 0 3px #967321;
-moz-box-shadow: 0 0 5px rgba(218, 186, 79, 0.8) inset, 0 0 5px rgba(218, 186, 79, 0.8) inset, 0 0 3px #967321;
-webkit-box-shadow: 0 0 5px rgba(218, 186, 79, 0.8) inset, 0 0 5px rgba(218, 186, 79, 0.8) inset, 0 0 3px #967321;
color:#3e3100;
cursor:pointer;
display:inline-block;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
outline:medium none;
padding: 7px 10px;
position:relative;
text-align:center;
text-decoration:none;
text-shadow:1px 1px 0 rgba(218, 186, 79, 0.8);
text-transform: uppercase;
}

p.submitButton{ text-align: center; padding: 7px 14px; }
input.submit:hover {
	background: #967321; /* old browsers */
	background: -moz-linear-gradient(top, #967321 0%, #C5A24F 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#967321), color-stop(100%,#C5A24F)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#967321', endColorstr='#C5A24F',GradientType=0 ); /* ie */
	border: 1px solid #8c6a24;
	box-shadow: 0 0 5px rgba(150, 115, 33, 0.9) inset;
	-moz-box-shadow: 0 0 5px rgba(150, 115, 33, 0.9) inset;
	-webkit-box-shadow: 0 0 5px rgba(150, 115, 33, 0.9) inset;
	text-shadow:0 -1px 0 rgba(218, 186, 79, 0.5);
}

/* 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; }