/* ---------------------------------------------------------------------------- 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 */ h4,h5,h6,pre,code { 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 { color:#333366; margin:0; padding:0; } h1,h2,h3,h4,h5,h6 {font-family:Arial, Helvetica, sans-serif;} /* prevent blue linked image borders */ a img,:link img,:visited img { border:0px; } /* basic elements * ------------------------------------------------------------------------- */ body { background-color:#EBEAEF; background-image:url(../images/body_bg.jpg); background-repeat:repeat-x; text-align:left; } p, a:link, a:visited { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333366; text-decoration:none; } p, ul, li, dt, dd { line-height: 14px; } 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; } h1{padding:0px 35px 20px 35px;} h2 {padding:0px 35px 20px 35px;} .object-pad { margin:2px 8px 0 35px; padding:0px 0px 20px 0px;} h3 {padding:0px 45px 0px 45px;} h1, .contact-us{font-size:19px; } h2{ font-size:17px; } h3{font-size:15px; } li{ list-style-position: inside; list-style-type: disc; } /* classes */ .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; } .thumbs-news { margin:2px 5px 5px 0; } #float-left{ float:left;} .float-left{ float:left;} .float-right{ float:right;} .thumbs{padding-left:60px;} .header3 {padding:10px 0 10px 15px;} .address {padding:10px 0 10px 110px; font-weight:bold;} .before-after{padding:0 0 0 65px; float:left;} .before-after-featured{padding:0 0 0 20px;} .before-after-featured1{margin:0 0 0 22px;} .ba-featured-h2{margin:0 0 0 12px;} #payment-options { padding-left: 350px} .dental-pdf { border:2px; color:#000000;} /* contact forms * ------------------------------------------------------------------------- */ /* quick contact */ form { width:155px; padding-left:50px; padding-bottom:7px; } input.first{padding-left:3px; width:152px;} input, textarea {background-color:#ececff; border:1px solid #74069D; width:155px; height:18px; margin-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#474425; } textarea { height:60px; } .submit { width:60px; cursor:pointer; } /* main contact */ #big-contact { padding:20px 0 0 60px; } #big-contact form, #big-contact label, #big-contact input, #big-contact textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#474425; } #big-contact label { position:relative; display:block; text-align:right; width:150px; margin-bottom:1px; } #big-contact label input, #big-contact label textarea { position:absolute; left:110%; top:-2px; } #big-contact label textarea { top:0; width:250px; height:100px; } .submit-big-contact { width:60px; cursor:pointer; margin-top:85px; } /* skeleton * ------------------------------------------------------------------------- */ #wrap { background:url(../images/index/slices/index_bg.jpg) repeat-y; width:760px; margin:0 ; } #top{width:760px; height:84px; background-image:url(../images/newcomp_r1_c1.jpg); background-repeat:no-repeat;} #banner{ width:760px; background-color:#FFFFFF;} #column-wrap{ width:760px; background-image:url(../images/index/slices/headers/top_center.jpg); background-repeat:no-repeat; float:left; } #column-left { width:230px; float:left; } #column-left p {padding-left:50px;} #column-left p.first{ padding-top:30px;} #column-right { padding-top:50px; width:475px; float:right;} #column-right h1{padding:0px 45px 10px 45px;} #column-right p{padding:0px 45px 0px 45px;} #column-right-welcome { } #ptt { background:url(../images/ptt.jpg); background-repeat:no-repeat; height:30px; width:161px; margin:0 0 0px 50px; } #ptt a { position:absolute; height:30px; width:161px; } #ptt a:hover{ background:transparent url(../images/ptt-over.jpg) no-repeat;} #ptt a span {display:none;} #bottom { background-color:#EBEAEF; width:760px; clear:both; overflow:hidden; } #in-the-news{ padding-top:80px; width:248px; background-image:url(../images/index/slices/headers/in_the_news.jpg); background-repeat:no-repeat; } #in-the-news p, #mission-statement p, ul, #music-control p{ padding:0 10px 0 50px;} #mission-statement ul{ padding-top:15px ;} #music-control p.flash, #painless-fun p.flash { padding:0 10px 0 80px;} #painless-fun p.button {padding: 0 10px 0 60px;} #mission-statement{padding-left:0px; padding-top:80px; width:248px; background-image:url(../images/index/slices/headers/mission_statement.jpg); background-repeat:no-repeat; } #mission-statement p{ padding-right:20px;} #music-control{padding-left:0px; padding-top:80px; width:248px; background-image:url(../images/index/slices/headers/music_control.jpg); background-repeat:no-repeat; } #colum-right-bottom{ height:0px; background-image:url(../images/index/bottom_bg.jpg); background-repeat:repeat-y;} #index-left-end{padding-left:0px; padding-top:80px;background-color:#EBEAEF; width:248px; background-image:url(../images/index/slices/headers/index_left_end.jpg); background-repeat:no-repeat; } #index-right-end{padding-top:60px; background-color:#EBEAEF; width:475px; background-image:url(../images/index/slices/headers/index_right_end.jpg); background-repeat:no-repeat; } #painless-fun{padding-left:0px; padding-top:80px; width:248px; background-image:url(../images/index/slices/headers/painless_fun.jpg); background-repeat:no-repeat; } #brite-smile{padding-top:80px; width:475px; background-image:url(../images/index/slices/headers/brite_smile.jpg); background-repeat:no-repeat; } #featured-products{padding-top:80px; width:475px; background-image:url(../images/index/slices/headers/featured_products.jpg); background-repeat:no-repeat; } #column-right h2, #featured-products h2 {padding:0px 45px 0px 45px;} /* skeleton inside * ------------------------------------------------------------------------- */ #inside-wrap { background:url(../images/inside/inside_bg.jpg) repeat-y; width:760px; margin:0 ; } #cosmetic-column-wrap{ width:760px; padding-top:68px; background-image:url(../images/inside/headers/cosmetic.jpg); background-repeat:no-repeat; float:left; } #veneers-column-wrap{ width:760px; padding-top:68px; background-image:url(../images/inside/headers/veneers.jpg); background-repeat:no-repeat; float:left; } #implants-column-wrap{ width:760px; padding-top:68px; background-image:url(../images/inside/headers/implants.jpg); background-repeat:no-repeat; float:left; } #practice-column-wrap{ width:760px; padding-top:68px; background-image:url(../images/inside/headers/our_practice.jpg); background-repeat:no-repeat; float:left; } #featured-column-wrap{ width:760px; padding-top:68px; background-image:url(../images/inside/headers/featured_smiles.jpg); background-repeat:no-repeat; float:left; } #contact-column-wrap{ width:760px; padding-top:68px; background-image:url(../images/inside/headers/contact.jpg); background-repeat:no-repeat; float:left; } #inside-column-left { width:230px; float:left; } #inside-column-left form {padding-left:60px;} #inside-column-left p, h2{ padding-left:60px; padding-right:20px;} #inside-column-right { padding-top:0px; width:475px; float:left;} #inside-column-right p, h1 {padding:0px 35px 0px 20px;} #inside-column-right h2{ padding:20px 20px 0 20px;} #inside-column-right a.first{ padding-left:20px;} #inside-column-right a.last{ padding-left:20px;} #inside-column-right dl {padding:10px 50px 0px 0px;} #inside-column-right dt,dd{padding:5px 30px 5px 10px;} #inside-contact h1.top {padding:0px 70px 0px 60px;} #inside-contact p, #inside-contact h2, #inside-contact h3 {padding:0px 90px 0px 60px;} #inside-middle h2.top {margin-top:0px;} #inside-middle h2 {margin-top:20px;} #inside-middle p, #inside-middle h2, #inside-middle h3 {padding:0px 90px 0px 60px;} #inside-middle p.smiles, #inside-middle h2.smiles, #inside-middle h3.smiles {padding:0px 0px 0px 0px;} #inside-middle dl{ padding-bottom:30px; width:330px;} #inside-middle dt,dd{ padding:3px 10px 3px 20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; } #inside-footer{ width:760px; height:32px; background-image:url(../images/inside/inside_footer.jpg); background-repeat: no-repeat; } /* footer * ------------------------------------------------------------------------- */ #footer { width:760px; background-color:#EBEAEF; text-align:center; margin:0 auto;} /*background: url(../images/index/footer.jpg) no-repeat;} #footer p {padding:0 35px 0 35px;} #footer a { text-decoration:underline; } #footer a:hover { text-decoration:none; } /* footer_index * ------------------------------------------------------------------------- */ #footer_index { width:760px; background-color:#EBEAEF; text-align:center; margin:0 auto; background: url(../images/index/footer.jpg) no-repeat;} #footer_index p {padding:0 35px 0 35px;} #footer_index a { text-decoration:underline; } #footer_index a:hover { text-decoration:none; } /* top navigation * ------------------------------------------------------------------------- */ #nav-wrap {width:760px;} #nav-wrap {width:760px;} #nav-top { background:url(../images/sprite/top_sprite.jpg) no-repeat; width:769px; height:37px; position:relative; float:left; } #nav-top li { position:absolute; top: 0; } #nav-top li, #nav-top a { height:37px; display:block; } #nav-top span { display:none; } #nav-top-01 { width: 71px; left:0px; } #nav-top-02 { width: 103px; left: 72px; } #nav-top-03 { width: 89px; left: 174px; } #nav-top-04 { width: 94px; left: 263px; } #nav-top-05 { width: 130px; left: 357px; } #nav-top-06 { width: 163px; left: 487px; } #nav-top-07 { width: 110px; left: 650px; } #nav-top-01 a:hover { background: transparent url(../images/sprite/top_sprite.jpg) -0px -37px no-repeat; } #nav-top-02 a:hover { background: transparent url(../images/sprite/top_sprite.jpg) -72px -37px no-repeat; } #nav-top-03 a:hover { background: transparent url(../images/sprite/top_sprite.jpg) -174px -37px no-repeat; } #nav-top-04 a:hover { background: transparent url(../images/sprite/top_sprite.jpg) -263px -37px no-repeat; } #nav-top-05 a:hover { background: transparent url(../images/sprite/top_sprite.jpg) -357px -37px no-repeat; } #nav-top-06 a:hover { background: transparent url(../images/sprite/top_sprite.jpg) -487px -37px no-repeat; } #nav-top-07 a:hover { background: transparent url(../images/sprite/top_sprite.jpg) -650px -37px no-repeat; } /* bottom navigation * ------------------------------------------------------------------------- */ #nav-wrap-bottom {width:760px;} #nav-bottom { background:url(../images/sprite/bottom_sprite.jpg) no-repeat; width:769px; height:40px; position:relative; float:left; } #nav-bottom li { position:absolute; top: 0; } #nav-bottom li, #nav-bottom a { height:40px; display:block; } #nav-bottom span { display:none; } #nav-bottom-01 { width: 188px; left:0px; } #nav-bottom-02 { width: 133px; left: 189px; } #nav-bottom-03 { width: 177px; left: 318px; } #nav-bottom-04 { width: 264px; left: 494px; } #nav-bottom-01 a:hover { background: transparent url(../images/sprite/bottom_sprite.jpg) -0px -40px no-repeat; } #nav-bottom-02 a:hover { background: transparent url(../images/sprite/bottom_sprite.jpg) -189px -40px no-repeat; } #nav-bottom-03 a:hover { background: transparent url(../images/sprite/bottom_sprite.jpg) -318px -40px no-repeat; } #nav-bottom-04 a:hover { background: transparent url(../images/sprite/bottom_sprite.jpg) -494px -40px no-repeat; } #footer_index { width:760px; background-color:#EBEAEF; text-align:center; margin:0 auto; background: url(../images/index/footer.jpg) no-repeat;} /*--implants-button--*/ #implants-link { margin-left:44px; } .flash { margin-left:-15px; }