/* ---------------------------------------------------------------------------- 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: url("../images/bg-body.gif") repeat top left; text-align:center; } p, a:link, a:visited,h1,h2, h3, ul, dl { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4a4728; text-decoration:none; } p, td, th, tbody, ul, li, dt, dd { line-height: 14px; } p, pre, blockquote { margin-bottom:7px; } a:link, a:visited { text-decoration:underline; } a:hover, a:active { text-decoration:none; } h1 span, h2 span, h3 span { display:none; } h1, h2 { font-size:13px; margin-top:12px; margin-bottom:7px; } h3 { font-size:12px; margin-top:7px; margin-bottom:2px; } blockquote { margin: 5px 30px 0 35px; } /* classes */ .thumbs-left { margin:4px 8px 0 0; } .thumbs-right { margin:2px 0 0 8px; } .clear { clear:both; height:.01em; overflow:hidden; } /* contact forms * ------------------------------------------------------------------------- */ /* quick contact */ form { width:170px; padding:10px 0 15px 22px; } input, textarea { background-color: #EEE5CB; border:0; width:170px; height:18px; margin-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #7B6745; } textarea { height:70px; } .submit, .submit-big-contact { width:60px; cursor:pointer; } /* main contact */ #big-contact { padding:20px 0 10px 0; } #big-contact form, #big-contact label, #big-contact input, #big-contact textarea, #big-contact select { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4a4728; } #big-contact label { position:relative; display:block; text-align:right; color:#4a4728; width:130px; } #big-contact label input, #big-contact label textarea, #big-contact select { background-color:#EEE5CB; border:1px solid #7B6745; position:absolute; left:110%; top:-2px; } #big-contact label input { width:200px; } #big-contact label textarea { top:0; width:200px; height:100px; } .submit-big-contact { margin:85px 0 0 142px; border:1px solid #7B6745; } /* skeleton * ------------------------------------------------------------------------- */ #wrap { background:url("../images/bg-wrap.jpg") repeat-y; width:800px; margin:0 auto; text-align:left; } #wrap-inner { width:716px; margin:0 42px; } #top { background:url("../images/top.jpg") no-repeat; height:111px; position:relative; } #column-left { width:247px; float:left; } #column-left p { padding-left:31px; padding-right:79px; } #header-contact { background: url("../images/header-quick-contact.jpg") no-repeat; height:64px; } #column-right { width:469px; float:left; } #column-right p, #column-right ul { padding-left:13px; padding-right:55px; } #column-right h1, #column-right h2, #column-right h3 { padding-left:13px; padding-right:30px; } #column-right dl { padding-left:13px; margin-bottom:15px; width:200px; float:left; } #column-right dt { padding-left:20px; } #column-right ul { padding-top:0px; padding-bottom:15px; } #column-right li { padding-bottom:1px; } #banner { background:url("../images/banner.jpg") no-repeat; height:253px; } #header-welcome { background:url("../images/header-welcome.jpg") no-repeat; height:55px; } #header-welcome h1 { margin:0; } #header-dr { background:url("../images/header-dr.jpg") no-repeat; height:54px; } /* skeleton inside * ------------------------------------------------------------------------- */ #header-about-our-center { background: url("../images/header-about-our-center.jpg") no-repeat; height:55px; } #header-about-the-doctor { background: url("../images/header-about-the-doctor.jpg") no-repeat; height:55px; } #header-body { background: url("../images/header-body.jpg") no-repeat; height:55px; } #header-breast { background: url("../images/header-breast.jpg") no-repeat; height:55px; } #header-contact-us { background: url("../images/header-contact.jpg") no-repeat; height:55px; } #header-face { background: url("../images/header-face.jpg") no-repeat; height:55px; } #header-gallery { background: url("../images/header-gallery.jpg") no-repeat; height:55px; } #header-special-topics { background: url("../images/header-special-topics.jpg") no-repeat; height:55px; } #header-testimonials { background: url("../images/header-testimonials.jpg") no-repeat; padding-top:55px; } #header-testimonials p { font-size:12px; margin-bottom: 15px;} #header-site-map { background: url("../images/header-site-map.jpg") no-repeat; height:55px; } #header-locate { background: url("../images/header-locate.jpg") no-repeat; height:64px; } #map { padding-left:15px; } /* bna * ------------------------------------------------------------------------- */ #bna-wrap { width:600px; height:400px; } #bna-top { background:url("../images/bna/layout/bna-top.jpg") no-repeat; height:90px; } #bna-case { height:263px; } #bna-bottom { background:url("../images/bna/layout/bna-bottom.jpg") no-repeat; height:47px; } /* footer * ------------------------------------------------------------------------- */ #footer { width:680px; clear:both; text-align:center; margin:0 auto; padding-top:20px;} #footer a:link, #footer a:visited, #footer p { text-decoration:none; } #footer a:hover, #footer a:active { text-decoration:underline; } /* nav-ten * ------------------------------------------------------------------------- */ #nav-ten { background:url("../images/nav-ten.jpg") no-repeat; width:247px; height:209px; position:relative; } #nav-ten li { position:absolute; } #nav-ten li, #nav-ten a { height:9px; display:block; } #nav-ten span { display: none; } #nav-ten-01, #nav-ten-02, #nav-ten-03, #nav-ten-04, #nav-ten-05, #nav-ten-06, #nav-ten-07, #nav-ten-08, #nav-ten-09, #nav-ten-10 { width:247px; left:0; } #nav-ten-01 { top: 9px; } #nav-ten-02 { top: 29px; } #nav-ten-03 { top: 49px; } #nav-ten-04 { top: 69px; } #nav-ten-05 { top: 89px; } #nav-ten-06 { top: 109px; } #nav-ten-07 { top: 129px; } #nav-ten-08 { top: 149px; } #nav-ten-09 { top: 169px; } #nav-ten-10 { top: 189px; } #nav-ten-01 a:hover { background: transparent url("../images/nav-ten.jpg") -247px -9px no-repeat;} #nav-ten-02 a:hover { background: transparent url("../images/nav-ten.jpg") -247px -29px no-repeat;} #nav-ten-03 a:hover { background: transparent url("../images/nav-ten.jpg") -247px -49px no-repeat;} #nav-ten-04 a:hover { background: transparent url("../images/nav-ten.jpg") -247px -69px no-repeat;} #nav-ten-05 a:hover { background: transparent url("../images/nav-ten.jpg") -247px -89px no-repeat;} #nav-ten-06 a:hover { background: transparent url("../images/nav-ten.jpg") -247px -109px no-repeat;} #nav-ten-07 a:hover { background: transparent url("../images/nav-ten.jpg") -247px -129px no-repeat;} #nav-ten-08 a:hover { background: transparent url("../images/nav-ten.jpg") -247px -149px no-repeat;} #nav-ten-09 a:hover { background: transparent url("../images/nav-ten.jpg") -247px -169px no-repeat;} #nav-ten-10 a:hover { background: transparent url("../images/nav-ten.jpg") -247px -189px no-repeat;} /* nav-ten * ------------------------------------------------------------------------- */ #nav-three { background:url("../images/nav-three.jpg") no-repeat; width:247px; height:221px; position:relative; } #nav-three li { position:absolute; } #nav-three li, #nav-three a { height:69px; display:block; } #nav-three span { display: none; } #nav-three-01, #nav-three-02, #nav-three-03 { width:247px; left:0; } #nav-three-01 { top: 20px; } #nav-three-02 { top: 89px; } #nav-three-03 { top: 158px; } #nav-three-01 a:hover { background: transparent url("../images/nav-three.jpg") -247px -20px no-repeat;} #nav-three-02 a:hover { background: transparent url("../images/nav-three.jpg") -247px -89px no-repeat;} #nav-three-03 a:hover { background: transparent url("../images/nav-three.jpg") -247px -158px no-repeat;}