body{background:#5A728E url(images/bg.gif) repeat-x;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 ........................................ */

body,form,input,textarea{color:#000;font-family:'trebuchet ms',tahoma,sans-serif;font-size:11px}
a{color:#577A9D;outline:none;text-decoration:none}
a:hover{text-decoration:underline}
blockquote{margin:10px 40px;padding:0}
div.hr{background:url(images/hr.gif) no-repeat;clear:both;height:1px;margin:0;padding:0;width:700px}
div.hr hr{display:none}
div.hr-nav{background:url(images/hr-nav.gif) no-repeat;height:1px;margin:0;padding:0;width:429px}
div.hr-nav hr{display:none}
h1{background:no-repeat;clear:left;height:25px;margin:0;overflow:hidden;text-indent:-999em}
h2{color:#013D79;font-family:'trebuchet ms',sans-serif;font-size:16px;font-style:italic;margin:10px 0}
h3{color:#5F5F5F;font-family:'trebuchet ms',sans-serif;font-size:12px;margin:10px 0}
h4{color:#737373;font-family:'trebuchet ms',sans-serif;font-size:10px;font-weight:normal;margin:0}
p{color:#000;line-height:20px;margin:15px 0}
.back-to-top a{color:#000;font-size:11px;line-height:14px;text-decoration:underline}
.back-to-top a:hover{color:#000;font-size:11px;line-height:14px;text-decoration:none}
.content dl{clear:left;color:#000;margin:10px 20px;padding:0}
.content dl dt{margin:0;padding:0}
html:not([lang*=""]) .content dl dt{width:100%}
.content ul{clear:left;color:#000;list-style:disc;margin:10px 40px;padding:0}
.content ul a{color:#577A9D}
.content ul li{margin:0;padding:0}
html:not([lang*=""]) .content ul li{width:100%}
.content ul ul{clear:left;color:#000;list-style:circle;margin:10px 30px;padding:0}
.content ul ul a{color:#577A9D}
.content ul ul li{margin:0;padding:0}
html:not([lang*=""]) .content ul ul li{width:100%}
.flash a{color:#FFF}
.flash p{background:#D61308;color:#FFF;padding:10px}
.textual-navigation .active{color:#A5AAAE;font-weight:bold}
.textual-navigation p{color:#A6AAAB;line-height:16px;margin:0}
.textual-navigation a{color:#013C76;margin:0;text-decoration:none}
.textual-navigation a:hover{color:#A5AAAE}
#footer a{color:#577A9D;font-size:11px;line-height:14px;text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer p{color:#737373;font-size:11px;line-height:18px;margin:5px 0}
#resource-list{list-style:none;margin:15px 0;padding:0}
#resource-list a{color:#577A9D}
#resource-list p{color:#000}
#resource-list li{clear:left}

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

img{border:0;display:block}
img.center{clear:both;margin:0 auto}
img.left{clear:left;float:left;margin:0 20px 20px 0}
img.right{clear:right;float:right;margin:10px 20px 10px 20px}
.flash img{float:right;padding:10px}
.map{border:1px solid #013D79;float:right;margin:10px 0 20px}
#resource-list img{border:1px solid #BCBCBF}

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

.back-to-top{clear:both;text-align:right;width:100%}
.content{margin:0;padding:0;width:700px}
#header a{background:url(images/header.gif) no-repeat;display:block;height:70px;margin:0;overflow:hidden;text-indent:-999em;width:700px}
#flash-header{height:182px;margin:0 auto;width:870px}
#flash-home{height:304px;margin:0 auto;width:870px}
#flash-home-image{clear:right;height:250px;float:right;margin:10px 20px 10px 20px;width:210px}
#flash-office-tour{margin:0 0 15px}
#flash-common-treatments,#flash-types-of-braces,#flash-types-of-braces,#flash-braces-diagram,#flash-emergency-care,#flash-brace-painter{margin:15px 0}
#footer{margin:0;padding:10px 0;text-align:center;width:700px}
#site{background:#F3EAD9;margin:0 auto;padding:0 50px;width:700px}
html>body #site-shadow{background:url(images/site-shadow.png) repeat-y center;margin:0 auto;width:870px}
#shadow{margin:0 auto;width:850px;padding-top:20px}

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

/* .......... code .......... */
#navigation-wrapper{margin:20px 0;padding:0;width:700px}
ul#navigation{height:22px;list-style:none;margin:0;padding:0;width:700px}
#navigation li{float:left}
#navigation a{display:block;height:22px;overflow:hidden;text-indent:-999em}
/* .......... images .......... */
#about-our-office{background:url(images/nav/about-our-office.gif);margin-right:11px;width:121px}
#about-orthodontics{background:url(images/nav/about-orthodontics.gif);margin-right:11px;width:145px}
#braces-101{background:url(images/nav/braces-101.gif);margin-right:11px;width:75px}
#emergency-care{background:url(images/nav/emergency-care.gif);margin-right:11px;width:113px}
#contact-us{background:url(images/nav/contact-us.gif);margin-right:11px;width:81px}
#extras{background:url(images/nav/extras.gif);margin-right:11px;width:54px}
#home{background:url(images/nav/eli-orthodontics.gif);width:43px}
/* .......... rollover effects .......... */
#navigation a:hover,#navigation .active{background-position:0 -22px}
/* .......... cursor effects .......... */
#navigation .active{cursor:default}
/* .......... subnavigation code .......... */
.textual-navigation{background:#FFF;margin:0;padding:5px 10px;width:409px}

/* ........................................ THE GAME ROOM ........................................ */

div#sesame-game {
background: #000;
line-height: 0;
margin: 20px auto;
text-align: center;
width: 400px}
ul#sesame-games {
list-style: none;
margin: 0;
padding: 0}
ul#sesame-games li {
clear: both;
display: inline-block}
ul#sesame-games img {
border: 0;
float: right;
margin: 0 0 10px 10px}
ul#sesame-games p {
padding-bottom: 1em}