/* ---------------------------------------------------------------------------- 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.jpg") repeat-x top left #E7BBA0; text-align:left; } p, a:link, a:visited, ul, li { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#513520; text-decoration:none; } p, td, th, tbody, ul, li, dt, dd { line-height: 18px; } 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; } .text12 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #513520; } .text12 A:link {text-decoration: underline; color:#513520;} .text12 A:visited {text-decoration: underline; color:#513520;} .text12 A:active {text-decoration: underline; color:#E7BBA0;} .text12 A:hover {text-decoration: underline; color:#E7BBA0;} /* contact forms * ------------------------------------------------------------------------- */ /* quick contact */ form { width:139px; padding:10px 0 15px 37px; } input, textarea { background-color: #FBF6F3; border:1px solid #D1B196; width:174px; height:18px; margin-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #513520; padding-top:2px; } textarea { height:70px; } .submit { cursor:pointer; background:url("../images/index/submit.gif") no-repeat; width:80px; height:30px; border:0; } /* 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:#513520; } #big-contact label { position:relative; display:block; text-align:right; color:#513520; width:175px; } #big-contact label input, #big-contact label textarea, #big-contact select { background-color:#FBF6F3; border:1px solid #D1B196; 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 { margin:85px 0 0 190px; cursor:pointer; background:url("../images/sub/submit.jpg") no-repeat; width:80px; height:30px; border:0;} /* skeleton * ------------------------------------------------------------------------- */ #wrap { background:url("../images/index/bg.jpg") repeat-y; width:757px; margin:0 auto; } #column-left { width:16px; height:1133px; background:url("../images/index/border-left.jpg") no-repeat top; float:left; } #column-center { width:716px; float:left;} #header { width:716px; height:379px; background:url("../images/index/header.jpg") no-repeat top;} #nav { width:716px; height:47px; background:url("../images/index/nav.jpg") no-repeat top; } #column-inside-left { width:248px; background:url("../images/index/procedures-bg.jpg") repeat-y top; float:left; } #column-inside-left p {padding: 0 35px 0 37px ;} #contact-bg { width:248px; background:url("../images/index/contact-bg.jpg") repeat-y;} #contact { width:248px; background:url("../images/index/contact-top.jpg") no-repeat top; padding:100px 0 30px 0;} #procedures { width:248px; height:242px; background:url("../images/index/procedures.jpg") no-repeat top; } #column-inside-right { width:468px; background:url("../images/index/events-bg.jpg") repeat-y; float:left;} #column-inside-right p { padding: 0 31px 0 21px;} #content-bg { width:468px; background:url("../images/index/content-bg.jpg") repeat-y; } #content { width:468px; background:url("../images/index/content-title.jpg") no-repeat top; padding:100px 0 0 0; } #content img { float:right; padding: 0 0 0 10px ;} #content-readmore { background:url("../images/index/content-readmore.jpg") no-repeat; width:498px; height:28px;} #content-readmore a { height: 28px; display:block; } #content-readmore span { display:none; } #content-readmore { width: 123px; left: 18px; } #case-title { width:468px; height:70px; background:url("../images/index/case-title.jpg") no-repeat top;} #case-body { width:468px; height:136px; background:url("../images/index/case-bg.jpg") no-repeat top; } #case-body p { padding: 31px 0 0 18px ;} #case-body img { padding: 0;} #events-title { width:468px; background:url("../images/index/events-title.jpg") no-repeat top; padding-top:60px;} #events { width:468px; background:url("../images/index/flowers-bottom.jpg") no-repeat bottom; float:right;} #events img { padding-top:5px;} #column-right { width:25px; height:1133px; background:url("../images/index/border-right.jpg") no-repeat top; float:left; } #bottom { background:url("../images/index/bottom.jpg") no-repeat; width:757px; height:67px; clear:both; overflow:hidden; } /* skeleton * ------------------------------------------------------------------------- */ #body-sub { background:url("../images/bg-sub.jpg") repeat-x top left #E7BBA0; text-align:left; } #wrap-sub { background:url("../images/sub/bg.jpg") repeat-y; width:757px; margin:0 auto; } #flowers-sub { background:url("../images/sub/flowers-bottom.jpg") no-repeat bottom; width:757px;} #column-left-sub { width:16px; height:997px; background:url("../images/sub/border-left.jpg") no-repeat top; float:left; } #column-center-sub { width:716px; float:left;} #column-inside-left-sub { width:248px; float:left; } #column-inside-left-sub p {padding: 0 35px 0 37px ;} #column-inside-right-sub { width:468px; float:left;} #column-inside-right-sub p { padding: 0 31px 0 21px;} #title-sub {width:468px; height:95px; background:url("../images/sub/title.jpg") no-repeat top;} #title-aboutus {width:468px; height:95px; background: url("../images/sub/title-aboutus.jpg") no-repeat top;} #title-injectables {width:468px; height:95px; background: url("../images/sub/title-injectables.jpg") no-repeat top;} #title-thankyou {width:468px; height:95px; background: url("../images/sub/title-thankyou.jpg") no-repeat top;} #title-body {width:468px; height:95px; background: url("../images/sub/title-body.jpg") no-repeat top;} #title-breast {width:468px; height:95px; background: url("../images/sub/title-breast.jpg") no-repeat top;} #title-contact {width:468px; height:95px; background: url("../images/sub/title-contact.jpg") no-repeat top;} #title-face {width:468px; height:95px; background: url("../images/sub/title-face.jpg") no-repeat top;} #content-sub { width:468px; background:url("../images/sub/content-gradient.jpg") no-repeat top; padding-bottom:40px;} #contact-sub { background:url("../images/sub/contact-top.jpg") no-repeat top; height:635px; width:248px; padding:100px 0 30px 0;} #locate { background:url("../images/sub/locate-top.jpg") no-repeat top; height:635px; width:248px; padding:110px 0 30px 0;} #header-sub { width:716px; height:314px; background:url("../images/sub/header.jpg") no-repeat top;} #header-sub01 { width:716px; height:314px; background:url("../images/sub/header01.jpg") no-repeat top;} #header-sub02 { width:716px; height:314px; background:url("../images/sub/header02.jpg") no-repeat top;} #header-sub03 { width:716px; height:314px; background:url("../images/sub/header03.jpg") no-repeat top;} #header-sub04 { width:716px; height:314px; background:url("../images/sub/header04.jpg") no-repeat top;} #header-sub05 { width:716px; height:314px; background:url("../images/sub/header05.jpg") no-repeat top;} #column-right-sub { width:25px; height:997px; background:url("../images/sub/border-right.jpg") no-repeat top; float:left; } #bottom-sub { width:757px; height:6px; clear:both; overflow:hidden; } #thumbnails-left { width:234px; float:left;} #thumbnails-left img { padding: 0 10px 10px 74px; } #thumbnails-right { width:234px; float:left;} #thumbnails-right img { padding: 0 74px 10px 10px; } .clear { clear:both;} .clear2 { clear:inherit;} #bna-gallery {background:url("../images/sub/bnas/bg.jpg") repeat-y;} #bna-gallery p {padding: 0 25px 0 80px; margin-bottom:0px; } #bna-gallery ul {float:left; padding: 5px 25px 0 80px; } #bna-gallery li {line-height:14px;} /* SPRITE NAVIGATION */ #menu { background: url(../images/index/nav.jpg) top left no-repeat; width: 716px; /* Width of buttons, not entite image (or half of entire image) */ height: 47px; /* Height of entire image */ margin:0; padding:0; } #menu li span { display: none; } #menu li { float:left; list-style:none; position:relative; } #menu li, #menu a { height: 47px; /* 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: 16px; width: 53px;} #menu-02 {left: 16px; width: 75px;} #menu-03 {left: 16px; width: 166px;} #menu-04 {left: 16px; width: 146px;} #menu-05 {left: 16px; width: 153px;} #menu-06 {left: 16px; width: 90px;} /* Changed values should match "width" numbers specified above */ #menu-01 a:hover {background: transparent url(../images/index/nav.jpg) -16px -47px no-repeat;} #menu-02 a:hover {background: transparent url(../images/index/nav.jpg) -68px -47px no-repeat;} #menu-03 a:hover {background: transparent url(../images/index/nav.jpg) -143px -47px no-repeat;} #menu-04 a:hover {background: transparent url(../images/index/nav.jpg) -309px -47px no-repeat;} #menu-05 a:hover {background: transparent url(../images/index/nav.jpg) -454px -47px no-repeat;} #menu-06 a:hover {background: transparent url(../images/index/nav.jpg) -606px -47px no-repeat;} /* ------------------------ son of suckerfish: vertical sprite nav ------------------------ */ #menu li ul { position:absolute; left:-9999px; padding-right:1px; /* Fixes one px spacing for border-right in FF */ background-color:#f1c29f; /* Background color of drop down nav - add more styles (i.e. background image) if you want */ } #menu li ul li { height:20px; /* Height of each drop down nav item */ border:1px solid #826c4d; } #menu li ul li a { width:100%; height:20px; /* Height of each drop down nav item, should match above */ line-height:20px; /* Height of each drop down nav item again, should match above */ } #menu li ul li a span { display:block; padding-left:5px; } /* Drop down link styles */ #menu a:link, #menu a:visited, #menu a:hover, #menu a:active { font-size:1.0em; color:#805d23; text-decoration:none; } #menu li:hover ul, #menu li.sfHover ul { left: auto; } /* Hover styles for drop down items */ #menu-05 ul a:hover { background-image:none; background-color:#f2d7c2; color:#805d23; text-decoration:none; } /* width of drop down nav - choose width that allows items to display on one line */ #menu-05 ul, #menu-05 li { width:135px; } /* Medical Financing Homepage Right Column */ #med-financing { width: 248px; /*height: 242px;*/ background: url("../images/index/med-financing-background.jpg") no-repeat; margin: 0; padding: 0; position: relative; text-align:center; } .med-financing-img { margin: 20px; } /* NAVIGATION---PROCEDURES----------------------------------------------------------------------------- */ #homenav {width: 248px; height: 242px; background: url("../images/index/procedures.jpg") no-repeat; margin: 0; padding: 0; position: relative;} #homenav li { position:absolute; margin: 0; padding: 0; list-style: none;} #homenav li, #homenav a { height:62px; width:248px; display:block; } #homenav span { display: none; } #homenav1 { top: 52px;} #homenav2 { top: 114px;} #homenav3 { top: 186px;} /* footer * ------------------------------------------------------------------------- */ #footer { width:720px; text-align:center; margin:0 auto; } #footer a { text-decoration:none; } #footer a:hover { text-decoration:underline; }