@import 'yui.css';
/* Body */
body {background:#ac3027 url('/images/page_bg.gif') top repeat-x; font-family:"Trebuchet MS","Tahoma","Arial"; font-size:0.8em;}
* {outline:none;}
a {color:#9e2b1b;}
a:hover {text-decoration:none;}
.alert, .warn {color:#ff0000; font-size:12px;}
hr {clear:both; margin:15px;}

div {/*border:1px solid #000;*/}

#container {width:880px; margin:0 auto;}

/* Header */
#header {background:url('/images/page_header.png') top center no-repeat; height:268px; position:relative;}
h1 {display:none;}

/* Footer */
#footer {background:url('/images/page_footer.png') top center no-repeat; height:360px; position:relative; margin-bottom:20px; clear:both;}
#footer p {margin:0; padding:0px; text-align:center;}
#footer .dr {font-size:1.1em; background:url('/images/dr_williams.png') left top no-repeat; float:left; width:530px; height:200px; margin:70px 0 0 60px; padding-top:80px;}
#footer a {font-size:0.8em; font-weight:bold;}
#footer .copy {position:absolute; bottom:0; left:0; width:100%;}

/* Content */
#content {background:url('/images/page_content_bg.png') center repeat-y; position:relative; margin:0; padding:1px;/* This removes the gab between divs */}

/* Nav */
#nav, 
#nav ul {margin:0; padding:0 0 1px 20px; list-style:none; width:100%; margin:0 auto; z-index:4000;}
#nav a {display:block; padding:9px; font:16px Verdana, Arial, sans-serif; color:#000; text-decoration:none; text-transform:lowercase;}
#nav li:hover a {color:#333;}
#nav li {float:left; list-style:none; margin:0 9px; padding:0;}
#nav li:hover {}
#nav li ul {position:absolute; width:324px; left:-9999em; border:1px solid #333; margin:0; padding:0;}
#nav li ul li {width:300px; margin:0;}
#nav li ul li a {display:block; width:100%; background:#d9c6b8 !important; font-weight:normal; padding:8px 12px; font-size:13px;}
#nav li ul li a:hover {background:#ece3dc !important; color:#bb5501;}
#nav li:hover ul {left:auto;}

#banners {margin:0 0 0 53px; padding-top:20px; clear:both;}

#home-flash-video {border:2px solid #000; width:480px; height:320px; margin:30px 0 0 100px; }
#flash-video {border:2px solid #000; width:480px; height:320px; margin:30px 0 0 0; }

#symptom-button {position:absolute; right:100px; top:500px;}
.symptom-button {float:left; width:200px; text-align:center; margin-right:30px;}
.symptom-button a {text-decoration:none;}

img.headshot {float:left;}

#text {margin:0 46px; padding:0 20px;}
#hometext {text-align:center; margin:0 46px; padding:0 20px;}
h2 {font-style:italic; font-size:1.8em; padding-top:20px;}

div#col1 {float:left; width:500px; margin-left:70px;}
div#col2 {float:right; width:200px; margin:91px 70px 0 0;}

form#contact label {width:100px; float:left;}

p.sample {width:200px; float:left; margin-right:20px;}
p.sample span {padding-left:20px; display:block; font-weight:bold;}

p.results {font-size:16px; color:#bb5501;}
p.results strong {text-decoration:underline;}

#self_analysis p {position:relative; margin:5px 0; padding:5px 0;}
#self_analysis p.clearfix:hover {background-color:#EDFFD6;}
#self_analysis p.checked {background-color:#ccc;}
#self_analysis p.checked:hover {background-color:none;}
#self_analysis p span {display:block; float:left; width:350px;}
#self_analysis p label {float:left; margin:0 5px;}

/* Fixes */
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}