/* ---------------------------------------------------------------------------- Copyright Einstein Industries 2004. Used with Permission. May not be duplicated or reproduced. Please check for cross-browser compatibility prior to making changes MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari CSS Document - layout.css ---------------------------------------------------------------------------- */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* remove default link styles */ :link,:visited { text-decoration:none; } /* No list-markers by default - must redefine bullets w/ bg graphics */ ul,ol { list-style:none; } /* Avoid browser default inconsistent heading font-sizes and pre/code */ h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } /* Remove inconsistent (among browsers) default padding or margin */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img { border:none; } /* basic elements * ------------------------------------------------------------------------- */ body { background-color: #42131E; text-align:center; padding-top: 14px; } p, a:link, a:visited, li, h1, h2, h3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-decoration:none; } p, td, th, tbody, ul, li, dt, dd { line-height: 18px; } p, pre, blockquote, h1, h2, h3 { margin-bottom:7px; } a:link, a:visited { text-decoration:underline; color:#B4F0F0; outline: none;} a:hover, a:active { text-decoration:none; outline: none;} h1 span, h2 span, h3 span { display:none; } h1 {font-size:14px; color:#E9D0A0;} h2 {font-size:13px;} /* classes */ .thumbs-left { margin:2px 8px 0 0; } .thumbs-right { margin:2px 0 0 8px; } .photos {padding-right:5px;} .photos-zoom {margin-left:50px;} div.clear { height:.01em; clear:both; overflow:hidden; } div.clear-h2 { height:10px; clear:both; overflow:hidden; } p.back-to-top { text-align:right; display:block; padding-right:15px; background:url("../images/bullet-back-to-top.jpg") right no-repeat; } /* contact forms * ------------------------------------------------------------------------- */ /* quick contact */ form { width:139px; padding:10px 0 15px 41px; border: none;} fieldset {border: none;} #column-right form p {margin:0; padding:0; text-align:left; } input, textarea { background-color: #fff; border:1px solid #1B9591; width:147px; height:18px; margin-bottom:4px; padding:2px 0 0 4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #000; } textarea { height:70px; } .submit, .submit-big-contact { cursor:pointer; background:url("../images/index/submit.gif") no-repeat; width:58px; height:20px; border:0;} label {font-size: 11px; color: #ffffff;} /* main contact */ #big-contact { padding:20px 0 10px 15px; } #big-contact form, #big-contact label, #big-contact input, #big-contact textarea, #big-contact select { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; } #big-contact label { position:relative; display:block; text-align:right; color:#fff; width:200px; } #big-contact label input, #big-contact label textarea, #big-contact select { background-color:#fff; border:1px solid #1B9591; position:absolute; left:110%; top:-2px; } #big-contact label input, #big-contact select { width:200px; } #big-contact label textarea { top:0; width:200px; height:100px; } .submit-big-contact { background-color:#B9A085; margin:85px 0 0 220px; } input#contact_business {display: none;} /* skeleton * ------------------------------------------------------------------------- */ #wrap { background:url("../images/index/bg.gif") repeat-y; width:742px; margin:0 auto; text-align:left; } #top { background:url("../images/index/top.gif") no-repeat top; width:742px; height:14px; padding:0; margin:0;} #header { background-color:#42131E; width:742px; height:371px; padding:0; margin:0; position: relative;} #column-left { width:510px; float:left; } #column-left p, #column-left h1, #column-left h2, #column-left h3 { padding: 0 25px 0 31px} #title-home { background:url("../images/index/title.jpg") no-repeat top; width:510px; padding: 85px 0 20px 0 ;} #column-right { width:232px; float:left; } #column-right p { padding: 0 25px 0 25px; font-size:11px; line-height:14px;} #title-contact {background:url("../images/index/title-contact.jpg") no-repeat top; width:232px; padding: 85px 0 0 0 ; } #column-left h2#title-featured {background:url("../images/index/title-featured.gif") no-repeat top; width:510px; height:81px; position:relative; margin: 0px; padding: 0px;} #featured-content {background:url("../images/index/featured-bg.gif") no-repeat top; width:295px; height:270px; float:left; padding-bottom:40px; } #featured-content p { padding: 0 28px 0 31px ;} #featured-content ul { padding: 0 28px 0 31px ; margin-top:3px;} #featured-content li { margin: 0px 0px 15px 0px ;} #featured-nav {background:url("../images/index/featured-nav.gif") no-repeat top; width:215px; height:270px; float:left;} #bottom { background:url("../images/index/bottom.gif") no-repeat bottom #fff; width:742px; height:1px; clear:both; overflow:hidden; } #column-left-sub { width:510px; float:left; } #column-left-sub p, #column-left-sub h1, #column-left-sub h2, #column-left-sub h3{ padding: 0 25px 0 31px} #column-left-sub ul { padding: 0 25px 0 50px; margin-bottom:8px;} #column-left-sub li { margin-bottom:3px;} #title-locate {background:url("../images/sub/title-locate.jpg") no-repeat top; width:232px; height:278px; padding: 85px 0 0 0 ; } #sub-bottom { background:url("../images/sub/bottom.jpg") no-repeat bottom; width:742px; float:left;} .clear { clear:both;} #title-contactus { background:url("../images/sub/title-contactus.jpg") no-repeat top; width:510px; padding: 65px 0 20px 0 ;} #title-doctors { background:url("../images/sub/title-doctors.jpg") no-repeat top; width:510px; padding: 65px 0 20px 0 ;} #title-gallery { background:url("../images/sub/title-gallery.jpg") no-repeat top; width:510px; padding: 65px 0 20px 0 ;} #title-practice { background:url("../images/sub/title-practice.jpg") no-repeat top; width:510px; padding: 65px 0 20px 0 ;} #title-services { background:url("../images/sub/title-services.jpg") no-repeat top; width:510px; padding: 65px 0 20px 0 ;} #title-sitemap { background:url("../images/sub/title-sitemap.jpg") no-repeat top; width:510px; padding: 65px 0 20px 0 ;} #title-thankyou { background:url("../images/sub/title-thankyou.jpg") no-repeat top; width:510px; padding: 65px 0 20px 0 ;} #header1 { background:url("../images/sub/header1.jpg") no-repeat top;height:371px; position: relative;} #header2 { background:url("../images/sub/header2.jpg") no-repeat top;height:371px; position: relative;} #header3 { background:url("../images/sub/header3.jpg") no-repeat top;height:371px; position: relative;} #header4 { background:url("../images/sub/header4.jpg") no-repeat top;height:371px; position: relative;} #header5 { background:url("../images/sub/header5.jpg") no-repeat top;height:371px; position: relative;} #header1 a.homelink, #header2 a.homelink, #header3 a.homelink, #header4 a.homelink, #header5 a.homelink { position: absolute; top: 10px; left: 10px; width: 407px; height: 70px; } /* CSS Document */ /* SPRITE NAVIGATION */ #menu { background: url(../images/index/nav.gif) top left no-repeat; width: 742px; /* Width of buttons, not entite image (or half of entire image) */ height: 34px; /* Height of entire image */ } #menu span { display: none; } #menu li { position: relative; float: left; list-style: none; } #menu li, #menu a { height: 34px; /* Each button must have the same height, define it here */ display: block; } /* left - defines offset from left edge, will most likely just be 0 */ /* width - width of each button, they will each most likely be unique */ #menu-01 {left: 21px; width: 92px;} #menu-02 {left: 21px; width: 140px;} #menu-03 {left: 21px; width: 145px;} #menu-04 {left: 21px; width: 87px;} #menu-05 {left: 21px; width: 117px;} #menu-06 {left: 21px; width: 119px;} /* Changed values should match "width" numbers specified above */ #menu-01 a:hover {background: transparent url(../images/index/nav.gif) -21px -34px no-repeat;} #menu-02 a:hover {background: transparent url(../images/index/nav.gif) -113px -34px no-repeat;} #menu-03 a:hover {background: transparent url(../images/index/nav.gif) -253px -34px no-repeat;} #menu-04 a:hover {background: transparent url(../images/index/nav.gif) -398px -34px no-repeat;} #menu-05 a:hover {background: transparent url(../images/index/nav.gif) -485px -34px no-repeat;} #menu-06 a:hover {background: transparent url(../images/index/nav.gif) -602px -34px no-repeat;} /* SON OF SUCKERFISH */ #menu li ul { position: absolute; left: -9999px; padding-top:1px; /* Background color of drop down menu - add more styles (i.e. background image) if you want */ } #menu li ul li { height: 26px; /* Height of each drop down menu item */ background:url("../images/index/dropdown-bg.gif") repeat; } #menu li ul li a { width: 100%; height: 26px; /* Height of each drop down menu item, should match above */ line-height: 26px; /* Height of each drop down menu item again, should match above */ } #menu li ul li a span { display: block; padding-left: 10px; } /* Drop down link styles */ #menu a:link, #menu a:visited, #menu a:hover, #menu a:active { font-size: 12px; color: #fff; text-decoration: none; } #menu li:hover ul, #menu li.sfhover ul { left: auto; } /* Hover styles for drop down items */ #menu-02 ul a:hover, #menu-04 ul a:hover { background:url("../images/index/dropdown-bg-over.gif") repeat; font-size: 12px; color: #6D1E32; height:26px; } /* width of drop down menu - choose width that allows items to display on one line */ #menu-02 ul, #menu-02 li { width: 160px; } #menu-04 ul, #menu-04 li { width: 160px; } /* MULTI LEVEL DROPDOWN -------------------------------------------*/ #menu li ul ul { margin: -20px 0 0 160px; } #menu, #menu ul { padding: 0; margin: 0; list-style: none; line-height: 1; } #menu li:hover ul ul, #menu li.sfhover ul ul { left: -999em; } #menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul { left: auto; } .topitem {border-top: 1px solid #B8909A;} /* Featured Procedures Navigation */ #homenav {width: 215px; height: 270px; background: url("../images/index/featured-nav.jpg") no-repeat; margin: 0; padding: 0; position: relative; float:left;} #homenav li { position:absolute; margin: 0; padding: 0; list-style: none;} #homenav li, #homenav a { height:68px; width:215px; display:block; } #homenav span { display: none; } #homenav1 { top: 0px;} #homenav2 { top: 68px;} #homenav3 { top: 136px;} #homenav4 { top: 204px;} #homenav1 a:hover { background: transparent url(../images/index/featured-nav.jpg) -215px 0px no-repeat;} #homenav2 a:hover { background: transparent url(../images/index/featured-nav.jpg) -215px -68px no-repeat;} #homenav3 a:hover { background: transparent url(../images/index/featured-nav.jpg) -215px -136px no-repeat;} #homenav4 a:hover { background: transparent url(../images/index/featured-nav.jpg) -215px -204px no-repeat;} /* footer * ------------------------------------------------------------------------- */ #footer { width:705px; text-align:center; margin:0 auto; padding-top:10px; } #footer li { text-decoration:none; color:#fff; margin-bottom:5px; font-size:12px; line-height:14px; } #footer p { color:#fff; margin-bottom:10px; font-size:12px; line-height:14px; } #footer a:link, #footer a:visited { text-decoration:underline; color:#fff; margin-bottom:10px; font-size:12px; line-height:14px; } #footer a:hover, #footer a:active { text-decoration:none; } #footer ul { margin-bottom:5px; font-size:12px; } #footer li { padding: 0 3px 0 5px; display:inline; border-left: 1px solid #fff; line-height:10px; font-size:10px; } #footer li.first { border: none; padding-left:0; }