/* Default Stylesheet for Nterchange Frontend */ /* ================================================== */ @import url(print.css) print; /*@import url("other_stylesheet.css") screen;*/ /* HTML RULES */ /* ================================================== */ body {height:100%; margin:0; background: #FFFFDB url(/images/layout/bg-body.gif) no-repeat top center; font:12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; } h1 { font-size:20px;} h2 {color: #4796DB;font-size: 16px;} h3 {color: #4796DB; font-size: 14px;} p { line-height:1.5; margin-bottom:10px; color:#353535; text-align: left;} a {color: #00AF46; text-decoration: none;} a:hover {color: #00AF46;} a:focus {outline:0;} .image-right {float: right;} .image-left {float: left;} .text ul {padding:0; list-style: square; list-style-position: inside; } .text ul li {margin:0 0 4px 0;} /* SITE LAYOUT RULES */ /* ================================================== */ #site {width: 960px; margin: 0 auto;} #masthead {width: 960px; position:relative; z-index:10;} #banner-text{position:absolute; width:440px; left:60px; top:164px; font-size:20px; line-height:34px; color:#fff; z-index:99;} #banner-text span{color:#FFFFAD; font-size:24px;} #logo {height: 109px; width: 259px; float: left; background: url(/images/layout/logo.gif) no-repeat top left;} #util-nav {margin: 24px 0 0 24px; float: right;} #util-nav ul {list-style: none;} #util-nav ul li {margin:0 20px 0 0; float: left; color: #033568; padding: 4px 0 4px 20px} #util-nav ul li a {color: #033568;} #util-nav ul li#phone {padding: 4px 0 4px 20px; background: url(/images/layout/phone.gif) no-repeat 0 2px;} #util-nav ul li#email, #util-nav ul li#appointment {padding: 4px 0 4px 26px; background: url(/images/fax_icon.gif) no-repeat 0 0px;} #util-nav ul li#home, #util-nav ul li#location {padding: 4px 0 4px 24px; background: url(/images/layout/globe.gif) no-repeat 0 0px;} #masthead-image {position:relative; z-index:50; clear: both; height: 226px; width: 960px; background: url(/images/layout/masthead-temp.png) no-repeat top left;} #content {margin:20px 0 0 0; padding:0 0 20px 0; background: #fff;} #col1 {width: 260px; float: left; } .home #col3 h1, #col1 h1, #col1 h3 {text-align:left; color:#fff; margin: 0 0 0 10px; height:43px; width:223px; color: #fff; padding:9px 0 0 14px; font-size: 25px; font-weight: normal; background: url(/images/layout/bg-header.jpg) no-repeat top left;} #col2 {width: 600px; float: left; } .home #col2 {width: 430px; float: left; } #col2 h1{color:#5797DD; font-size:33px;} #first-feature {margin:0 20px 0 0;} #col3 {padding:0px 0 0 20px; height: 309px; width: 240px; float: left;} .friends {margin:0 30px 0 0; display:inline;} #footer {} #footer_nav {margin:20px 0 0 0;} #children {text-align: center; color: #4896D8; width: 960px;} #children a {padding:0 6px 0 6px; color: #4896D8; font-size: 10px; text-decoration: none;} #credits {margin: 10px 0 0 0; width: 960px; color: #4896D8; text-align: center;} #credits a {color: #4896D8;} #credits #copyright {padding:0 6px 0 0; margin:0 6px 0 0;} #credits #handcrafted {} /* BASIC CLASSES */ /* ================================================== */ .clear { display:block; clear:both; height:1px; line-height:1px; font-size:1px; } .img_left, .image-left { float:left; margin:20px 12px;} .img_right, .image-right { float:right; margin:20px 12px;} .related-link {margin:20px 0 0 0; width: 200px; text-align: center;} .related-link h3{margin: 0 0 0 0px; text-decoration: none; height:43px; width:223px; display: block; color: #fff; padding:14px 0 0 14px; font-size: 16px; font-weight: normal; background: url(/images/layout/bg-header.jpg) no-repeat top left;} /* NAVIGATION RULES */ /* ================================================== */ #nav ul {margin: 38px 16px 0 0; _margin-right:8px; height: 190px; width: 220px; float: right;} #nav ul {height:190px; width: 220px; list-style: none; float; right;} #nav ul li {position:relative; margin:0 0 9px 0; *margin-bottom:5px;} #nav ul li#navitem_about-us {height:27px;; width:210px; background: url(/images/nav/about.gif) no-repeat top left;} #nav ul li#navitem_general-practice {height:27px;; width:210px; background: url(/images/nav/general.gif) no-repeat top left;} #nav ul li#navitem_neuromuscular-dentistry {height:27px;; width:210px; background: url(/images/nav/neuro.gif) no-repeat top left;} #nav ul li#navitem_cosmetic-dentistry {height:27px;; width:210px; background: url(/images/nav/cosmetic.gif) no-repeat top left;} #nav ul li#navitem_fun-stuff {height:27px;; width:210px; background: url(/images/nav/fun.gif) no-repeat top left;} #nav ul li a {height: 23px; width: 120px; display: block;} #nav ul li a {} #nav ul li a:hover {background: url(/images/nav/hover.gif) no-repeat -1px 5px;} #nav ul li a span {display: none;} #nav ul ul {display: none;} #sub-nav li.active ul li{display: block;} #sub-nav li.inactive {} #sub-nav ul li .inactive {} #sub-nav {padding-left: 10px;} #sub-nav ul {list-style: none; margin:0 0 0 10px; padding:0;} #sub-nav h3{margin: 0 0 0 0px; text-decoration: none; height:43px; width:223px; display: block; color: #fff; padding:9px 0 0 14px; font-weight: normal; background: url(/images/layout/bg-header.jpg) no-repeat top left; } #sub-nav h3 a { width:190px; color:#fff; font-size: 25px; } #sub-nav ul ul {margin:0;} #sub-nav ul li a {color: #676767; padding:4px 0 4px 8px;width: 215px; font-size: 13px; text-decoration: none; display: block; background: url(/images/layout/li-bg.gif) no-repeat bottom left;} #sub-nav ul li.current a{color: #00AF46; font-weight: bold;} #sub-nav ul li a:hover{color: #00AF46;} #blog {padding:0 0 0 30px; background: url(/images/layout/blog.gif) no-repeat top left;} #home #headlines{margin:0;} #home #sub-nav {margin:0 0 0 10px;} #home #headlines ul, #home #sub-nav ul {list-style: none; margin:0 0 0 0px; padding:0;} #home #headlines ul, #home #sub-nav ul {margin:0;} #home #headlines ul li a, #home #sub-nav ul li a {color: #676767; padding:4px 0 4px 8px; font-size: 13px; text-decoration: none; display: block; background: url(/images/layout/li-bg.gif) no-repeat bottom left;} #home #col1 #blog {padding:0 0 0 30px; background: url(/images/layout/blog.gif) no-repeat top left;} /* TAB NAVIGATION RULES */ /* ================================================== */ #col2 span.tab { } #col2 #tabs { width:100%; height:24px; margin:0 0 10px 0; padding:0; background:url(/images/tabs/bg-ul-tabs.gif) repeat-x bottom left; list-style:none; font:11px 'trebuchet MS';} #col2 #tabs li { float:left; padding:0; margin:0 7px 0 0; background:none; } #col2 #tabs li a { display:block; _display:inline-block; height:24px; color:#666; text-decoration:none; background:url(/images/tabs/tabs_left.gif) no-repeat top left; padding:0; } #col2 #tabs li a:hover, #col2 #tabs li a.active { font-weight:bold; background-position:left -24px; } #col2 #tabs li a span { display:block; _display:inline-block; height:24px; line-height:24px; padding:0px 7px; font-weight:bold; cursor:pointer; text-decoration:none; background:transparent url(/images/tabs/tabs_right.gif) no-repeat top right; } #col2 #tabs li a:hover span, #col2 #tabs li a.active span { background-position:right -24px; } /* SEARCH */ /* ================================================== */ #search form {} #search form input.text {} #search form input.button {} #searchresults dd { margin-bottom:5px; } #searchresults dl { margin-top:15px; } /* BROCHURE DOWNLOADS OVERRIDES related links */ /* ================================================== */ #brochure-downloads .related-link {width: 200px; float: left;} #brochure-downloads .related-link h3 {display: none;} /* HOMEPAGE OVERRIDES */ /* ================================================== */ .home {} #friends_bar{text-align:center;} /*TESTIMONIALS*/ .testimonial{margin-bottom:30px; background:url(/images/layout/testy_bg.gif) no-repeat top left; padding-left:80px; padding-top:83px; width:409px;} .testimonial .quote{font-size:14px; line-height:18px; background:url(/images/layout/quote.gif) no-repeat right bottom; padding-right:50px; padding-bottom:50px;} .type-1{} .type-2{background:url(/images/layout/testy_bg_alt.gif) no-repeat top left;} .testimonial .author{font-style:italic; padding-right:60px; padding-bottom:30px; padding-top:10px; font-size:15px; float:right; clear:right;} /*Mailing List*/ #mailing_list h3 {margin-top:10px;} #mailing_list div {padding:0 10px;} #mailing_list input.text {float:left;width:120px;margin-right:5px;} #mailing_list input.submit {float:left;width:66px;margin:6px 0;padding:4px 0;border:1px solid #BBBBBB;*height:28px;} .home #mailing_list {margin-left:-10px;} li.quicklink{float:left;width:100%;}