body{background:#0F3A13 url(images/bg.jpg) repeat-x top left;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',sans-serif;font-size:12px}
a{color:#000;text-decoration:underline}
a:hover{text-decoration:none}
h1{background:no-repeat;clear:left;height:34px;margin:25px 15px;overflow:hidden;text-indent:-999em}
h1#title-home{height:61px;margin:0 15px}
h2{color:#000;font-family:'trebuchet ms',sans-serif;font-size:14px;margin:10px 54px}
h3{color:#000;font-family:'trebuchet ms',sans-serif;font-size:12px;margin:10px 54px}
h4{color:#FFF;font-family:'trebuchet ms',sans-serif;font-size:12px;line-height:14px;margin:5px 0}
p{color:#000;line-height:20px;margin:10px 54px}
.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 ul{clear:left;color:#000;line-height:16px;list-style:disc;margin:10px 75px;padding:0}
.content ul a{color:#000}
.content ul li{margin:5px 0;padding:0}
html:not([lang*=""]) .content ul li{width:100%}
.content ul ul{clear:left;color:#000;line-height:16px;list-style:circle;margin:10px 30px;padding:0}
.content ul ul a{color:#000}
.content ul ul li{margin:5px 0;padding:0}
html:not([lang*=""]) .content ul ul li{width:100%}
.flash a{color:#FFF}
.flash p{background:#D61308;color:#FFF;padding:10px}
#address p{color:#FFF;font-size:11px;line-height:14px;margin:10px 0}
#footer a{color:#BE9D2F;font-size:11px;line-height:14px;text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer,#footer-splash p{color:#FFF;font-size:11px;line-height:14px}
#resource-list{list-style:none;margin:10px 54px;padding:0}
#resource-list img{border:2px solid #4A0B51}
#resource-list li{clear:both;margin:20px 0}

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

div.hr{background:#4A0B51;clear:both;height:2px;margin:25px auto;padding:0;width:438px}
div.hr hr{display:none}
img{border:0;display:block}
img.center{clear:both;margin:0 auto}
img.left{clear:left;float:left;margin:0 10px 10px 54px}
img.right{clear:right;float:right;margin:0 60px 10px 10px}
.flash img{float:right;padding:10px}
.map{border:2px solid #4A0B51;float:right;margin:0 54px 20px 0}

/* .......... LAYOUT .......... top:-680px; left:560px;} */

.back-to-top{clear:both;text-align:right;width:100%}
.content{background:url(images/content-bg.jpg) repeat-y center;display:inline;float:right;margin:0;padding:0;width:548px; padding-bottom: 25px;}
#address{display:inline-block;margin:10px 0 10px 15px}
#header{background:url(images/header.jpg) no-repeat;display:block;height:188px;margin:0;width:755px}
#header-top{background:url(images/header-top.jpg) no-repeat;display:block;height:50px;margin:0;width:755px}
#home-links{height:284px;margin:0;padding:0;width:192px; position:absolute; top:230px; left:780px;}
#social-icons img {display:inline;}
#spacer{height:185px;margin:0;padding:0;width:192px; }
#flash-birds{height:50px;margin:0 0 0 222px;width:278px; z-index:-1}
#flash-cheetah{position: absolute; left: 440px; margin-top: -215px; width:253px}
#flash-common-treatments,#flash-brushing-and-flossing,#flash-types-of-braces,#flash-types-of-appliances,#flash-emergency-care{height:264px;margin:10px 54px 0 54px;width:440px}
#flash-header-home{height:188px;margin:0 0 0 207px;width:548px}
#flash-header-sub{height:188px;margin:0 0 0 207px;width:548px}
#flash-home{height:296px;margin:0 auto;width:518px}
#flash-parakeet{height:246px;margin:0;position:absolute;width:800px; z-index:-1}
#flash-splash{height:725px;margin:0;width:725px}
#footer{background:url(images/footer-bg.jpg) no-repeat top right;padding:120px 0 0;text-align:center;width:755px}
#footer-splash{background:#031C06;padding:10px;text-align:center;width:780px}
#footer-wrapper{background:#031D06 url(images/footer-wrapper-bg.jpg) repeat-x top left;height:244px;margin:0;width:100%}
#site{margin:0;width:755px}

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

/* ..... code ..... */
#navigation-wrapper{display:inline;float:left;margin:0 15px 0 25px;width:167px}
ul#navigation{list-style:none;margin:0;padding:0;width:167px}
#navigation li{float:left;margin-bottom:2px}
#navigation a{display:block;height:28px;overflow:hidden;text-indent:-999em;width:167px}
/* ..... images ..... */
#about-our-office{background:url(images/nav/about-our-office.jpg)}
#meet-our-team{background:url(images/nav/meet-our-team.jpg)}
#about-orthodontics{background:url(images/nav/about-orthodontics.jpg)}
#about-braces{background:url(images/nav/about-braces.jpg)}
#emergency-care{background:url(images/nav/emergency-care.jpg)}
#office-fun{background:url(images/nav/office-fun.jpg)}
#patient-news{background:url(images/nav/patient-news.jpg)}
#giving-back{background:url(images/nav/giving-back.jpg)}
#contact-us{background:url(images/nav/contact-us.jpg)}
#home{background:url(images/nav/home.jpg)}
/* ..... subnavigation code ..... */
#navigation li ul{background:#FFF;border-top:3px solid #5F2F00;border-bottom:3px solid #5F2F00;left:-9999px;list-style:none;margin:0;padding:0;position:absolute;z-index:1}
#navigation li:hover ul,#navigation li.sfhover ul{left:auto;margin:-26px 0 0 167px}
#navigation ul li{float:none;margin:0}
#navigation ul li a{display:block;height:20px;line-height:20px;overflow:hidden;text-indent:-999em;width:165px}
/* ..... subnavigation images ..... */
#office-tour{background:url(images/nav/office-tour.jpg)}
#office-policies{background:url(images/nav/office-policies.jpg)}
#online-form{background:url(images/nav/online-form.gif)}
#meet-the-orthodontist{background:url(images/nav/meet-the-orthodontist.jpg)}
#meet-the-team{background:url(images/nav/meet-the-team.jpg)}
#for-children{background:url(images/nav/for-children.jpg)}
#two-phase-treatment{background:url(images/nav/two-phase-treatment.jpg)}
#for-adults{background:url(images/nav/for-adults.jpg)}
#orthodontic-treatments{background:url(images/nav/orthodontic-treatments.jpg)}
#ortho-dictionary{background:url(images/nav/ortho-dictionary.jpg)}
#faq{background:url(images/nav/faq.jpg)}
#resources{background:url(images/nav/resources.jpg)}
#life-with-braces{background:url(images/nav/life-with-braces.jpg)}
#types-of-braces{background:url(images/nav/types-of-braces.jpg)}
#types-of-appliances{background:url(images/nav/types-of-appliances.jpg)}
#invisalign{background:url(images/nav/invisalign.jpg)}
#damon-system{background:url(images/nav/damon-system.jpg)}
#suresmile{background:url(images/nav/suresmile.jpg)}
#oral-care-video{background:url(images/nav/oral-care-video.jpg)}
#retainers{background:url(images/nav/retainers.jpg)}
#childers-smile-builders{background:url(images/nav/childers-smile-builders.jpg)}
#games{background:url(images/nav/games.jpg)}
#location{background:url(images/nav/location.jpg)}
#comment-form{background:url(images/nav/comment-form.jpg)}
/* ..... rollover effects ..... */
#navigation a:hover,#navigation .active{background-position:0 -28px}
#navigation li:hover #about-our-office,#navigation li.sfhover #about-our-office,
#navigation li:hover #meet-our-team,#navigation li.sfhover #meet-our-team,
#navigation li:hover #about-orthodontics,#navigation li.sfhover #about-orthodontics,
#navigation li:hover #about-braces,#navigation li.sfhover #about-braces,
#navigation li:hover #office-fun,#navigation li.sfhover #office-fun,
#navigation li:hover #contact-us,#navigation li.sfhover #contact-us{background-position:0 -28px}
/* ..... subnavigation rollover effects ..... */
#navigation ul a:hover,#navigation ul .active{background-position:0 -18px}
/* ..... cursor effects ..... */
#navigation .active{cursor:default}
/* ..... horizontal navigation code ..... */
#horizontal-navigation-wrapper{float:right;margin:18px 0 0 0;padding:0;width:242px}
ul#horizontal-navigation{height:32px;list-style:none;margin:0;padding:0;width:242px}
#horizontal-navigation li{float:left}
#horizontal-navigation a{display:block;height:32px;overflow:hidden;text-indent:-999em}
/* ..... horizontal navigation images ..... */
#doctor-login{background:url(images/nav/doctor-login.jpg);width:121px}
#patient-login{background:url(images/nav/patient-login.jpg);width:121px}
/* ..... horizontal navigation rollover effects ..... */
#horizontal-navigation a:hover{background-position:0 -32px}

/* .......... GAMES .......... */

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

/* suresmile */
p.small {
font-size: 10px;}
img.photo {
border: solid 1px #000;
float: right;
margin: 0 0 15px 15px;}
div.learn-more {
background-color: #fff;
color: #036;
width: 50%;
border: solid 1px #fff;
padding: 0;
margin: 15px 18px 15px 15px;
float: right;}
div.learn-more a {color: #036;}
.learn-more h3 {
background-color: #97AFC2;
color: #fff;
margin: 0 0 10px 0;
padding: 10px;}
.learn-more p {
padding: 0;
margin: 0 0 10px 0;}
.clear {clear: both;}
#flash-suresmile-pt-testimonial {
margin: 15px auto;
width: 320px;
height: 206px;
border: solid 1px #ccc; z-index:500}