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

/* TEXT ---------- */
body {color: #26140c; font: normal 12px/18px Tahoma, Helvetica, sans-serif; text-align:left;}
p {padding: 0 0 12px 0; }

/* edit.com visible styles */
BODY, TD, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; color: #26140C; font-size: 12px; font-family: Tahoma, Helvetica, Arial, sans-serif; line-height: 18px; }

.Title		{ color: #26140C; font-size: 32px; font-weight: normal; font-style: italic; font-family: Times New Roman; line-height: 32px; }
.Header		{ color: #AE5F26; font-size: 12px; font-weight: bold; font-family: Tahoma, Helvetica, Arial, sans-serif; line-height: 18px; }
.Subheader	{ color: #26140C; font-size: 12px; font-weight: bold; font-family: Tahoma, Helvetica, Arial, sans-serif; line-height: 18px; }

.Brown		{ color: #AE5F26; }
.Charcoal   { color: #26140C; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; line-height: 16px; }
.LargeText	{ font-size: 24px; line-height: 24px; }

IMG.FloatLeft 	{ float: left; margin: 0 5px 5px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 5px 5px; }

TD.BottomBorder { border-bottom: 1px solid #26140C; }

/* HEADERS ---------- */
h1{padding:0 0 13px 0; background-repeat: no-repeat; height: 35px; overflow: hidden; text-indent: -999em;}
h2{color: #ae5f26; padding: 0 0 0px 0; font: bold 12px/18px Tahoma, Verdana, Arial, sans-serif;}
h3{padding: 0; font: bold 12px/18px Tahoma, Verdana, Arial, sans-serif;}
	
/* LISTS ---------- */
ol, ul {padding: 0 0 15px 20px;}
* .plain-list li{list-style-type:none;}

/* LINKS ---------- */
a {color: #ae5f26; text-decoration: underline;}
a:visited{text-decoration: underline;}
a:hover {text-decoration: none; font-weight:normal;}
* #logo a {position:absolute;	top:0; left:50%; margin: 0 0 0 -381px; width: 762px; height: 86px; display: block; 	background: url(../images/logo.gif) no-repeat 0 0; }
* #footer p a {color: #ae5f26; font: normal 11px/18px Tahoma, Verdana, Arial, sans-serif; text-decoration: none;}
* #footer p a:hover {text-decoration: underline;}
* .sesame a {color:#ae5f26; font-size: 10px; text-decoration:underline; padding: 0;}

/* NAVIGATION ---------- */
* #topnav{position: absolute; top: 1px; left: 50%; margin: 0 0 0 171px;width: 230px; z-index: 100;}
* #topnav ul {list-style: none;  padding: 0;}
* #topnav li {float: left; display:inline;}
* #topnav a {height: 34px; display: block; overflow: hidden; text-indent: -999em;}
* #contact-us {background: url(../images/contact-us.gif) 0 0; width:134px;}
* #home {background: url(../images/home.gif) 0 0; width:84px;}
* #topnav ul li:hover a, #nav a:hover, #nav .active {background-position: 0 -34px;}
* #topnav li.active a, #nav-with-sub li.active a {background-position: 0 -34px;}
* #topnav li ul {margin: 0; padding: 0; width: 155px; position: absolute; left: -999em; font-size: 12px; text-align: left; 	height: auto; background: #ae5f26 url(../images/subnav-bg.gif) no-repeat 0 -34px; }
* #topnav li ul a {color: #fbebbf; margin: 0 0 1px 1px; padding: 0px 1px 0px 10px; width: 142px; text-indent: 0; text-decoration: none; line-height: 24px; height: auto; z-index:100}
* #topnav li:hover ul, #topnav li.sfhover ul { /* lists nested under hovered list items */ left: auto; display:block; z-index: 100;}
* #topnav li:hover ul a:hover, #topnav li.sfhover ul a:hover { /* lists nested under hovered list items */ color: #26140c;  background: #dbbc79; z-index:100}
* #nav {position: absolute; top: 254px; left: 50%; margin: 0 0 0 -419px; width: 900px; z-index: 99;}
* #nav ul {list-style: none;}
* #nav li {float: left; display:inline;}
* #nav a {height: 34px; display: block; overflow: hidden; text-indent: -999em;}
* #our-office {background: url(../images/our-office.gif) 0 0; width:112px;}
* #get-started {background: url(../images/get-started.gif) 0 0; width:125px;}
* #about-orthodontics {background: url(../images/about-orthodontics.gif) 0 0; width:192px;}
* #about-braces {background: url(../images/about-braces.gif) 0 0; width:142px;}
* #treatments {background: url(../images/treatments.gif) 0 0; width:122px;}
* #fun-and-games {background: url(../images/fun-and-games.gif) 0 0; width:123px;}
* #nav ul li:hover a, #nav a:hover, #nav .active {background-position: 0 -34px;}
* #nav li.active a, #nav-with-sub 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: 0; padding: 0; width: 155px; position: absolute; left: -999em; font-size: 12px; text-align: left; 	height: auto; background: #ae5f26 url(../images/subnav-bg.gif) no-repeat 0 -34px; z-index:99;}
* #nav li ul a {color: #fbebbf; margin: 0 0 1px 1px; padding: 0px 1px 0px 10px; width: 142px; text-indent: 0; text-decoration: none; line-height: 24px; 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: #26140c;  background: #dbbc79;}

/* SUB-NAVIGATION -----------*/
* .sub_nav{padding: 0 0 23px 0;}
	
/* LAYOUT ---------- */
div.hr { background: #26140c; clear: both; height: 1px; margin: 15px 0 15px; width: 100%; }
div.hr hr { display: none; }
* .clear{clear:both;}
* #main {margin: 0 0 -15px 0;} 
* #header {height: 288px; width: 782px; display:block; margin: 0 auto 0 auto;}
* .address{position: absolute; top: 9px; font-size: 11px; padding: 102px 0 0 25px; line-height:16px; color:#cc9663; z-index:100;}
* #mid{background: url(../images/mid-bg.jpg) no-repeat 0 0; position: absolute; top: 102px; left: 50%; margin: 0 0 0 -708px; height: 288px; min-width: 1398px; _width: 1398px;}
* #text{background: url(../images/text-bg.jpg) no-repeat 0 0; margin: 101px auto 0 auto; width:652px; padding: 28px 65px 0px 65px; min-height: 230px; _height: 230px;}
* #spotlight{position:absolute; top:35px; left:50%; margin: 0 0 0 -390px; width: 762px; height: 218px;  z-index:1; padding: 0px 0 0 17px ;}
* .push{height:205px;}
* #footer {background: url(../images/footer-bg.gif) repeat-x 0 0; font-size: 11px; width:100%; min-width: 1330px; height:165px; padding: 40px 0 20px 0;}
* #footer-text{width: 715px; height: 120px; left: 50%; margin: 0 auto 0 auto; padding:100px 0 0 0; line-height: 24px; text-align: center; }
* #footer-text p{font: normal 11px/12px Tahoma, Verdana, Arial, sans-serif; padding: 0;}
* .orange p {color:#ae5f26;}
* #home-logos {position: absolute; margin: -96px 0 0 -318px; text-align:center; left: 50%; }
/*---IE6 Hack ---*/
*html #home-logos{width: 800px;}
*html #home-logos img{float: left;}

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

/*right and left floating image with border*/
* .right {float:right; border: 3px solid #26140c; margin: 0 0 15px 15px;}
* .left {float:left; border: 3px solid #26140c; margin: 0 15px 10px 0;}
* .center {align:center; border: 3px solid #26140c; margin: 0 0 0 0;}
* .place-image { float:right; border: 5px solid #3d362e; margin: 0 0 10px 10px; padding:0; width: 165px; height: 240px;}

/* 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 0 0px; text-align: center;  width: 400px;}
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 #000; margin-bottom:20px;}