/* ---------------------------------------------------------------------------- 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,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 { text-align:left; } p, li{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; color: #333333; text-decoration:none; } dt,dd{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #666666; text-decoration:none; } dl{margin-bottom:15px;} dt,dd{ padding:0 0 0 25px;} p {padding:0 25px 0 25px; } p, td, th, tbody, ul, li, dt, dd { line-height: 13px; } p, pre, blockquote, h1, h2{ margin-bottom:11px; } ul {margin-bottom:15px;} h3 { margin-bottom:0px; } a:link, a:visited {font-style: normal; color: #620809;} a:link, a:visited { text-decoration:underline; } a:hover, a:active { text-decoration:none; } blockquote { padding-left:25px; padding-right:50px; } h1, h2 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #620809; font-weight: bold; } h3 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight: bold; } /*h1{ font-size:12px; } h2{ font-size:11px; } h3{ font-size:11px; } */ h1,h2,h3{ font-size:9px; font-weight:bold; } h1 span, h2 span, h3 span, div span { display:none; } h1, h2, h3 { padding-top:0px; margin-left:25px; margin-right:22px; } h1 span, h2 span, h3 span, div span { display:none; } /* classes */ .float-left{ float:left;} .left { text-align:left; } .right { text-align:right; } .center { text-align:center; } .hide { display:none; } .thumbs-left { margin:2px 8px 0 0; } .thumbs-right { margin:2px 0 0 8px; } .sub-header{font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #620809; font-weight: bold; color: #620809;} .bullet { margin-left:45px; margin-right:20px; list-style-position: outside; list-style-image: url(../images/common/bullet.gif); } /* contact forms * ------------------------------------------------------------------------- */ /* quick contact */ form { width:205px; padding: 10px 0 15px 72px; } input, select, textarea { background-color:#fff; border:1px solid #CBCBCB; width:205px; height:18px; margin-bottom:4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #620809; } label { margin-top:10px;} select { margin-top:25px;} textarea { height:60px; } .submit { width:60px; cursor:pointer; } /* main contact */ #contact-main { padding: 10px 0 15px 72px; position:relative;} #contact-main form, #contact-main label, #contact-main input, #contact-main textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #620809; } #contact-main input, #contact-main textarea { color: #620809; } #contact-main label { position:relative; display:block; text-align:left; width:200px; margin-bottom:-8px; } #contact-main label input, #contact-main label textarea { position:absolute; left:110%; top:-2px; } #contact-main label textarea { top:0; width:250px; height:100px; } #check-box input{ width:25px; float:left;} #check-box p{ margin:0; padding:0 0 0 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #620809;} .submit-big-contact { width:60px; cursor:pointer; margin-top:30px; } #contact_business { display: none; } /* do not remove */ /*splash page */ #flash-outer-wrap { width:758px; margin:0 auto;} #flash-wrap { width:758px; margin:0 auto; float:left;} #index-flash { margin-top:20px; width:758px; height:283px; } #skip-control{width:758px; margin:0 auto; text-align:center; font-size:11px;} #skip-control a, #skip-control a:link, #skip-control a:visited {color:#999999;} /* skeleton * ------------------------------------------------------------------------- */ #outer-wrap { width:760px; margin:0 auto;} #wrap { background:url(../images/bg_image.gif) repeat-y; width:760px; margin:0 auto; float:left;} #header2{ width:760px; height:85px; background-image:url(../images/header-home.gif); background-repeat:no-repeat; } #header2 h1 {margin: 0px; padding: 0px 0px 0px 55px;} #header{ width:760px; height:85px; background-image:url(../images/header.gif); background-repeat:no-repeat; } #header img {margin-top:34px; margin-left:620px;} #header p {padding-top:34px; margin-left:620px;} #header a.contact {font-size: 11px; font-style: normal; line-height: 11px; font-weight: bold; color: #620809;} #banner{ width:758px; height:285px; margin-left:1px; } #column-wrap{width:760px;} #column-left{ margin-top:25px; padding:0px 0 20px 0; width:400px; background-image:url(../images/right_column_bg.gif); background-repeat:repeat-y; float:left;} #column-right{ margin-top:25px; width:360px; float:left;} #column-right a.contact {font-size: 11px; font-style: normal; line-height: 11px; font-weight: bold; color: #620809;} #column-right img.contact {margin-top:20px; margin-bottom:60px; margin-left:120px;} #column-left ul {margin-bottom:11px;} #column-left ul li {margin-bottom:4px;} #bottom{ width:760px; height:92px; background-image:url(../images/footer.gif); background-repeat:no-repeat; clear:both; overflow:hidden;} #bottom p.first {padding-top:55px;} #bottom p, #bottom a{ text-align:center; color:#ffffff; } #footer p{ text-align:center; color: #333333; } footer a{ font-size:11px; color: #333333;} #bottom a { font-size:11px; color:#ffffff;} /*Inside page*/ /*inside banners */ #contact-column-left{ padding:25px 0 20px 0; width:760px; float:left;} #site-map-column-left{ padding:25px 0 20px 0; width:400px; background-image:url(../images/right_column_bg.gif); background-repeat:repeat-y; float:left;} #site-map-column-left h1 a, #site-map-column-left h2 a, #site-map-column-left h3 a {text-decoration:none;} #site-map-column-left h1 a:hover, #site-map-column-left h2 a:hover, #site-map-column-left h3 a:hover {text-decoration:underline;} #site-map-column-left h3 { padding:0 0 0 20px;} #site-map-column-left p.h3{ padding:0 20px 0 45px;} #about-us-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_about_us.jpg); background-repeat:no-repeat; } #our-practice-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_our_practice.jpg); background-repeat:no-repeat; } #about-our-dr-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_about_our_dr.jpg); background-repeat:no-repeat; } #experience-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_experience.jpg); background-repeat:no-repeat; } #internal-staff-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_internal_staff.jpg); background-repeat:no-repeat; } #profiles-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_profiles.jpg); background-repeat:no-repeat; } #julia-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_julia.jpg); background-repeat:no-repeat; } #marilyn-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_marilyn.jpg); background-repeat:no-repeat; } #helen-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_helen.jpg); background-repeat:no-repeat; } #patricia-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_patricia.jpg); background-repeat:no-repeat; } #surgical-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_surgical_procedures.jpg); background-repeat:no-repeat; } #facial-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_facial.jpg); background-repeat:no-repeat; } #breast-cosmetic-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_breast_cosmetic.jpg); background-repeat:no-repeat; } #nasal-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_nasal.jpg); background-repeat:no-repeat; } #body-contouring-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_body_contouring.jpg); background-repeat:no-repeat; } #breast-recon-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_breast_recon.jpg); background-repeat:no-repeat; } #cosmetic-treatments-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_cosmetic_treatments.jpg); background-repeat:no-repeat; } #bioform-radiance-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_bioform_radiance.jpg); background-repeat:no-repeat; } #botox-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_botox.jpg); background-repeat:no-repeat; } #collagen-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_collagen.jpg); background-repeat:no-repeat; } #fat-grafting-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_fat_grafting.jpg); background-repeat:no-repeat; } #laser-treatments-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_laser.jpg); background-repeat:no-repeat; } #vein-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_vein.jpg); background-repeat:no-repeat; } #restylane-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_restylane.jpg); background-repeat:no-repeat; } #spa-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_spa.jpg); background-repeat:no-repeat; } #skin-treatments-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_skin_treatments.jpg); background-repeat:no-repeat; } #resources-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_resources.jpg); background-repeat:no-repeat; } #support-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_support.jpg); background-repeat:no-repeat; } #links-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_links.jpg); background-repeat:no-repeat; } #contact-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_contact.jpg); background-repeat:no-repeat; } #faq-banner{ width:760px; height:285px; background-image:url(../images/banners/headers_faq.jpg); background-repeat:no-repeat; } #contact-form { padding-bottom:70px; width:420px; float:left;} #contact-address { padding:20px 0 0 0; float:left;} /*-------------- Begin Slideout Navigation --------------*/ #menubar {width:760px; position: relative; } .menu .options { margin-right:0px; margin-bottom:0px; border:0px solid #000000; text-decoration: none; } .menu .options a { font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration: none; } .menu a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; display:block; padding:0px 0px; text-decoration:none; } .menu a:hover { color:#fff; background-color:#9d1007; } #nav { background:url(../sprite/sprite_nav.gif) no-repeat; width:760px; height:28px; position:relative; z-index:99; } #nav li { position:absolute; top:0px; } #nav li, #nav a { height:28px; display:block; } #nav span { display:none; } #nav-01 { width: 61px; left:0px; } #nav-02 { width: 79px; left:62px; } #nav-03 { width: 76px; left:140px; } #nav-04 { width: 146px; left:215px; } #nav-05 { width: 149px; left:360px; } #nav-06 { width: 55px; left:509px; } #nav-07 { width: 68px; left:563px; } #nav-08 { width: 73px; left:631px; } #nav-09 { width: 58px; left:703px; } #nav-01 a:hover { background: transparent url(../sprite/sprite_nav.gif) -0px -28px no-repeat; } #nav-02 a:hover { background: transparent url(../sprite/sprite_nav.gif) -73px -28px no-repeat; } #nav-03 a:hover { background: transparent url(../sprite/sprite_nav.gif) -168px -28px no-repeat; } #nav-04 a:hover { background: transparent url(../sprite/sprite_nav.gif) -302px -28px no-repeat; } #nav-05 a:hover { background: transparent url(../sprite/sprite_nav.gif) -420px -28px no-repeat; } #nav-06 a:hover { background: transparent url(../sprite/sprite_nav.gif) -501px -28px no-repeat; } .error { background: #fcc; color: #c00; padding: 2px 5px; border: 1px solid #c00; } #contact-main input.required { border: 1px solid #c00; background: #fcc; }