/* ---------------------------------------------------------------------------- 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 :: Mozilla/IE6/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 */ html,body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,pre,form,fieldset,input { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img { border:none; } /* global elements * ------------------------------------------------------------------------- */ /* root selectors */ body { background:url("../images/bg.gif"); text-align:center; } p,a:link,a:visited,ul,ol,li,dl,dt,dd,h1,h2,h3 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-decoration:none; } p,dl,dt,dd,ul,ol,li { line-height:16px; } p,pre,blockquote { margin-bottom:8px; } a:link,a:visited { color:#FFF; text-decoration:underline; } a:hover,a:active { text-decoration:none; } h1 span,h2 span,h3 span, span { display:none; } h1 { font-size:15px; padding-bottom:15px; padding-left:45px; padding-right:35px; padding-top:15px;} h2 { font-size:14px; padding-bottom:10px; } h3 { font-size:13px; padding-bottom:8px; } hr { margin: 15px 0;} form { width:110px; padding:5px 0 15px 0px; } input, textarea { background-color:#FFF; border:1px solid #000; width:130px; height:18px; margin-bottom:4px; padding-top:2px; padding-left:4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; } textarea { height:70px; overflow:auto; } /* classes */ .right { text-align:right;} .center { text-align:center; } .clear { clear:both; height:.01em; overflow:hidden; } .thumbs-left { margin:2px 8px 0 0; } .thumbs-right { margin:2px 0 0 8px; } .submit, .submit-main-contact { width:60px; cursor:pointer; padding:0; } .submit-main-contact { margin:85px 0 0 217px; } /* banner * ------------------------------------------------------------------------- */ #wrap { background:url("../images/bg-wrap.gif") repeat-y; width:738px; margin:0 auto; text-align:left; } #top { background:url("../images/banner-top.jpg") no-repeat; height:100px;} #top ul{padding:76px 0 0 585px;} #top li{width: 65px;float:left;font-size:11px;text-decoration:none;color:#000;} #top li a:link, #top li a:visited {font-size:11px; text-decoration:none;color:#000;} #top li a:hover {font-size:11px; text-decoration:underline;color:#000;} #flash {background:url("../images/banner-flash.jpg") no-repeat; height:221px;} #banner-01 {background:url("../images/new-banner-01x.jpg") no-repeat; height:221px;} #banner-02 {background:url("../images/new-banner-02x.jpg") no-repeat; height:221px;} #banner-03 {background:url("../images/new-banner-03x.jpg") no-repeat; height:221px;} #banner-04 {background:url("../images/new-banner-04x.jpg") no-repeat; height:221px;} #banner-05 {background:url("../images/new-banner-05x.jpg") no-repeat; height:221px;} #banner-06 {background:url("../images/new-banner-06x.jpg") no-repeat; height:221px;} #banner-07 {background:url("../images/banner-07.jpg") no-repeat; height:221px;} #banner-08 {background:url("../images/banner-08.jpg") no-repeat; height:221px;} /* navigation * ------------------------------------------------------------------------ */ #nav { background:url("../images/nav.jpg") no-repeat; width:738px; height:60px; position:relative; } #nav li {position:absolute;} #nav li, #nav a { height:60px; display:block; } #nav span { display:none; } #nav-01 { width: 65px; left:15px; } #nav-02 { width: 88px; left: 80px; } #nav-03 { width: 130px; left: 168px; } #nav-04 { width: 152px; left: 300px; } #nav-05 { width: 87px; left: 454px; } #nav-06 { width: 96px; left: 541px; } #nav-07 { width: 86px; left: 637px; } #nav-01 a:hover { background: transparent url("../images/nav.jpg") -15px -60px no-repeat; } #nav-02 a:hover { background: transparent url("../images/nav.jpg") -80px -60px no-repeat; } #nav-03 a:hover { background: transparent url("../images/nav.jpg") -168px -60px no-repeat; } #nav-04 a:hover { background: transparent url("../images/nav.jpg") -300px -60px no-repeat; } #nav-05 a:hover { background: transparent url("../images/nav.jpg") -454px -60px no-repeat; } #nav-06 a:hover { background: transparent url("../images/nav.jpg") -541px -60px no-repeat; } #nav-07 a:hover { background: transparent url("../images/nav.jpg") -637px -60px no-repeat; } /* body * ------------------------------------------------------------------------- */ #column-left { width:540px; float:left; } #header-welcome {background: url("../images/header-welcome.gif") no-repeat; height:65px; margin-bottom:15px;} #wrap-welcome { background: url("../images/bg-welcome-new.jpg") no-repeat bottom; padding-left:45px; padding-right: 35px; padding-bottom:150px; } #spacer { margin-bottom: 50px; clear:both;} #mini-column-left{ width:279px; float:left; } #header-mini-column-left { background:url("../images/header-mini-column-left.gif") no-repeat; height:34px; margin-bottom:15px;} #mini-column-left-content { padding:0 10px 0 45px;} #mini-column-right{ width:261px; float:left;} #header-mini-column-right { background:url("../images/header-mini-column-right.gif") no-repeat; height:34px; margin-bottom:15px;} #mini-column-right-content { padding: 0 10px 0 5px; text-align:center;} #mini-column-header-text p, #mini-column-header-text h2{margin:0 0 10px 20px; text-align:left;} #mini-column-right-content p a.bna:link,#mini-column-right-content p a.bna:visited{color:#FFF; text-decoration:none; } #mini-column-right-content p a.bna:hover,#mini-column-right-content p a.bna:active{color:#FFF; text-decoration:none; } /* Sub pages * ------------------------------------------------------------------------- */ #header-contact { background: url("../images/header-contact.gif") no-repeat; height:65px; margin-bottom:15px;} #header-cosmetic-dentistry { background: url("../images/header-cosmetic-dentistry.gif") no-repeat; height:65px; margin-bottom:15px;} #header-sedation { background: url("../images/header-sedation-dentistry.gif") no-repeat; height:65px; margin-bottom:15px;} #header-sitemap { background: url("../images/header-sitemap.gif") no-repeat; height:65px; margin-bottom:15px;} #header-prosthodontics { background: url("../images/header-prosthodontics.gif") no-repeat; height:65px; margin-bottom:15px;} #header-implants { background: url("../images/header-implants-2.gif") no-repeat; height:65px; margin-bottom:15px;} #header-dentures { background: url("../images/header-dentures.gif") no-repeat; height:65px; margin-bottom:15px;} #header-surgicenter { background: url("../images/header-surgicenter.gif") no-repeat; height:65px; margin-bottom:15px;} #header-associates { background: url("../images/header-associates-2.gif") no-repeat; height:80px; margin-bottom:15px;} #header-about-us { background: url("../images/header-about-us.gif") no-repeat; height:65px; margin-bottom:15px;} #header-colleagues { background: url("../images/header-colleagues.jpg") no-repeat; height:65px; margin-bottom:15px;} #header-forms { background: url("../images/header-forms.jpg") no-repeat; height:45px; margin-bottom:15px;} .content { padding-left:45px; padding-right:35px;padding-bottom:275px;} .content ul {padding:10px 0 10px 20px; } .content li {padding:0 10px; list-style-type:square;} .content-sitemap { padding-left:45px; padding-right:35px;} .content-about-us { padding-left:45px; padding-right:35px; padding-bottom:55px;} #content-bottom {margin: 250px;} #wrap-columns-01 { background:url("../images/sub-bg-01.jpg") no-repeat bottom left; width:738px; float:left; } #wrap-columns-02 { background:url("../images/sub-bg-02.jpg") no-repeat bottom left; width:738px; float:left; } #wrap-columns-03 { background:url("../images/sub-bg-03.jpg") no-repeat bottom left; width:738px; float:left; } #wrap-columns-04 { background:url("../images/sub-bg-04.jpg") no-repeat bottom left; width:738px; float:left; } #wrap-columns-05 { background:url("../images/sub-bg-05.jpg") no-repeat bottom left; width:738px; float:left; } #wrap-columns-06 { background:url("../images/sub-bg-06.jpg") no-repeat bottom left; width:738px; float:left; } #column-right { width:198px; float:left; } .column-right-content{ padding: 10px 20px;} .column-right-content p, column-right-list p {color:#4C4C4C; padding-right:10px;} /*.column-right-content li {color:#4C4C4C; padding:0 10px 10px 10px;}*/ .column-right-content a:link, .column-right-content a:visited{ color:#4C4C4C; text-decoration:underline;} .column-right-content a:hover, .column-right-content a:active{ color:#4C4C4C; text-decoration:none;} .column-right-list {padding-left:20px;} .column-right-list ul {} .column-right-list li {background:url(../images/arrow.jpg) no-repeat 0px 3px; padding: 0px 40px 10px 20px; } .column-right-list a:link, .column-right-list a:visited{ color:#4C4C4C; text-decoration:underline;} .column-right-list a:hover, .column-right-list a:active{ color:#4C4C4C; text-decoration:none;} #header-quick-contact { background: url("../images/header-quick-contact.gif") no-repeat; height:65px;} #header-procedures { background: url("../images/header-procedures.gif") no-repeat; height:65px;} #bottom { background:url("../images/bottom.jpg") no-repeat bottom; clear:both; overflow:hidden; height:64px;} #sub-bottom { background:url("../images/sub-bottom.jpg") no-repeat bottom; clear:both; overflow:hidden; height:60px;} /* inside framework * ------------------------------------------------------------------------- */ #column-right-inside {} /* footer * ------------------------------------------------------------------------- */ #footer { width:760px; text-align:center; margin:10px auto; } #footer a:link, #footer a:visited, #footer p { text-decoration:none; color:#003; } #footer a:hover, #footer a:active { text-decoration:underline; } #footer ul { margin-bottom:5px; } #footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #003; } #footer li.first { border: none; } /* main contact forms * ------------------------------------------------------------------------- */ /* main contact - dental.medical */ #main-contact { padding:20px 0 10px 25px; } #main-contact label, #main-contact select { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#494526; } #main-contact label { width:200px; position:relative; display:block; text-align:right; color:#494526; } #main-contact label input, #main-contact label textarea, #main-contact select { background-color:#fff; border:1px solid #BCD2A2; position:absolute; width:200px; left:110%; top:-2px; } #main-contact label textarea { width:200px; height:100px; top:0; } /* CSS Document */