/* ---------------------------------------------------------------------------- Copyright Einstein Industries 2005. 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/Firefox/Safari CSS Document - layout.css ---------------------------------------------------------------------------- */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* 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,td { 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,label,div,dd,dt,dl { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img,fieldset { border:none; } span {display:none;} /* global elements * ------------------------------------------------------------------------- */ body { background: #6B2700 url(../images/index/bg_body.jpg) top left repeat-x; text-align:center; font:12px/18px Arial, Verdana, Helvetica, sans-serif; color:#000; } p, ul, ol, dl, pre, blockquote { margin-bottom:10px; } blockquote { margin-left: 10px; margin-right: 10px; } h1,h2,h3 { margin-bottom:8px; } h1 { font-size:13px; color:#000; } h2 { font-size:12px; color:#000; } h3 { font-size:12px; color:#000; } h1 span,h2 span,h3 span { display:none; } a:link,a:visited { color:#5E332A; text-decoration:underline; } a:hover,a:active { color:#fff; text-decoration:underline; } /* global classes * ------------------------------------------------------------------------- */ div.clear { clear:both; height:.01em; overflow:hidden; } img.img-left { float:left; margin:2px 12px 12px 0; } img.img-right { float: right; margin: 2px 0 12px 12px; } p.top { text-align:right; display:block; font-size:10px;} label.req {font-size:10px; color:#fff;} /* Flash video ---------------------------------*/ #videoLayer {position:absolute; width:280px; height:450px; z-index:1; bottom: 0px; right: 0px;} /* main framework * ------------------------------------------------------------------------- */ #wrap { background:url(../images/index/bg_wrap.gif) repeat-y; width:761px; margin:0 auto; text-align:left;} #masthead { position:relative; background:url(../images/index/masthead.jpg) left top no-repeat; width:761px; height:85px;} #masthead-btn a { position:absolute; width:761px; height:85px; top:0px; left:0px;}/* home link within header */ #header-top {background:url(../images/index/top.jpg); width:761px; height:82px;} #header-top a {width:761px; height:82px; display: block;} #header-flash { background:url(../images/index/header_flash.jpg); width:761px; height:210px;} body#about #header-flash { background:url(../images/sub/header-flash-about.jpg); width:761px; height:210px;} body#face #header-flash { background:url(../images/sub/header-flash-face.jpg); width:761px; height:210px;} body#bodyface #header-flash { background:url(../images/sub/header-flash-procedures.jpg); width:761px; height:210px;} body#skin #header-flash { background:url(../images/sub/header-flash-skin.jpg); width:761px; height:210px;} body#body #header-flash { background:url(../images/sub/header-flash-procedures.jpg); width:761px; height:210px;} body#breast #header-flash { background:url(../images/sub/header-flash-breast.jpg); width:761px; height:210px;} body#skin #header-flash { background:url(../images/sub/header-flash-skin.jpg); width:761px; height:210px;} /* home page specials layout *---------------------------------------------------------------------------- */ #homwrap { background:url(../images/index/bg_wrap.gif) repeat-y; width:1000px; margin:0 auto; text-align:left;} #adbox { margin-top:0px; width:233px; background-color:#F5D185; float:right; border: 3px solid #CD4D02; background-image:url(../images/adbox_bg.jpg); background-repeat:no-repeat; font-family:"Times New Roman", Times, serif;} /*--------------------------------------------------------------------------- */ #column-left { width:536px; float:left; } #column-left h1.intro { padding-top:110px;} #column-left h1.gallery-intro { padding-top:18px;} #column-left h1, #column-left h2, #column-left h3 { margin:0px 48px 8px 46px; } #column-left p, #thankyoucards { margin:8px 48px 8px 46px; } #title-welcome { background:url(../images/index/title_welcome.jpg) left top no-repeat; width:536px;} #procedures { position:relative; background:url(../images/index/procedures_btns.jpg) left top no-repeat; width:536px; height:203px;} #procedures-body a { position:absolute; width:117px; height:122px; top:75px; left:43px;}/* body link within banner */ #procedures-breast a { position:absolute; width:115px; height:120px; top:75px; left:160px;}/* breast link within banner */ #procedures-face a { position:absolute; width:115px; height:118px; top:77px; left:275px;}/* face link within banner */ #procedures-skin a { position:absolute; width:116px; height:116px; top:78px; left:392px;}/* skin link within banner */ #featured { position:relative; background:url(../images/index/featured_case.jpg) left top no-repeat; width:536px; height:187px;} #featured-case a { position:absolute; width:536px; height:187px; top:0px; left:0px;}/* body link within banner */ #thankyou_subhead {background:url(../images/sub/tn_popup/subhead_thankyoucard.gif) left top no-repeat; width:440px; height:53px;} #thankyou_body {background:url(../images/sub/tn_popup/body_thankyoucard.gif) left top repeat-y; width:440px;padding: 0px 27px 0px 21px} #thankyou_body p{margin:0px; padding:0px;} #thankyou_body img{margin:10px;} #thankyou_foot {background:url(../images/sub/tn_popup/footer_thankyoucard.gif) left top repeat-y; width:440px; height:40px;} #column-right { width:225px; float:left;} #column-right p { margin:8px 55px 8px 30px; color:#fff; } #title-quick-contact { background:url(../images/index/title_quickcontact.jpg); height:125px;} #img-map { position:relative; background:url(../images/index/img_map.jpg) left top no-repeat; width:225px; height:116px;} #img-map2 { position:relative; background:url(../images/index/img_map2.jpg) left top no-repeat; width:225px; height:116px;} #map-btn a { position:absolute; width:225px; height:116px; top:0px; left:0px;} #img-spa a { display:block; background:url(../images/index/btn_imagespa.jpg) left top no-repeat ; width:225px; height:116px;} /* home link within header */ #page-footer { background:url(../images/index/page_footer.jpg) no-repeat; width:761px; height:24px; clear:both; overflow:hidden;} #logos { background:url(../images/index/association_logos.jpg); height:82px;} /* inside sub pages framework * ------------------------------------------------------------------------- */ #subhead { width:536px; }/* sets height for all subheads */ body#about #subhead { background:url(../images/sub/subhead_about.jpg) left top no-repeat; } body#breast #subhead { background:url(../images/sub/subhead_breast.jpg) left top no-repeat; } body#contact #subhead { background:url(../images/sub/subhead_contact.jpg) left top no-repeat; } body#gallery #subhead { background:url(../images/sub/subhead_photogallery.jpg) left top no-repeat; } body#bodyface #subhead { background:url(../images/sub/subhead_procedures.jpg) left top no-repeat; } body#sitemap #subhead { background:url(../images/sub/subhead_sitemap.jpg) left top no-repeat; } body#body #subhead { background:url(../images/sub/subhead_body.jpg) left top no-repeat; } body#face #subhead { background:url(../images/sub/subhead_face.jpg) left top no-repeat; } body#skin #subhead { background:url(../images/sub/subhead_skin.jpg) left top no-repeat; } body#thankyou #subhead { background:url(../images/sub/subhead_thankyou.jpg) left top no-repeat; } body#blog #subhead { background:url(../images/sub/subhead_blog.jpg) left top no-repeat; } body#testimonial #subhead { background:url(../images/sub/subhead_testimonials.jpg) left top no-repeat; } /* background image list items */ #column-left ul { margin-left:50px;} #column-left ul li { background:transparent url(../images/sub/list_style.jpg) 0px 6px no-repeat; padding-left:12px;} #column-left ul.left { margin:0px; padding:0; float: left; } #column-left ul.left li { background:transparent url(../images/sub/list_style.jpg) 0px 6px no-repeat; padding-left:12px; margin-left:50px;} #column-left ul.right { margin-left:20px; float:left;} #column-left ul.right li { background:transparent url(../images/sub/list_style.jpg) 0px 6px no-repeat; padding-left:12px;} #sub-page-footer { background:url(../images/sub/sub_page_footer.jpg) no-repeat; width:761px; height:24px; clear:both; overflow:hidden;} /* Horozontal MAIN NAVIGATION Sprite Nav * ------------------------------------------------------------------------- */ #nav { background: url(../images/index/nav.jpg) no-repeat; width:761px; height:36px; margin-bottom:0; } #nav span { display: none; } #nav li, #nav a { height: 36px; display: block; } #nav li { float: left; list-style: none; display: inline; } #nav-01 { width: 74px; margin-left: 32px;} #nav-02 { width: 191px;} #nav-03 { width: 64px;} #nav-04 { width: 81px;} #nav-05 { width: 71px;} #nav-06 { width: 64px;} #nav-07 { width: 127px;} #nav-01 a:hover {background: transparent url(../images/index/nav.jpg) -32px -36px no-repeat;} #nav-02 a:hover {background: transparent url(../images/index/nav.jpg) -106px -36px no-repeat;} #nav-03 a:hover {background: transparent url(../images/index/nav.jpg) -297px -36px no-repeat;} #nav-04 a:hover {background: transparent url(../images/index/nav.jpg) -361px -36px no-repeat;} #nav-05 a:hover {background: transparent url(../images/index/nav.jpg) -442px -36px no-repeat;} #nav-06 a:hover {background: transparent url(../images/index/nav.jpg) -513px -36px no-repeat;} #nav-07 a:hover {background: transparent url(../images/index/nav.jpg) -577px -36px no-repeat;} /* Son of Suckerfish: Horizontal Sprite Nav * ------------------------------------------------------------------------- */ #nav li ul { position:absolute; left:-9999px; padding-right:1px; /* Fixes one px spacing for border-right in FF */ background-color:#B08550; /* Background color of drop down nav - add more styles (i.e. background image) if you want */ } #nav li ul li { height:20px; /* Height of each drop down nav item */ border:1px solid #87632F; border-top:none; } #nav 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 */ } #nav li ul li a span { display:block; padding-left:5px; } /* Drop down link styles */ #nav a:link, #nav a:visited, #nav a:hover, #nav a:active { font-size:1.0em; color:#FFFFFF; text-decoration:none; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } /* Hover styles for drop down items */ #nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover { background-image:none; background-color:#CFB17B; color:#FFFFFF; text-decoration:none; } /* width of drop down nav - choose width that allows items to display on one line */ #nav-02 ul, #nav-02 li { width:190px; } #nav-03 ul, #nav-03 li { width:200px; } #nav-04 ul, #nav-04 li { width:150px; } #nav-05 ul, #nav-05 li { width:150px; } #nav-06 ul, #nav-06 li { width:150px; } /* Footer * ------------------------------------------------------------------------- */ #footer { width:761px; text-align:center; margin:0 auto; } #footer a:link, #footer a:visited, #footer p { text-decoration:none; color:#fff; } #footer a:hover, #footer a:active { text-decoration:underline; color:#fff; } #footer ul { margin-bottom:5px; } #footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #fff; } #footer li.first { border: none; } /* Quick Contact Form * ------------------------------------------------------------------------- */ form { width:132px; padding:10px 0 15px 30px;} form p { font-size:10px; } form br { line-height:0; /* defaults vertical spacing between fields */} input, textarea, select { background-color:#fff; border:1px solid #000; color:#000; width:132px; height:18px; margin-bottom:4px; /* sets vertical spacing between fields */ padding-top:1px; /* vertically position text in input/textarea field */ padding-left:4px; /* horizontally position text in input/textarea field */ font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; } textarea { height:70px; overflow:auto; } input.submit, input.submit-contact-main { width:60px; cursor:pointer; padding:0; } input.submit-contact-main { margin:85px 0 0 242px; } input.submit-image { background: url(../images/index/btn_submit.jpg); width:54px; height:20px; border:none; cursor:pointer; } .inpt10 { width:60px; height:20px; font-size:12px; font-family:Arial; color:#000000; line-height: 85%; font-weight: bold; background:#ffffff; border:solid 1px #000000; margin: 2px; padding:2px; } /* Main Contact Form * ------------------------------------------------------------------------- */ .contact-main { padding:20px 0 10px 30px; } .contact-main label { width:220px; position:relative; display:block; text-align:right; margin-bottom:10px; } .contact-main label input, .contact-main label textarea, .contact-main label select { width:200px; position:absolute; left:110%; top:-2px; } .contact-main label textarea { height:100px; } #drdavoudi { background-image: url(../images/index/drdavoudi.jpg); float: right; height: 180px; width: 123px; margin-right: 20px; margin-left: 10px; margin-bottom: 5px; } #care-credit { margin: 0 0 0 8px; } #patient-forms { margin: 0 0 0 8px; } #hippa-forms { margin: 0 0 0 8px; } #testimonials { margin: 15px 0 0 22px; } h2.implants {display: none;} /***New Menu include***/ .nav2{ height: 36px; margin: 0 0 0 1px; padding: 0; } .nav2 li a{ display: block; height: 36px; } .nav2 li{ float: left; height: 36px; } .navspace1{ width: 31px; background: url(../images/nav_01.jpg); } #homenav { width: 68px; background: url(../images/homenav.jpg); } a:hover#homenav { width: 68px; background: url(../images/homenav.jpg) 0 -36px; } #aboutnav { width: 72px; background: url(../images/aboutnav.jpg); } a:hover#aboutnav { width: 72px; background: url(../images/aboutnav.jpg) 0 -36px; } #testinav { width: 134px; background: url(../images/testinav.jpg); } a:hover#testinav { width: 134px; background: url(../images/testinav.jpg) 0 -36px; } #facenav { width: 55px; background: url(../images/facenav.jpg); } a:hover#facenav { width: 55px; background: url(../images/facenav.jpg) 0 -36px; } #breastnav { width: 74px; background: url(../images/breastnav.jpg); } a:hover#breastnav { width: 74px; background: url(../images/breastnav.jpg) 0 -36px; } #bodynav { width: 63px; background: url(../images/bodynav.jpg); } a:hover#bodynav { width: 63px; background: url(../images/bodynav.jpg) 0 -36px; } #skinnav { width: 54px; background: url(../images/skinnav.jpg); } a:hover#skinnav { width: 54px; background: url(../images/skinnav.jpg) 0 -36px; } #blognav { width: 57px; background: url(../images/blognav.jpg); } a:hover#blognav { width: 57px; background: url(../images/blognav.jpg) 0 -36px; } #contactnav { width: 95px; background: url(../images/contactnav.jpg); } a:hover#contactnav { width: 95px; background: url(../images/contactnav.jpg) 0 -36px; } #gallerynav { width: 95px; background: url(../images/gallerynav.jpg); } a:hover#gallerynav { width: 95px; background: url(../images/gallerynav.jpg) 0 -36px; } .navspace2{ width: 36px; background: url(../images/navover_11.jpg); } .fblink{ font-size: 13pt; color:#B40104; margin-top: 7px; text-decoration: none; } .spimg{ border: 1px solid #CD4D02; border-width: 3px 0 3px 0; cursor: pointer; }