body{background:#F6F6F6 url(images/bg.gif) repeat-y center;margin:0;padding:0}

/* ........................................ CLEARFIX HACK ........................................ */

* html .clearfix{height:1%}
html[xmlns] .clearfix{display:block}
.clearfix{display:inline-block}
.clearfix:after{clear:both;content:" ";display:block;height:0;line-height:0;visibility:hidden}

/* ........................................ TEXT ........................................ */

#footer a{color:#000;font-size:11px;line-height:11px;text-decoration:none}
#footer p{color:#000;font-size:11px;line-height:14px}
#patient-forms p{color:#000;line-height:16px;margin:20px}
#resource-list li{clear:both;margin:30px 0}
#resource-list p{color:#000}
.back-to-top a{background:url(images/back-to-top.gif) no-repeat right top;color:#275D85;font-size:11px;line-height:14px;margin-right:30px;padding-right:10px;text-decoration:none}
.back-to-top a:hover{color:#275D85;font-size:11px;line-height:14px;text-decoration:underline}
.content ul a,.content ul ul a,#footer .address,#patient-forms a,#resource-list a{color:#275D85}
.content ul li,.content ul ul li{line-height:16px;margin:10px 0}
.flash a{color:#FFF}
.flash p{color:#FFF;font-size:11px}
div.hr{background:#275D85;clear:both;height:1px;margin:20px auto;padding:0;width:560px}
div.hr hr{display:none}
a{color:#275D85;text-decoration:none}
a:hover,#footer a:hover{text-decoration:underline}
blockquote{margin:10px 60px;padding:0}
body,form,input,textarea{color:#000;font-family:verdana,sans-serif;font-size:11px}
h1{background:no-repeat;clear:left;height:24px;margin:20px 30px;overflow:hidden;text-indent:-999em}
h2{color:#275D85;font-family:verdana,sans-serif;font-size:12px;line-height:24px;margin:10px 30px}
h2.home{margin:20px 30px 10px}
h3{color:#275D85;font-family:verdana,sans-serif;font-size:11px;margin:10px 30px}
h4{color:#275D85;font-family:tahoma,sans-serif;font-size:10px;font-weight:normal;margin:5px 0}
p{color:#000;line-height:24px;margin:10px 30px}

/* ........................................ IMAGES ........................................ */

#header a{background:url(images/header.gif) no-repeat;display:block;height:80px;margin:0 auto;overflow:hidden;padding:0;text-indent:-999em;width:800px}
.flash img{margin:30px;padding:0}
.map{border:10px solid #275D85;margin:10px 30px 30px;padding:0}
img{border:0;display:block}
img.center{clear:both;margin:0 auto}
img.left{border:10px solid #275D85;margin:10px 30px 30px;padding:0}

/* ........................................ LAYOUT ........................................ */

#flash-home{float:left;height:302px;width:376px}
#footer{font-family:tahoma,sans-serif;margin:0 auto;padding:0 10px 10px;text-align:center;width:800px}
#header{padding:60px 0 0}
#navigation-background{background:url(images/nav-bg.gif) no-repeat;height:302px;margin:0 auto;padding:0;position:relative;width:800px}
#patient-forms{background-color:#DBEBF6;clear:right;float:right;margin:0 30px 10px 10px;padding:0;width:225px}
#resource-list{list-style:none;margin:0 30px;padding:0}
#site{background:url(images/header-bg.gif) repeat-x;margin:0;padding:0;width:100%}
.back-to-top{clear:both;margin-top:30px;text-align:right;width:100%}
.content{margin:0 auto;padding:0;width:800px}
.content ul{clear:left;color:#000;font-size:11px;list-style:disc;margin:10px 60px;padding:0}
.content ul ul{clear:left;color:#000;font-size:11px;list-style:circle;margin:10px 30px;padding:0}
table,#flash-types-of-braces,#flash-types-of-appliances,#flash-common-treatments,#flash-brushing-and-flossing,#flash-emergency-care,#flash-braces-diagram,#flash-office-tour,#flash-meet-the-team{margin:20px 30px;padding:0}

/* ........................................ NAVIGATION ........................................ */

/* .......... code .......... */
#navigation-wrapper{background:url(images/nav-wrapper-bg.gif) no-repeat;float:left;margin:0;width:177px}
ul#navigation{list-style:none;margin:26px 0 0;padding:0;width:177px}
#navigation li{float:left}
#navigation a{display:block;height:24px;overflow:hidden;text-indent:-999em;width:177px}
/* .......... images .......... */
#why-choose-us{background:url(images/nav/why-choose-us.gif)}
#meet-the-orthodontists{background:url(images/nav/meet-the-orthodontists.gif)}
#meet-the-team{background:url(images/nav/meet-the-team.gif)}
#office-tour{background:url(images/nav/office-tour.gif)}
#office-policies{background:url(images/nav/office-policies.gif)}
#about-orthodontics{background:url(images/nav/about-orthodontics.gif)}
#braces-101{background:url(images/nav/braces-101.gif)}
#emergency-care{background:url(images/nav/emergency-care.gif)}
#contact-us{background:url(images/nav/contact-us.gif)}
#home{background:url(images/nav/home.gif)}
a#patient-login{background:url(images/nav/patient-login.gif);height:36px}
/* .......... rollover effects .......... */
#navigation a:hover,#navigation .active{background-position:0 -24px}
a#patient-login:hover,a#patient-login.active{background-position:0 -36px}
/* .......... textual navigation code .......... */
#textual-navigation-wrapper{background:url(images/subnav-bg.gif) no-repeat;height:50px;margin:0 auto;padding:0;width:800px}
#textual-navigation-wrapper .textual-navigation{clear:both;margin:0;padding:6px 0;width:100%}
#textual-navigation-wrapper .textual-navigation .active{color:#1C496C;font-weight:700;text-decoration:underline}
#textual-navigation-wrapper .textual-navigation p{color:#1C496C;line-height:18px;margin:0 20px 0;text-align:right}
#textual-navigation-wrapper .textual-navigation a{font-weight:700;color:#1C496C;margin:0;text-decoration:none}
#textual-navigation-wrapper .textual-navigation a:hover{color:#1C496C;font-weight:700;text-decoration:underline}
/* .......... cursor effects .......... */
#navigation .active{cursor:default}

/* .......... DAMON SYSTEM .......... */

img.right {
float:right;
margin:0 30px 10px 10px;}
.clear {
clear:both;}
h2.media-center {
background:#000033;
color:#FFF;
margin:0 30px;
padding:5px;}
div.media-center {
background:#336699;
color:#FFF;
display:inline-block;
margin:0 30px 10px;
overflow:auto;
padding:10px;}
div.media-center a {
color:#FFF;}
div.media-center img {
border:1px solid #FFF;}