p { text-align: justify; } .clear { clear: both; } .isHidden, .seo-text { display: none; } body { background: url(http://www.bodybybloch.com/images/bgTile.jpg) repeat-x #383838; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; text-align: center; margin: 0; padding: 0; } a { color: #CCC; } #main-body { width: 976px; margin: auto; } /* header */ #body-header { margin-top: 50px; width: 100%; } #bbb-banner { background: url(http://www.bodybybloch.com/images/bodybybloch_img.jpg) no-repeat; width: 258px; height: 55px; display: block; position: relative; float: left; } #bbb-phone { position: relative; float: right; font-size: 21px; text-align: right; } #link-out { font-size: 11px; } #header-right { text-align: right; position: absolute; width: 976px; display: block; } /* Nav01 */ #nav01 { list-style-image: none; list-style-position: outside; list-style-type: none; font-size: 14px; font-weight: bold; margin: 0; padding: 0; margin-top: 20px; width: 100%; } #nav01 li { float: left; width: 20%; } #nav01 li a { display: block; width: auto; height: 25px; padding-top: 15px; color: #FFF; text-decoration: none; border-bottom: 1px solid #444444; } #nav01 li a:hover, #nav01Selected { border-bottom: 0 none !important; border-left: 1px solid #444444; border-right: 1px solid #444444; border-top: 1px solid #444444; background: #000; } /* Nav02 */ #nav02 { text-align: left; border-top: 1px solid #444; border-right: 1px solid #444; padding-top: 20px; } #nav02 ul { list-style-image: url(http://www.bodybybloch.com/images/round_img.jpg); list-style-position: outside; list-style-type: none; padding-left: 8px; margin-left: 15px; } #nav02 ul li a { border-bottom: 1px solid #666; padding-bottom: 5px; margin-bottom: 7px; display: block; width: 97%; } #nav02 a { font-size: 15px; color: #fff; text-decoration: none; margin: 0; padding: 0; } #nav02 a:hover { color: #BE25BD; } #nav-ui { display: block; list-style: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; width: 230px; } #nav-ui ul { margin: 0; padding-left: 22px; } .nav-ui-sub { display: block; position: absolute; background: #000; text-align: left; overflow: hidden; margin: 0; padding: 0; width: 230px; } .nav-ui-sub li { list-style-image: url(http://www.bodybybloch.com/images/round_img.jpg); margin-left: 20px; } .nav-ui-sub li a { border-bottom: 1px solid #666; display: block; width: 230px; color: #FFF; text-decoration: none; padding: 7px; } .nav-ui-sub li a:hover { color: #BE25BD; } #nav02-img { background: url(http://www.bodybybloch.com/images/image_page2.jpg) no-repeat; width: 245px; height: 328px; } #nav04-img { background: url(http://www.bodybybloch.com/images/page3_img1.jpg) no-repeat; width: 245px; height: 263px; } /* Nav - Procedures */ #navProceduresTop { list-style-image: none; list-style-position: outside; list-style-type: none; width: 100%; margin: 0; padding: 0; margin-left: 10px; } #navProceduresTop li { float: left; display: block; width: 23%; border-bottom: 1px solid #444; border-right: 1px solid #444; padding-top: 2px; margin-top: 20px; text-align: center; } #navProceduresTop a { font-size: 15px; color: #FFF; text-decoration: none; } #navProceduresTopEnd { width: 51% !important; border-right: 0 none !important; margin-top: 22px !important; } /* Nav Procedure Types */ #isSubSelected { border-bottom: 0 none !important; font-weight: bold; } /* Nav - Procedures */ #navMultimediaTop { list-style-image: none; list-style-position: outside; list-style-type: none; width: 100%; margin: 0; padding: 0; margin-left: 10px; } #navMultimediaTop li { float: left; display: block; width: 23%; border-bottom: 1px solid #444; border-right: 1px solid #444; padding-top: 2px; margin-top: 20px; text-align: center; } #navMultimediaTop a { font-size: 15px; color: #FFF; text-decoration: none; } #navMultimediaTopEnd { width: 28% !important; border-right: 0 none !important; margin-top: 22px !important; } /* Nav Procedure Types */ #isSubSelected { border-bottom: 0 none !important; font-weight: bold; } /* Content Area */ h1 { font-size: 22px; } .body-content { width: 974px; border-left: 1px solid #444444; border-right: 1px solid #444444; border-bottom: 1px solid #444444; text-align: left; } /* Top Row : Optional */ #content-top-row { width: 100%; height: 60px; } /* Home Left Col */ #home-left { width: 506px; float: left;} #home-box {padding-right: 10px; padding-left: 15px; } #home-box h1 { font-size:18px; border-bottom:1px #444 solid; padding-top:10px;} #home-box p{margin:0 0 10px 0;} #home-box h2 { font-size:14px; padding-bottom:5px; margin:0;} /* Home Right Col */ #home-right { width: 463px; float: left; height:414px;} /* Left Col */ #content-left-col { width: 246px; float: left; } #header-box { text-align: right; height: 100px; padding-right: 15px; padding-left: 15px; } /* Right Col */ #content-right-col { width: 717px; float: left; } #content-box { text-align: left; padding-right: 15px; padding-left: 15px; line-height: 19px; } #content-box a { color: #CCC; } /* Print Page */ #print-page { float: right; } #print-page a { text-decoration: none; color: #FFF; } /* Flash Gallery */ #flash-gallery { width: 620px; text-align: center; margin: auto; } /* Contact */ .form-row { display: block; margin-bottom: 10px; width: 325px; } .form-caption { display: block; width: 150px; float: left; } #submit-row { text-align: right; margin-top: 15px; } .text-field, .select-field, .big-text-field { width: 165px; } .big-text-field { height: 65px; } .send-btn { margin-right: 5px; } #contact-heading { font-size: 14px; } /* Sitemap */ #sitemap-listing { line-height: 20px; list-style-image: url(http://www.bodybybloch.com/images/round_img.jpg); } #sitemap-listing a { font-size: 13px; color: #FFF; text-decoration: none; } #sitemap-listing a:hover { text-decoration: underline; color: #BE25BD; } #sitemap-listing ul { margin-left: 10px; padding-left: 10px; } /* Layout Types */ #box-mode00 { background: #000; height: auto; } #box-modelhome {height: 416px; } /* HOME PAGE */ #box-mode01 { background: url(http://www.bodybybloch.com/images/main_img_1.jpg) no-repeat; height: 416px; } /* DR'S PICTURE */ #box-mode02 { background: url(http://www.bodybybloch.com/images/main_img.jpg) no-repeat; height: 416px; } /* WOMAN'S FACE */ /* Bottom Column */ #content-bot-col {} .img-box-container { height: 143px; background: #666; float: left; text-align: left; font-size: 18px; } .img-box-container span { margin-top: 35px; padding-left: 15px; display: block; } .img-box-container a { color: #FFF; } #img-box01 { width: 245px; background: url(http://www.bodybybloch.com/images/image_1.jpg) no-repeat; background-position: 1px 0px; } #img-box02 { width: 246px; background: url(http://www.bodybybloch.com/images/image_2.jpg) no-repeat; } #img-box03 { width: 242px; background: url(http://www.bodybybloch.com/images/image_3.jpg) no-repeat; } #img-box04 { width: 243px; background: url(http://www.bodybybloch.com/images/image_4.jpg) no-repeat; } #img-box-reflection { width: 978px; height: 37px; background: url(http://www.bodybybloch.com/images/long_img.jpg) no-repeat; } /* Footer */ #body-footer, #body-footer a { color: #676767; text-decoration: none; padding-bottom: 20px; } #body-footer a:hover { text-decoration: underline; color: #999; } #left-text { float: left; position: relative; padding-left: 10px; text-align: left; } #right-text { float: right; position: relative; padding-right: 10px; text-align: right; } #slider { width: 468px; /* important to be same as image width */ height: 414px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ } #sliderContent { width: 468px; /* important to be same as image width or wider */ position: absolute; top: 0; margin-left: 0; } #slider .sliderImage { float: left; position: relative; display: none; } #slider .sliderImage span { position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; /* padding: 20px 13px; */width: 468px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; margin-left:1px; } #slider .sliderImage h2{ font-size:18px; color:#fff;padding: 10px 13px 0 13px;} #slider .sliderImage p{ font-size:14px; color:#fff;padding: 0px 13px 10px 13px;} .clear { clear: both; } #slider .sliderImage span strong { font-size: 14px; } #slider .top { top: 0; left: 0; } #slider .bottom { bottom: 0; left: 0; } #slider ul { list-style-type: none; margin:0; padding:0;} /* FOR PRINT */ @media print { }