/* HTML, BODY ---------- */
html {height: 100%;}
body {background: #eeeedd url(../images/tile.gif) repeat-x 0 0; margin: 0;}
* {margin:0; padding:0;}

/* TEXT ---------- */
body {color: #443322; font: normal 12px/20px Arial, Helvetica, sans-serif; text-align:left;}
p {padding: 0 0 10px 0; }

/* HEADERS ---------- */
h1{padding:0 0 18px 0; background-repeat: no-repeat; height: 20px; overflow: hidden; text-indent: -999em; background-position: top left;}
h2{color: #106cb6; padding: 0 0 15px 0; font-size: 16px;}
h3{color: #cb5427;padding: 0; font-size: 14px; font-weight: bold;}
#section-titles{display: block; width: 518px; height: 66px; position: absolute; top: 171px; left: 9px; background-repeat: no-repeat;}
.brown{color: #443322; font-size: 12px;}
	
/* LISTS ---------- */
ol, ul {padding: 0 0 20px 20px;}

/* LINKS ---------- */
a {color: #cb5427; text-decoration: underline; font-style: italic;}
a:visited{color: #cb5427; text-decoration: underline; font-style: italic;}
a:hover {color: #cb5427; text-decoration: none; font-style:italic;}
#logo-text a {position:absolute; top:0; left:170px; width: 454px; height: 112px; display: block; background: url(../images/logo-text.gif) no-repeat 0 0;}
#consultation-callout a{display: block; width: 268px; height: 101px; background: #fff url(../images/consultation-callout.gif) no-repeat top left; padding-bottom: 5px;}
/*IE6/7 HACK*/
*+html #consultation-callout a{padding: 0;}

#testimonials-callout a{display: block; width: 268px; height: 101px; background: #fff url(../images/testimonials-callout.gif) no-repeat top left; padding-bottom: 5px;}
/*IE6/7 HACK*/
*+html #testimonials-callout a{padding: 0;}

#invisalign-callout a{display: block; width: 268px; height: 109px; background: #fff url(../images/invisalign-callout.gif) no-repeat top left; padding-bottom: 5px;}
/*IE6/7 HACK*/
*+html #invisalign-callout a{padding-bottom: 0;}

#damon-system-callout a{display: block; width: 268px; height: 69px; background: #fff url(../images/damon-system-callout.gif) no-repeat top left; padding-bottom: 5px;}
/*IE6/7 HACK*/
*+html #damon-system-callout a{padding: 0;}

#games-contests-callout a{display: block; width: 268px; height: 116px; background: #fff url(../images/games-contests-callout.gif) no-repeat top left; padding-bottom: 5px;}
/*IE6/7 HACK*/
*+html #games-contests-callout a{padding: 0;}

#resources-callout a{display: block; width: 268px; height: 50px; background: #fff url(../images/resources-btn.gif) no-repeat top left; padding-bottom: 5px;}
/*IE6/7 HACK*/
*+html #resources-callout a{padding: 0;}

#photos-callout a{display: block; width: 268px; height: 50px; background: #fff url(../images/photos-btn.gif) no-repeat top left; padding-bottom: 5px;}
/*IE6/7 HACK*/
*+html #photos-callout a{padding: 0;}

#footer p a	{color: #77774b; font-style:normal;}	
.text_nav a {font-style: none; text-decoration:none;}
.text_nav a:visited {font-style: none; text-decoration:none;}
.text_nav a:hover {font-style: none; text-decoration:underline;}

/* NAVIGATION ---------- */
#nav {z-index: 100; position: absolute; top:141px; left:9px;}
#nav ul {list-style: none; padding: 0;}
#nav li {float: left; display:inline;}
#nav a {height: 34px; display: block; overflow: hidden; text-indent: -999em;}
#our-office {background: url(../images/nav/office.gif) 0 0; width:99px;}
#about-ortho {background: url(../images/nav/ortho.gif) 0 0; width:111px;}
#faq {background: url(../images/nav/faq.gif) 0 0; width:54px;}
#about-braces {background: url(../images/nav/braces.gif) 0 0; width:115px;}
#treatments {background: url(../images/nav/treatments.gif) 0 0; width:100px;}
#emergency-care {background: url(../images/nav/care.gif) 0 0; width:140px;}
#contact-us {background: url(../images/nav/contact.gif) 0 0; width:104px;}
#home {background: url(../images/nav/home.gif) 0 0; width:68px;}
#nav ul li:hover a, #nav li.sfhover a,#nav a:hover, #nav .active {background-position: 0 -34px;}
#nav li.active a {background-position: 0 -34px;}
/*---IE 6 HACK ---*/
*html #nav ul li:hover a, *html #nav li.sfhover a,*html #nav a:hover, *html #nav .active {background-position: 0 -34px;}
*html #nav li.active a {background-position: 0 -34px;}

/* Set cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}

/* DROP DOWNS -----------*/
#nav li ul {margin: -1px 0 0 0px; padding: 0; width: 155px; position: absolute; left: -999em; font-size: 12px; text-align: left; height: auto; background: #eeeedd; border: 1px solid #cb5427; z-index: 100;}
#nav li ul a {padding: 0px 0px 0px 10px; width: 145px; color: #443322; text-indent: 0; text-decoration: none; font-style:normal; line-height: 28px; height: auto;}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto; display:block; z-index: 100;}
#nav li:hover ul a:hover, #nav li.sfhover ul a:hover { /* lists nested under hovered list items */ color: #eeeedd; background: #cb5427;}

/* Utility Naviagation -----------*/
#util {z-index: 100; position: absolute; top:0px; left:449px;}
#util ul {list-style: none; padding: 0;}
#util li {float: left; display:inline;}
#util a {height: 44px; display: block; overflow: hidden; text-indent: -999em;}
#patient-login {background: url(../images/patient-login.gif) 0 0; width: 178px;}
#doctor-login {background: url(../images/doctor-login.gif) 0 0; width: 178px;}
#util ul li:hover a, #nav li.sfhover a,#nav a:hover, #nav .active {background-position: 0 -44px;}
#util li.active a {background-position: 0 -44px;}

/* SUB-NAVIGATION -----------*/
.sub_nav {background: url(../images/more-in-this-section.gif) no-repeat 0 0; width: 250px; text-align: right; padding: 50px 18px 0 0; font-size: 12px; line-height:20px;}
.sub_nav a{text-decoration: underline; font-style: normal;}
.sub_nav a:visited {text-decoration: underline; font-style: normal;}
.sub_nav a:hover, .sub_nav a.active {font-weight:normal; text-decoration:none; font-style: normal;}
	
/* LAYOUT ---------- */
.clear{clear:both;}
.hide {display:none;}
.flash-replaced .alt {display: none;}
div.hr { background: #443322; clear: both; height: 1px; margin: 20px 0; width: 100%; }
div.hr hr { display: none; }
#main {position: relative; background: url(../images/main-tile.gif) repeat-y 0 0; width: 809px; margin: 0 auto;}
#top-bg{background: url(../images/top-bg.gif) no-repeat 0 0; width: 809px;}
#flash-tooth{position: absolute; top: 5px; left: 25px;}
#flash-welcome{position: absolute; top: 300px; left: 139px; width: 400px; height: 100px; z-index:50;}
#office-addresses a{background: url(../images/office-addresses.gif) no-repeat 0 0; position: absolute; top: 54px; left: 635px; display: block; width: 169px; height: 74px;}
#home-office-photo{width: 518px; height: 238px; display: block; z-index: 1; position: absolute; top: 170px; left: 9px; background: url(../images/home-office-photo.jpg) no-repeat 0 0;}

#text{width:485px; padding: 260px 0 20px 26px; min-height:445px ; _height:445px;}
.home #text {min-height: 3605px; _height: 1105px;}
#right-column{position: absolute; top:170px; left:532px; width: 268px;}
#spotlight{border:none; z-index:1; width: 268px; height: 238px; background: #fff; padding-bottom: 5px;}
#footer {background: url(../images/footer-bg.gif) no-repeat top center; color: #77774b; font-size: 10px; line-height:12px; padding: 50px 5px 25px 5px; text-align: center; width:799px; margin: 0 auto;}
#footer p{padding-bottom: 0;}
p.flash_notice {
	margin: 18px;
	padding: 9px;
	color: #ff0000;
	border: 1px dotted #ff0000;
	background: #ffffff;
	text-align: center;
	}

/* IMAGES ---------- */
img {border:none;}

/*right and left floating image with border*/
.right {float:right; border: 1px solid #106cb6; margin-left:10px; margin-bottom:10px;}
.left {float:left;  border: 1px solid #106cb6; margin-right:10px; margin-bottom:10px;}
.bio-logos{clear:both; float: left; padding-bottom: 20px;}

/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/
.replace {letter-spacing : -1000em;line-height: 0;overflow: hidden;line-height: 0;text-indent: -999em;}
/* Just for Opera, but hide from MacIE */

/*\*/html>body .replace {	letter-spacing : normal;text-indent : -999em;overflow : hidden;}
/* End of hack */

/* RESOURCES ---------- */
dl.logos, dl.logos dt, dl.logos dd {list-style:none;margin:0;padding:0;}
dl.logos {margin-bottom: 10px;padding:10px;}
dl.logos dd {border-bottom:1px solid #CCC;margin:0;padding:10px 0 5px 0;width:50%;}
dl.logos span {font-size: 16px; font-weight:bold;}

/* THE GAME ROOM ---------- */
div#sesame-game {line-height: 0; margin: 10px 0px 18px 0px; text-align: center;  width: 400px;background: #000;}
ul#sesame-games {list-style: none;}
ul#sesame-games li {clear: both; text-indent:none;}
ul#sesame-games img {border: 0; float:right;}
ul#sesame-games a.button {float:right; height:85px; width:200px; margin-right:10px; padding: 0 0 10px 10px;}/*THIS IS WHERE YOU MAKE PADDING ADJUSTMENTS TO THE GAMES IMG*/
ul#sesame-games p {	padding:0 10px 10px 0;}

/* LOCATION ---------- */
iframe {border: 1px solid #106cb6;}

/* MEET THE TEAM ---------- */
.meet-the-team h2 {clear: both; margin-top: 1em; border-top: 1px solid #ddd; padding-top: 2em;}

/* photos */
.photos-appreciate {list-style:none; padding:0; margin:0 }
.photos-appreciate li {float:left; padding:5px;}