/* CSS Reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0;padding:0;} table{ border-collapse:collapse;border-spacing:0;} fieldset,img{ border:0;} ol,ul,li{ list-style:none; list-style-position:outside;} a img{ border:0;} .clear{ clear:both; height:0; overflow:hidden;} /* Generic Styling */ a{ color:#8E7566; font-weight:bold; text-decoration:none;} a:hover{ color:#666;} body{ color:#a0a08c; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#f4f4ea url(images/content_middle.gif) center top repeat-y;} .body_inside{ width:100%; background:url(images/body_top.gif) 0 224px repeat-x;} .wrapper{ width:1000px; margin:0 auto; overflow:hidden;} /* header */ #header{ width:100%; height:224px; background:#e5f4f3 url(images/header_bg.jpg) center top repeat;} .header_inside{ width:970px; height:224px; margin:0 auto; background:url(images/header_inside_bg.jpg) 0 0 no-repeat;} .logo{ float:left; width:396px; display:inline; margin:54px 0 30px 0px;} .logo a{ font-size:32px; color:#387a75; line-height:85px;} .tel{ float:left; margin:119px 0 0 12px; height:21px; line-height:18px; padding-left:20px; font-size:14px; color:#77ada8; font-weight:bold; background:url(images/ico_tel.gif) 0 0px no-repeat;} #navigation{ padding-left:45px; clear:both; height:56px; } #navigation li{ float:left; line-height:55px; font-size:17px; font-weight:bold; display: inline; } #navigation li a{ color:#fff; text-decoration:none; padding:0 14px; display:block;} #navigation li a:hover{ color:#78AEA8;} #navigation li ul { position: absolute; left: -999em; width: 9em; border-top:none; margin:1px 0px 0px 0px; padding:0 0 5px 0; } #navigation li:hover ul, #navigation li.sfhover ul { left: auto; } #navigation li ul li { font-size:.8em; line-height:2.5em; width:11em; margin:0px 0px 0px 0px; border-top:1px solid #CFCFC2; } #navigation li ul li a { margin:0px 0px 0px 0px; color:#3A7C77;} #navigation li:hover, #navigation li.hover { position: static; } #navigation li ul ul { margin: 0px 0 0 11em;} #navigation li:hover ul ul, #navigation li.sfhover ul ul {left: -999em;} #navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul { left: auto; background:#EFEFE0; border:3px solid #42382F; border-top:none; } #navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul { left: -999em;} #navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {left: auto;} /* content */ #content{ width:970px; margin:0 auto; overflow:hidden; background:url(images/content_bottom.gif) 0 bottom no-repeat;} .content_inside { width:100%; background:url(images/content_top.gif) 0 top no-repeat; overflow:hidden; padding-bottom:140px;} .row{ width:850px; margin:0 auto; overflow:hidden;} .welcome_area{ float:left; width:612px; height:274px; font-weight:bold; background:url(images/welcome_bg.jpg) 0 0 no-repeat; margin-top:70px;} .welcome_area h1{ font-size:24px; color:#79afaa; margin-bottom:14px;} .welcome_area h1 strong{ color:#3a7c77;} .welcome_area p{ width:358px; line-height:150%;} .clinic_hours{ float:right; width:238px; background:#fff url(images/clinic_bottom.gif) left bottom no-repeat;} .clinic_hours_inside{ width:100%; background:url(images/clinic_top.gif) left top no-repeat; padding:76px 0 36px;} .cli_title{ text-align:center; margin-bottom:20px; font-size:20px; color:#333;} .cli_hours{ width:180px; margin:0 auto 24px; text-align:center; line-height:150%; color:#468681; font-weight:bold;} .cli_book{ text-align:center; font-size:20px;} .saying{ position:absolute; left:0px; top:0px; width:700px; height:40px; text-indent:-9999px; overflow:hidden; z-index:1; background:url(images/sidething.png) no-repeat;} .three_blocks{ width:850px; clear:both; background:#3a7c77 url(images/three_block_bottom.gif) left bottom no-repeat; color:#d9e8e6; font-weight:bold;} .three_blocks_inside{ width:100%; overflow:hidden; padding:24px 0; background:url(images/three_block_top.gif) left top no-repeat;} .three_blocks h2{ margin-bottom:15px;} .block1{ float:left; width:212px; display:inline; margin:0 65px 0 30px;} .block1 p{ margin-bottom:24px;} .block2{ float:left; width:237px; margin:0 60px 0 0;} .service_box{ width:237px; background:#fff url(images/service_bottom.gif) left bottom no-repeat;} .service_box_inside{ width:100%; background:url(images/service_top.gif) left top no-repeat; padding:20px 0 55px;} .service_box li{ line-height:240%; font-size:11px; color:#3e7b76; padding-left:19px;} .service_box li a { color:#3e7b76; } .block3{ float:left; width:224px;} .location img { width:220px; border:2px #000000 solid; margin-bottom:8px;} .more a{ color:#fff; text-decoration:none;} .more a:hover{ color:#eaeaea;} .Maincol{float:right; width:640px; margin-right:40px; margin-bottom:40px; color:#666;} .Maincol h2 {margin-top:40px; margin-bottom:10px; font-size:2em;} .Maincol h3 {margin-top:20px; margin-bottom:10px; font-size:1.5em;} .Maincol p {font-size:1.3em; line-height:1.5em; margin-bottom:15px;} .Maincol ol, .Maincol ul {padding:0; margin: 20px 0px 20px 20px;} .Maincol ol li, .Maincol ul li {background: url("images/bullet.gif") 0px 5px no-repeat; font-size:1.3em; line-height:1.5em; padding-left:20px;} .staffimg { padding:8px; background:#f4f4ea; border: 1px solid #ccc; float:left; margin-right:20px; } /* footer */ #footer{ width:100%; background:#f4f4ea;} .footer_inside{ width:850px; margin:0 auto; overflow:hidden; position:relative; top:-100px;} .f_contact, .f_copyright{ text-align:center; height:30px; line-height:33px; background:#fff url(images/fbox_right.gif) right top no-repeat;} .f_contact span, .f_copyright span{ float:left; width:100%; background:url(images/fbox_left.gif) left top no-repeat; color:#87874f; font-size:11px; font-weight:bold;} .f_contact{ float:left; width:234px;} .f_copyright{ float:right; width:490px;}