/* ----- WEB PAGE STYLES ----- */

body{background-color:#8DCEE4;background-image:url(images/bg.jpg);background-repeat:repeat-x}
p{color:#000;font-family:'trebuchet ms', trebuchet, sans-serif;margin:10px 0}
a{color:#44749D;font-weight:400;text-decoration:underline}
a:hover{text-decoration:none}
h1{color:#000;font-family:'trebuchet ms', trebuchet, sans-serif;font-size:17px;margin:10px 0}
h1.sub{color:#FFF;font-family:'trebuchet ms', trebuchet, sans-serif;font-size:17px;margin:0}
h2{color:#FFF;font-family:'trebuchet ms', trebuchet, sans-serif;font-size:15px;margin:10px 0}
h3{color:#8DCEE4;font-family:'trebuchet ms', trebuchet, sans-serif;font-size:12px;margin:10px 0}
h4{color:#000;font-family:'trebuchet ms', trebuchet, sans-serif;font-size:12px;line-height:16px;margin:5px 0}
ul{clear:left;color:#FFF;font-family:'trebuchet ms', trebuchet, sans-serif;font-size:12px;margin:10px 0 10px 40px}
ul>/**/li{width:100%}
img{border:0;display:block}
img.left{border:2px solid #096B9F;float:left;margin:0 10px 10px 0}
img.center{border:2px solid #096B9F;display:block;margin:0 auto}
img.right{border:2px solid #096B9F;float:right;margin:0 0 10px 10px}
div.hr{background-image:url(images/hr.gif);background-repeat:no-repeat;clear:both;height:1px;margin:10px auto}
div.hr hr{display:none}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */
#site{margin:0;width:100%}
#content{display:block;margin:0 auto;width:700px}
#navigation{font-size:12px;float:left;margin-right:10px;width:189px}
#header{background-image:url(images/header-bg.jpg);background-repeat:repeat-x;height:135px;margin:50px 0 30px;width:100%}
#address{background-image:url(images/address-bg.jpg);background-repeat:repeat-y;padding:10px 0 0 15px;width:174px}
#address p{color:#FFF;font-size:12px;line-height:14px;margin:0}
#text{float:right;padding:30px;width:440px}
#text a{font-size:12px;line-height:18px}
#text p{font-size:12px;line-height:20px}
#text-sub{background-color:#052E43;background-image:url(images/text-sub-bg.jpg);background-repeat:repeat-x;float:left;margin:25px 0 0 10px;padding:20px 30px;width:410px}
#text-sub a{color:#FFF;font-size:12px;line-height:18px}
#text-sub p{color:#FFF;font-size:12px;line-height:20px}
#logo-flash{font-family:sans-serif;font-size:12px;font-weight:700;margin:0 auto;padding-left:165px;width:511px}
#back-to-top{clear:both;text-align:right;width:100%}
#back-to-top a{font-family:'trebuchet ms', trebuchet, sans-serif;font-size:10px;font-weight:700;text-decoration:none}
#footer{background-image:url(images/footer-bg.jpg);background-repeat:repeat-x;height:180px;margin:20px 0 50px;padding-top:10px;text-align:center;width:100%}
#footer a,#footer p{color:#000;font-size:11px;margin:5px 0}
#footer-buttons{height:31px;margin:0 auto;width:196px}
#footer-buttons img{float:left;padding:0 5px}
#home-links{margin:15px 0 0 10px}
#home-links img{margin-bottom:10px}
table td{color:#FFF;font-family:'trebuchet ms', trebuchet, sans-serif;font-size:12px;line-height:18px;margin:10px 0}
#sidebar {background-color:#8DCEE4;float:right;margin:20px 0 20px 20px;padding:10px;width:200px}
#sidebar p, #sidebar a {color:#000;font-size:11px}

/* ----- END WEB PAGE STYLES ----- */

/* ----- VERTICAL NAVIGATION ----- */

/* VERTICAL NAVIGATION */
ul#vertical-navigation-dropdown{list-style:none;margin:0;padding:0;width:189px}
#vertical-navigation-dropdown a{display:block;height:29px;overflow:hidden;text-indent:-999em;width:189px}

/* VERTICAL NAVIGATION IMAGES */
a#patient-login{background:url(images/nav/patient-login.jpg);height:46px}
#doctor-login{background:url(images/nav/doctor-login.jpg)}
#about-our-office{background:url(images/nav/about-our-office.jpg)}
#what-sets-us-apart{background:url(images/nav/what-sets-us-apart.jpg)}
#about-orthodontics{background:url(images/nav/about-orthodontics.jpg)}
#emergency-care{background:url(images/nav/emergency-care.jpg)}
#contact-us{background:url(images/nav/contact-us.jpg)}
a#home{background:url(images/nav/home.jpg);height:48px}

/* ----- END VERTICAL NAVIGATION ----- */

/* ----- TEXT NAVIGATION ----- */

/* TEXT NAVIGATION */
#text-sub .text-navigation{clear:both;float:left;list-style:none;margin:5px 0;width:100%}
#text-sub .text-navigation .active{text-decoration:underline}
#text-sub .text-navigation p{color:#8DCEE4;margin:0}
#text-sub .text-navigation a{color:#8DCEE4;font-family:'trebuchet ms', trebuchet, sans-serif;font-size:12px;margin:0;text-decoration:none}
#text-sub .text-navigation a:hover{text-decoration:underline}

/* ----- END TEXT NAVIGATION ----- */

/* ----- ROLLOVER EFFECTS ----- */

/* ROLLOVER EFFECTS */
#vertical-navigation-dropdown a:hover,#vertical-navigation-dropdown .active{background-position:0 -29px}
#vertical-navigation-dropdown .active-home{background-position:0 -48px}
a#patient-login:hover{background-position:0 -46px}
a#home:hover{background-position:0 -48px}

/* ----- END ROLLOVER EFFECTS ----- */

/* ----- CURSOR EFFECTS ----- */

/* CURSOR EFFECTS */
#vertical-navigation-dropdown .active{cursor:default}

/* ----- END CURSOR EFFECTS ----- */

*{margin:0;padding:0}