/* ---------------------------------------------------------------------------- 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-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; } /* Remove inconsistent (among browsers) default padding or margin */ ul,ol,li,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; } h1,h2,h3,h4,h5,h6 {padding:0px 58px 0 20px;} h1,h2 { margin-bottom:11px;} h3 { margin-bottom:0px;} h1{font-size:16px; } h2{font-size:14px; } h3{font-size:12px; } /* prevent blue linked image borders */ a img,:link img,:visited img { border:none; } /* basic elements * ------------------------------------------------------------------------- */ body { background:#fff; text-align:left; } p, a:link, a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } a:link, a:visited { color:#000; } p, ul, li, dt, dd { line-height: 16px; } p, pre, blockquote { margin-bottom:12px; } a:link, a:visited { text-decoration:underline; } a:hover, a:active { text-decoration:none; } h1 span, h2 span, h3 span { display:none; } /* classes */ .left { text-align:left; } .right { text-align:right; } .center { text-align:center; } .hide { display:none; } .clear { clear:both; height:0.1em; } .thumbs-left { margin:2px 8px 0 0; float:left;} .thumbs-right { margin:2px 0 0 8px; } .body-bullet { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; list-style-position: inside; list-style-image: url(../images/common/body_bullet.gif); } ul.body-bullet li { margin-bottom:4px;} .contact-address{ text-align:center; margin-bottom:30px; margin-top:30px;} .body-bullet { margin-bottom:4px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000099; list-style-position: inside; list-style-image: url(../images/common/body_bullet.gif); } .back-to-top {padding-left:20px; padding-right:58px;} /* contact forms * ------------------------------------------------------------------------- */ /* quick contact */ form { padding-top:27px; width:115px; padding-left:63px; padding-bottom:8px; } input, textarea { background-color:#fff; border:1px solid #0295C8; width:115px; height:18px; margin-bottom:4px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; } textarea { height:60px; } .submit { width:60px; cursor:pointer; } /* main contact */ #big-contact { padding:20px 0 80px 0; } #big-contact form, #big-contact label, #big-contact input, #big-contact textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#474425; } #big-contact label{ position:relative; display:block; text-align:right; width:150px; margin-bottom:-8px; } #big-contact input { width:200px; margin-bottom:-8px; } #big-contact label input, #big-contact label textarea { position:absolute; left:110%; top:-2px; } #big-contact label textarea { top:0; width:200px; height:100px; } #big-contact input.submit-big-contact { width:60px; cursor:pointer; margin-top:85px; } /* skeleton * ------------------------------------------------------------------------- */ #wrap { background:url(../images/bg_image.jpg) repeat-y; width:800px; margin:0 auto; } #banner{ width:800px; height:251px; background-image:url(../images/home/slices/new-banner.jpg); background-repeat:no-repeat; float:left; } #column-wrap{width:800px; background-image:url(../images/home/slices/layout_r3_c1.jpg); background-repeat:no-repeat;float:left; } #column-left { width:228px; float:left; } #column-left p {padding-left:50px; padding-right:25px;} #column-left img.our-office {margin-top:30px;} #column-left img.financial-arrangements {margin-top:20px;} #bg-quick-contact{width:228px; margin-top:46px; background-image:url(../images/bg_quick_contact.jpg); background-repeat:no-repeat;} #column-right { margin-bottom:0px; width:572px; float:left; } #our-procedures{width:572px; margin-top:25px; background-image:url(../images/home/slices/our-bg.jpg); background-repeat:no-repeat; } #column-right p.top { margin-bottom:0px; padding:72px 40px 0 250px;} #our-procedures { height:378px; } #our-procedures p.intro { margin-bottom:0px; padding:58px 98px 0 93px;} #our-procedures-left{padding:20px 0px 0 148px; width:120px; float:left;} #our-procedures-right{padding:20px 0px 0px 128px; width:120px; float:left;} #our-procedures p.left-bottom { padding:0px 0px 0 0px;} #our-procedures p.right-bottom { padding:16px 0px 0 0px;} #smile{ margin-bottom:0px; width:572px; height:211px; background-image:url(../images/home/slices/layout_r5_c2.jpg); background-repeat:no-repeat; } #smile p.smile { margin-bottom:0px; padding:49px 375px 10px 25px} #bottom { width:800px; height:38px; clear:both; overflow:hidden; } #mini-column-left { width:208px; float:left; } #mini-column-left p { padding-top:60px; padding-left:25px; padding-right:20px; } #mini-column-right { width:364px; float:left;} #mini-column-right a { width:290px; height:168px; margin-top:38px; margin-left:20px; display:block; } /* skeleton inside * ------------------------------------------------------------------------- */ #practice-column-wrap {width:800px; background-image:url(../images/inside/headers/practice.gif); background-repeat:no-repeat; float:left; } #doctor-column-wrap {width:800px; background-image:url(../images/inside/headers/doctor.gif); background-repeat:no-repeat; float:left; } #cosmetic-column-wrap {width:800px; background-image:url(../images/inside/headers/cosmetic.gif); background-repeat:no-repeat; float:left; } #restorative-column-wrap {width:800px; background-image:url(../images/inside/headers/restorative.gif); background-repeat:no-repeat; float:left; } #contact-column-wrap {width:800px; background-image:url(../images/inside/headers/contact.gif); background-repeat:no-repeat; float:left; } #cosmetic-column-wrap p {padding-left:50px; padding-right:20px;} #inside-wrap { background:url(../images/bg_image.jpg) repeat-y; width:800px; margin:0 auto; } /*#inside-banner{ width:800px; height:251px; background-image:url(../images/home/slices/layout_r1_c1.jpg); background-repeat:no-repeat; float:left; } */ #inside-banner{ width:800px; height:251px; background-image:url(../images/home/slices/new-banner.jpg); background-repeat:no-repeat; float:left; } #inside-column-left { width:228px; float:left; } #inside-column-left p {padding-left:50px; padding-right:25px;} #inside-column-left p.smile { margin-bottom:0px; padding-left:40px;} #inside-column-left img.our-office {margin-top:30px;} #inside-column-left img.contact-our-office {margin-top:19px;} #inside-column-left img.financial-arrangements {margin-top:20px;} #inside-column-left img.smile-gallery {margin-top:20px;} #inside-column-left img.b-a-thumb {margin-top:20px; float:right;} #inside-bg-quick-contact{width:228px; margin-top:26px; background-image:url(../images/bg_quick_contact.jpg); background-repeat:no-repeat;} #inside-bg-quick-contact p.last { padding-bottom:0px; margin-bottom:0px;} #inside-column-right { padding-top:88px; padding-bottom:20px; width:572px; float:left; } #inside-column-right-doctor {padding-top:88px; padding-bottom:20px; width:567px; float:left; } #inside-column-right-doctor p {padding-left:20px; padding-right:58px;} #inside-column-right-doctor ul { margin-top:11px; margin-bottom:11px; padding-left:40px; padding-right:58px;} #inside-column-right p {padding-left:20px; padding-right:58px;} #inside-column-right ul { margin-top:11px; margin-bottom:11px; padding-left:40px; padding-right:58px;} #bna-wrap { width:640px; height:480px; } #bna-top { background:url("../bna/layout/top.gif") no-repeat; height:100px; } #bna-case { height:372px; } #bna-num { padding-left:20px; width: 640px; font-family:Arial, Helvetica, sans-serif; background-color: #9fc4cd; font-size:13px; color:#006; } #bna-num a:link { font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:underline; color: #006; } #bna-num a:visited { font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:underline; color:#006; } #bna-num a:hover { font-family:Arial, Helvetica, sans-serif; font-size:13px; background-color: #D5EAFF; color:#006; } /* footer * ------------------------------------------------------------------------- */ #footer { width:720px; text-align:center; margin:0 auto; } #footer a { margin-left:7px; margin-right:7px; font-size:11px; text-decoration:none; } #footer a.last { margin-left:0px; margin-right:0px; text-decoration:none; } #footer a:hover { text-decoration:underline; } /* horizontal navigation * ------------------------------------------------------------------------- */ #nav { background:url(../images/sprite/sprite_nav.gif) no-repeat; width:800px; height:41px; position:relative; float:left; } #nav li { position:absolute; top: 0; } #nav li, #nav a { height:41px; display:block; } #nav span { display:none; } #nav-01 { width: 94px; left:222px; } #nav-02 { width: 84px; left: 316px; } #nav-03 { width: 79px; left: 400px; } #nav-04 { width: 93px; left: 479px; } #nav-05 { width: 114px; left: 572px; } #nav-06{ width: 92px; left: 686px; } #nav-01 a:hover { background: transparent url(../images/sprite/sprite_nav.gif) -222px -41px no-repeat; } #nav-02 a:hover { background: transparent url(../images/sprite/sprite_nav.gif) -316px -41px no-repeat; } #nav-03 a:hover { background: transparent url(../images/sprite/sprite_nav.gif) -400px -41px no-repeat; } #nav-04 a:hover { background: transparent url(../images/sprite/sprite_nav.gif) -479px -41px no-repeat; } #nav-05 a:hover { background: transparent url(../images/sprite/sprite_nav.gif) -572px -41px no-repeat; } #nav-06 a:hover { background: transparent url(../images/sprite/sprite_nav.gif) -686px -41px no-repeat; } /* horizontal navigation * ------------------------------------------------------------------------- */ #contact-nav { background:url(../images/sprite/contact_sprite_nav.gif) no-repeat; width:800px; height:41px; position:relative; float:left; } #contact-nav li { position:absolute; top: 0; } #contact-nav li, #contact-nav a { height:41px; display:block; } #contact-nav span { display:none; } #contact-nav-01 { width: 94px; left:222px; } #contact-nav-02 { width: 84px; left: 316px; } #contact-nav-03 { width: 79px; left: 400px; } #contact-nav-04 { width: 93px; left: 479px; } #contact-nav-05 { width: 114px; left: 572px; } #contact-nav-06{ width: 92px; left: 686px; } #contact-nav-01 a:hover { background: transparent url(../images/sprite/sprite_nav.gif) -222px -41px no-repeat; } #contact-nav-02 a:hover { background: transparent url(../images/sprite/sprite_nav.gif) -316px -41px no-repeat; } #contact-nav-03 a:hover { background: transparent url(../images/sprite/sprite_nav.gif) -400px -41px no-repeat; } #contact-nav-04 a:hover { background: transparent url(../images/sprite/sprite_nav.gif) -479px -41px no-repeat; } #contact-nav-05 a:hover { background: transparent url(../images/sprite/sprite_nav.gif) -572px -41px no-repeat; } #contact-nav-06 a:hover { background: transparent url(../images/sprite/sprite_nav.gif) -686px -41px no-repeat; }