/* ---------------------------------------------------------------------------- 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/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-size:1em; } /* Remove inconsistent (among browsers) default padding or margin */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,fieldset,input,div,dd,dt,dl { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img { border:none; } /* basic elements * ------------------------------------------------------------------------- */ body {background: url("../images/index/bg-body.jpg") repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #DFD2CA; margin: 0 auto;} p, a, h2, h3 {color: #DFD2CA; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; } p {margin-bottom:8px;} a:link, a:visited {text-decoration: underline;} a:hover, a:active {text-decoration:none;} a img {border:0;} h1, h2, h3 {font-size:13px; margin-bottom:7px; margin-top:12px;} h1 { margin-top:0; margin-bottom:12px; } h3 { font-size:12px; } h1 span, h2 span, h3 span {display: none;} /* classes * ------------------------------------------------------------------------- */ .thumbs-left {margin: 2px 8px 0 0;} .thumbs-right {margin: 2px 0 0 8px;} .clear {clear:both; height:.01em;} .dt-special { margin-left:-15px; margin-bottom:7px; font-weight:bold; font-size:13px; } /* contact forms * ------------------------------------------------------------------------- */ /* quick contact */ #quickcontact { padding: 0 0 5px 21px;} #quickcontact p { width:139px; color:#B9A085; font-size:11px;} #quickcontact form { width:139px; margin: 5px 0; } #quickcontact input { margin-bottom:4px; } .field, .bigfield { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #15709A; background-color: #fff; border:0; width:151px; height:18px; padding-left:2px;} .bigfield { height:60px;} /* main contact - dental.medical */ #big-contact { padding:20px 0 10px 25px; } #big-contact form, #big-contact label, #big-contact input, #big-contact select, #big-contact textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4B431C; padding-left:2px; } #big-contact label { position:relative; display:block; text-align:right; color:#DFD2CA; width:200px; } #big-contact label input, #big-contact label textarea, #big-contact select { background-color:#D7BF9A; border:1px solid #97732E; position:absolute; left:217px; top:-2px; } #big-contact label input, #big-contact select { width:200px; } #big-contact label textarea { top:0px; width:200px; height:100px; } .submit-big-contact { cursor: pointer; background-color: #D7BF9A; color: #4B431C; border:1px solid #BF967E; width:60px; margin:85px 0 0 217px; } /* submit button */ .SubmitButton, .SubmitButtonHover { background-color: #D7BF9A; color: #4B431C; cursor: pointer; font-size: 10px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; border:1px solid #BF967E; margin-top:3px;} .SubmitButtonHover { background-color: #E1D1B8; color: #4B431C;} /* skeleton * ------------------------------------------------------------------------- */ #wrap {background: url("../images/index/bg-index.jpg") repeat-y; width: 704px; text-align: left; margin: 27px auto; } #top {background:url("../images/index/top.jpg") no-repeat; height:81px;} #flash { width:700px; height:215px; margin-left:1px;} #divider-h {background: url("../images/index/divider-h.gif") no-repeat; height:24px;} #column-left {width:515px; float:left;} #column-left p, #column-left h1, #column-left h2, #column-left h3 {padding-left:27px; padding-right:15px;} #header-welcome {background: url("../images/index/header-welcome.jpg") no-repeat; padding-top:56px;} #column-1-header-welcome {width:324px; float:left;} #column-right {width:189px; float:left;} #column-right p { color:#fff; padding-left:21px; padding-right:8px;} #header-contactus {background: url("../images/index/header-contactus.jpg") no-repeat; height:46px;} #wrap-aboutdr {background: url("../images/index/bg-aboutdr.jpg") repeat-y; width:704px; clear:both;} #header-aboutdr {background: url("../images/index/header-aboutdr.jpg") no-repeat; padding-top:60px;} #header-aboutdr p, #header-aboutdr h2 {padding-left:175px; padding-right:10px;} #bottom {background: url("../images/index/bottom.gif") no-repeat bottom; height:15px; clear:both; overflow:hidden;} /* skeleton inside * ------------------------------------------------------------------------- */ #banner1 { background:url("../images/inside/banner1.jpg"); width:700px; height:215px; margin-left:2px; } #banner2 { background:url("../images/inside/banner2.jpg"); width:700px; height:215px; margin-left:2px; } #banner3 { background:url("../images/inside/banner3.jpg"); width:700px; height:215px; margin-left:2px; } #banner4 { background:url("../images/inside/banner4.jpg"); width:700px; height:215px; margin-left:2px; } #header-aboutthedoctor {background:url("../images/inside/header-aboutthedoctor.jpg") no-repeat; padding-top:56px;} #header-aboutthepractice {background:url("../images/inside/header-aboutthepractice.jpg") no-repeat; padding-top:56px;} #header-body {background:url("../images/inside/header-body.jpg") no-repeat; padding-top:56px;} #header-breast {background:url("../images/inside/header-breast.jpg") no-repeat; padding-top:56px;} #header-contact {background:url("../images/inside/header-contact.jpg") no-repeat; padding-top:56px;} #header-face {background:url("../images/inside/header-face.jpg") no-repeat; padding-top:56px;} #header-gallery {background:url("../images/inside/header-gallery.jpg") no-repeat; padding-top:56px;} #header-gallery dl { padding-left:45px; padding-bottom:10px; width:200px; float:left; } #header-gallery dt { padding-bottom:3px; } #header-sitemap {background:url("../images/inside/header-sitemap.jpg") no-repeat; padding-top:56px;} #header-skin {background:url("../images/inside/header-skin.jpg") no-repeat; padding-top:56px;} #header-nose {background:url("../images/inside/header-nose.jpg") no-repeat; padding-top:56px;} #header-locateus {background: url("../images/inside/header-locateus.jpg") no-repeat; height:46px;} /* bna * ------------------------------------------------------------------------- */ #bna-wrap { width:640px; height:420px; margin:0; padding:0; } #bna-top { background:url("../images/bna/layout/bna-top.jpg") no-repeat; height:85px; } #bna-case { height:278px; } #bna-bottom { background:url("../images/bna/layout/bna-bottom.jpg") no-repeat; height:57px; } .bna-thumbs {width: 200px; font-weight:bold; margin:0 0 5px 0; padding-left:25px; float:left;} /* footer * ------------------------------------------------------------------------- */ #footer {width:704px; margin: 0 auto;} #footer a { text-decoration: none;} #footer a:hover {text-decoration: underline;} /* sprite nav-01 * ------------------------------------------------------------------------- */ #nav-01 { background: url("../images/index/nav-01.gif") no-repeat; width: 704px; height: 30px; position: relative; padding: 0;} #nav-01 li { position: absolute; top: 0; } #nav-01 li, #nav-01 a { height: 30px; display: block; } #nav-01 span { display: none;} #nav-01-01 { width:55px; left:13px;} #nav-01-02 { width:117px; left:69px;} #nav-01-03 { width:124px; left:187px;} #nav-01-04 { width:46px; left:312px;} #nav-01-05 { width:50px; left:359px;} #nav-01-06 { width:50px; left:410px;} #nav-01-07 { width:57px; left:461px;} #nav-01-08 { width:45px; left:519px;} #nav-01-09 { width:60px; left:565px;} #nav-01-10 { width:65px; left:626px; } #nav-01-01 a:hover { background: transparent url("../images/index/nav-01.gif") -13px -30px no-repeat;} #nav-01-02 a:hover { background: transparent url("../images/index/nav-01.gif") -69px -30px no-repeat;} #nav-01-03 a:hover { background: transparent url("../images/index/nav-01.gif") -187px -30px no-repeat;} #nav-01-04 a:hover { background: transparent url("../images/index/nav-01.gif") -312px -30px no-repeat;} #nav-01-05 a:hover { background: transparent url("../images/index/nav-01.gif") -359px -30px no-repeat;} #nav-01-06 a:hover { background: transparent url("../images/index/nav-01.gif") -410px -30px no-repeat;} #nav-01-07 a:hover { background: transparent url("../images/index/nav-01.gif") -461px -30px no-repeat;} #nav-01-08 a:hover { background: transparent url("../images/index/nav-01.gif") -519px -30px no-repeat;} #nav-01-09 a:hover { background: transparent url("../images/index/nav-01.gif") -565px -30px no-repeat;} #nav-01-10 a:hover { background: transparent url("../images/index/nav-01.gif") -626px -30px no-repeat;} /* sprite nav-02 * ------------------------------------------------------------------------- */ #nav-02 {background: url("../images/index/nav-02.jpg") no-repeat; width: 191px; height: 239px; position: relative; float:left;} #nav-02 li {position: absolute;} #nav-02 li, #nav-02 a {height: 59px; display: block;} #nav-02 span {display: none;} #nav-02-01, #nav-02-02, #nav-02-03, #nav-02-04 {width:191px; left:0;} #nav-02-01 {top: 0px;} #nav-02-02 {top: 60px;} #nav-02-03 {top: 120px;} #nav-02-04 {top: 180px;} #nav-02-01 a:hover { background: transparent url("../images/index/nav-02.jpg") -191px -0px no-repeat;} #nav-02-02 a:hover { background: transparent url("../images/index/nav-02.jpg") -191px -60px no-repeat;} #nav-02-03 a:hover { background: transparent url("../images/index/nav-02.jpg") -191px -120px no-repeat;} #nav-02-04 a:hover { background: transparent url("../images/index/nav-02.jpg") -191px -180px no-repeat;} /* headline fonts * ------------------------------------------------------------------------- */ p.headline1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#DFD2CA;} p.headline2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#DFD2CA;}.footertext { font-family: Vrinda; font-size: 9px; color: #84401C; }