* { margin: 0; padding: 0;} body { background-color: #8f8f94; color: #333; font-family: "Trebuchet MS", gadget, lucida, verdana, tahoma, sans-serif; font-size: 62.5%;} /* Global text ---------------------- */ h1 { font-size: 2.8em; border-bottom: 2px dotted #4f4d4d; color: #1292d7; line-height: 1.8em; margin: 0 0 .5em 0;} h2 { font-size: 1.8em; margin: 0 0 .3em 0;} h3 { font-size: 1.4em; margin: 0 0 .5em 0;} h4 { font-size: 1.2em; line-height: 1.4em; margin: 0 0 .5em 0;} h5 { font-size: 1em; font-weight: normal;} h6 { font-size: 1em;} p { font-size: 1.2em; line-height: 1.4em;} /* Links ---------------------- */ a:link { color: #4f4d4d;} a:visited { color: #4f4d4d;} a:hover { color: #1292d7; text-decoration: none;} a:active { color: #4f4d4d;} /* Container ---------------------- */ #container { background-image: url(../../images/template/contentFillShadow.gif); background-repeat: repeat-y; margin: 0 auto; width: 854px;} /* Head/logo ---------------------- */ #head { background-image: url(../../images/template/logo.gif); background-position: top; background-repeat: no-repeat; float: left; height: 160px; width: 854px;} #head h2 { font-size: 1.4em; font-weight: normal; margin: 0 15px 2px 0; position: relative; text-align: right; top: 12px;} #head h2 strong { font-size: 1.3em;} .virtualTour { background: url(../../images/navigation/virtualTour.gif) no-repeat; float: right; font-size: 0; margin: 44px 0 0 0;} .virtualTour a { display: block; height: 48px; width: 149px;} .virtualTour span { display: none;} .patientLogin { background: url(../../images/navigation/patientLogin.gif) no-repeat; float: right; font-size: 0; margin: 44px 0 0 0; } .patientLogin a { display: block; height: 48px; width: 137px; } .patientLogin span { display: none; } /* Navigation ---------------------- */ #nav li { float: left; list-style: none;} #nav li span { display: none;} #nav li a { display: block; height: 37px;} /* Navigation Top ---------------------- */ #nav { float: left; background: url(../../images/navigation/bgRollover.gif) no-repeat; height: 37px; width: 854px;} #nav li.homeNav a { background: url(http://www.pediatricdentalspecialists.net/images/navigation/home.gif) no-repeat; width:90px;} #nav li.aboutNav a { background: url(http://www.pediatricdentalspecialists.net/images/navigation/about.gif) no-repeat; width: 93px;} #nav li.pediatricNav a { background: url(http://www.pediatricdentalspecialists.net/images/navigation/pediatric.gif) no-repeat; width: 155px;} #nav li.orthodonticsNav a { background: url(http://www.pediatricdentalspecialists.net/images/navigation/orthodontics.gif) no-repeat; width: 119px;} #nav li.financialNav a { background: url(http://www.pediatricdentalspecialists.net/images/navigation/financial.gif) no-repeat; width: 90px;} #nav li.funGamesNav a { background: url(http://www.pediatricdentalspecialists.net/images/navigation/funGames.gif) no-repeat; width: 117px;} #nav li.contactNav a { background: url(http://www.pediatricdentalspecialists.net/images/navigation/contact.gif) no-repeat; width: 100px;} #nav li.linksNav a { background: url(http://www.pediatricdentalspecialists.net/images/navigation/links.gif) no-repeat; width: 90px;} #nav li.homeNav a:hover, #nav li.aboutNav a:hover, #nav li.pediatricNav a:hover,#nav li.orthodonticsNav a:hover,#nav li.financialNav a:hover,#nav li.funGamesNav a:hover,#nav li.contactNav a:hover,#nav li.linksNav a:hover { background: transparent;} /* Navigation Lower ---------------------- */ #nav li ul { background: url(../../images/navigation/dropDownBubbles.gif) bottom right no-repeat; background-color: #fff; border: 1px solid #6d6d6e; left: -999em; position: absolute; padding: 1em;} #nav li li.noimg a { background-image: none; display: inline; color: #4f4d4d; font-size: 1.4em; font-weight: bold; text-decoration: none; padding: 5px 10px;} #nav li li.noimg a:hover { background-image: none; display: inline; background-color: #c2d9f3; color: #1292d7; text-decoration: none;} #nav li:hover ul, #nav li.sfhover ul { left: auto;} #nav li:hover ul.homeNavRight, #nav li.sfhover ul.homeNavRight { margin: 0 0 0 15px;} #nav li li { float: none; margin: .2em 0 .8em 0;} /* Content ---------------------- */ #topContent { float: left; background-image: url(../../images/template/topContent.gif); background-repeat: no-repeat; font-size: 0px; height: 10px; width: 854px;} #content { background-image: url(../../images/template/contentBubbles.gif); background-position: top; background-repeat: no-repeat; float: left; min-height: 391px; margin: 0; padding: 1em 30px; width: 794px;} #content p { margin: 0 0 1em 0;} #content span.backtotop a { background: #c3d9f3; border: 1px solid #b4bac2; color: #999; font-size: .9em; left: 770px; padding: 1px 3px; position: relative; top: 15px; text-decoration: none;} #content span.backtotop a:hover { background: #ccc; color: #1292d7;} #content.vt { background: url(../../images/virtualtour/vt.jpg) top no-repeat;} *>#content { padding-top: -391px;} * html #content { /* IE5Mac filter */ height: 391px; /* end filter */ } #content a { font-weight: bold;} #content ul,ol,dl { font-size: 1.2em; margin: 0 2.5em 1em 2.5em;} #content ul ul { font-size: 1em;} #content li { margin: 0 0 .5em 0;} #content table { width: 100%;} #content table td { font-size: 1.2em; padding: 3px; width: 20%;} #content img { border: 2px solid #1292d7; float: left; margin: 0 1em 1em 0;} #content img.floatRight { float: right; margin: 0 0 1em 1em;} #content iframe { border: 2px solid #1292d7; height: 500px; width: 100%;} #content h3 span { font-size: .9em; font-weight: normal;} /* Content Form ---------------------- */ #content dl { margin: 0; font-weight: bold;} #content form { margin: 0;} #content dt { margin-top: 0.5em;} #content input, #content textarea { border: 1px solid #1292d7; font-size: 1.1em; line-height: 1.3em; font-weight: normal; background-color: #fff; color: #333; padding: .2em;} #content input:focus, #content textarea:focus { border-color: #eee; color: #666; background-color: #fff;} #content input.submit { background: #c3d9f3; border: 1px solid #b4bac2; color: #4f4d4d;} /* Footer ---------------------- */ #footer { background-image: url(../../images/template/footer.gif); background-repeat: no-repeat; clear: both; height: 58px; text-align: center; width: 854px;} #footer p { color: #999; font-size: 9px; height: 37px; padding: 21px 0 0 0;} #footer p a { color: #999;} #footer p a:hover { color: #999;} /* Speical Div ---------------------- */ .clearthis { clear: both;} /* (this is the code you will use)
*/