/* CSS Document */
html,body {width:100%; height:100%; margin:0 auto; text-align:center;}
body {font:14px Verdana, Arial, Helvetica, sans-serif; color:#3a3431; background:#fff url(../images/bg.gif) repeat-x;}
body#index {font:14px Verdana, Arial, Helvetica, sans-serif; color:#3a3431; background:#fff url(../images/bgheartbeat.gif) repeat-x;}
#wrapper {width:770px; height:100%; min-height:100%; margin:0 auto;}
html>body #wrapper{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#header {width:760px; height:125px; text-align:left; padding-top:5px;}
#header .address {float:right; color:#d50505; font-weight:bold; margin:5px 0 0 0;}
#homeheading {width:100%; height:276px; background:url(../images/bgheartbeat.gif) repeat-x; position:absolute; margin:0 auto; margin-top:205px; padding:0px;}
#homeheading img {margin:-1px 0 0 320px;}
#header {height:75px;}
#content {width:760px; text-align:left; margin-bottom:25px;} 
#footer {width:100%; background-color:#3a3431; color:#fff; text-align:left; height:150px; font-size:11px;}
#heading {font:bold 15px Verdana, Arial, Helvetica, sans-serif; color:#fff; float:right; height:50px; margin:50px 20px 0 0;}
* html #heading /*IE*/ {height:50px; margin:35px 20px 0 0;} 
#flashbox {width:770px; height:282px; margin:23px 0 0 0; padding:0px;} 
html>body #flashbox /*FF*/ {width:770px; height:282px; margin:36px 0 0 0;}
#flash1 {float:left;}
#flash2 {float:right;} 
.subheading {display:block; background:url(../images/bgq.gif) no-repeat; height:58px; padding:5px; color:#e3d904; font:bold 18px Verdana, Arial, Helvetica, sans-serif;} 
.subheading .text {margin:25px 0 0 88px;}
.box {background-color:#f0efef; border:1px solid #696969; padding:10px; width:340px; margin-top:15px; height:205px;} 
a, a:link, a:visited, a:active {color:#d50505; text-decoration:underline;}
a:hover {text-decoration:none;}
.sm {font-size:10px;}
.sixteen {font-size:16px} 
.red {color:#d50505;}
.yellow {color:#e3d904;}
.whte {color:#fff;}
.half {width:365px;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;} 

#scrollOut {position:relative; overflow:hidden; width:355px; height:23px; background:url(../images/scrollbg.gif) top left no-repeat; padding:10px 20px;; margin:5px 0; float:right;}
#scrollIn {position:absolute; width:450px; height:15px; color:#e3d904; top:-2px;}

/* MAIN NAV */
#navlist {margin:50px 0 0 10px; text-align:center; width:760px; padding:0;}
html>body #navlist /*FF */ {margin:70px 0 0 10px;}
#navlist li {display:inline; list-style-type:none; padding-right:20px;}
#navlist a {color:#fff; font:bold 13px Arial, Helvetica, sans-serif; text-decoration:none;}
#navlist a:hover {color:#e3d904;}
.home #wrapper #navlist #home a, 
.about #wrapper #navlist #about a, 
.services #wrapper #navlist #services a, 
.occupational #wrapper #navlist #occupational a, 
.patient #wrapper #navlist #patient a, 
.contact #wrapper #navlist #contact a,
.links #wrapper #navlist #links a {color:#e3d904;}
#stage{margin:0 0 0 0; width:420px; float:right; background-color:#e6e5e4; border:1px solid #837f7d; margin-bottom:15px;}

/* ----- CLASSES ----- */
#stage .inline{display:inline !important;}
#stage .center{text-align:center !important;}
#stage .left{float:left;}
#stage .right{float:right;}
#stage .hide{display:none !important;}

/* ----- CLEARFIX ----- */
#stage .clearfix:after, #stage:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#stage .clearfix, #stage{display:inline-block;} 
* html .clearfix, * html #stage {height:1%;}
#stage .clearfix, #stage{display:block;}

/* - - FORM- - - */
#stage form {width:420px; padding:0 0 0 0; margin:0 0 0 0px;}
html>/**/body #stage form /*firefox hack*/{margin:0 0 0 -20px;}
* html #stage form {margin:0 0 0 20px;} /* IE6 Only */
#stage form ul{position:relative; list-style-type:none; margin:0;}
#stage form li{line-height:2em; margin:0; padding:1px 4px 6px 2px; display:inline-block;}
#stage form li:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* Holly Hack Targets IE Win only \*/
* html #stage form li {height:1%;}
#stage form li {display:block;}
/* End Holly Hack */
#stage form li div{float:left; display:inline; margin-right:5px; color:#444;}
#stage form li.focused{background-color:#fff7c0;} 
#stage form li p{clear:both; font-size:9px; line-height:13px; color:#444;}
#stage form li div.left{width:48%;}
#stage form li div.right{width:48%;}
#stage form li div.left .medium, #stage form li div.right .medium{width:100%;}
#stage .clear{clear:both;}
#stage form li div p{margin-bottom:3px; margin-top:-2px;}
#stage form li img.icon{float:left; margin:.35em 5px 0 0;}

/* ----- SECTIONS ----- */
#stage form li.section{border-top:1px dotted #ccc; margin-top:9px; padding-top:13px; padding-bottom:0px;}
#stage form ul li.first{border-top:none; margin-top:0px; padding-top:1px;}
#stage form .section h3{font-size:110%; line-height:130%; margin:0 0 2px 0;}
#stage form .section p{font-size:85%; margin:0 0 1em 0;}
/* ----- BUTTONS ----- */
#stage .buttons{clear:both; margin:10px 0 20px 45px; padding:0;}
#stage .buttons .button{font-size:120%; margin:0 5px 0 0; padding:0 7px;}

/* ----- FIELDS AND LABELS ----- */
#stage label.desc{font-weight:bold; line-height:125%; padding:4px 4px 1px 0; border:none; color:#444; display:block; font-size:95%;}
#stage input.text, #stage textarea.textarea, #stage select.select{font-size:100%; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url(http://wufoo.com/images/fieldbg.gif) repeat-x top; color:#333;}
#stage input.text{padding:2px 0 2px 0;}
#stage input.currency{text-align:right;}
#stage input.checkbox, #stage input.radio{display:block; line-height:1.4em; margin:8px 0 0 3px; width:13px; height:13px;}
#stage label.choice{font-size:100%; display:block; line-height:1.4em; margin:-19px 0 0 25px; padding:4px 0 5px 0; color:#444; width:90%;}
#stage textarea.textarea{margin-top:1px; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;}
select.select{margin:1px 0 1px 0; padding:1px 0 0 0;}
#stage select.select[class]{margin:0; padding:1px 0 1px 0;}

/* ----- SIZES ----- */
#stage .third{width:32% !important;}
#stage .half{width:48% !important;}
#stage .full{width:100% !important;}
#stage input.small, #stage select.small{width:25%;}
#stage input.half, #stage select.half{width:50%;}
#stage input.large, #stage select.large, #stage textarea.textarea{width:99%;}
#stage input.tags{width:315px;}
#stage textarea.small{height:5.5em;}
#stage textarea.medium{height:10em;}
#stage textarea.large{height:20em;}
/* ----- END FORM----- */
