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

/* TEXT ---------- */
body {color: #000; font: normal 12px/21px Tahoma, Helvetica, sans-serif; text-align:left;}
p {padding: 0 0 20px 0; }
blockquote {margin: 20px 10%; color: #2d006b; clear: both;}
blockquote span {text-align: right; color: #a26c3e;}
blockquote p {padding: 0 0 10px 0;}
blockquote p span {font-size: 150%; font-weight: bold; color: #2d006b;}
blockquote em {color: #a26c3e;}
blockquote p em {color: #462b6b;}

/* HEADERS ---------- */
h1{padding:0 0 9px 0; background-repeat: no-repeat; height: 35px; overflow: hidden; text-indent: -999em;}
h2{color: #29006a; padding: 0 0 12px 0; font: bold 12px/18px Tahoma, Helvetica, sans-serif;}
h3{color: 29006a; padding: 0;  font: bold 12px/18px Tahoma, Helvetica, sans-serif;}
	
/* LISTS ---------- */
ol, ul {padding: 0 0 10px 20px;}

/* LINKS ---------- */
a {color: #c47b00; text-decoration: underline;}
a:visited{color: #c47b00; text-decoration: underline; }
a:hover {text-decoration: none; font-weight:normal;}
#logo a {position:absolute;	top:45px; left:50%; margin: 0 0 0 -385px; width: 374px; height: 88px; display: block; background: url(../images/logo.gif) no-repeat 0 0; z-index: 100;}
#footer a {color: #a67c52; text-decoration: none;}
#footer a:visted {color: #a67c52; text-decoration: none;}
#footer a:hover {color: #a67c52; text-decoration: underline;}
.sesame a {color: #a67c52; text-decoration: underline;}
.sesame a:visited {text-decoration: underline;}
.sesame a:hover {text-decoration: none;}

/* NAVIGATION ---------- */
* #topnav{position: absolute; top: 68px; left: 50%; margin: 0 0 0 129px; width: 256px; z-index: 100;}
#topnav ul {list-style: none;  padding: 0;}
#topnav li {float: left; display:inline;}
#topnav a {height: 17px; display: block; overflow: hidden; text-indent: -999em;}
* #home {background: url(../images/home.gif) 0 0; width:62px;}
* #contact-us {background: url(../images/contact-us.gif) 0 0; width:94px;}
* #patient-login {background: url(../images/patient-login.gif) 0 0; width:100px;}
#topnav ul li:hover a, #nav a:hover, #nav .active {background-position: 0 -17px;}
#topnav li.active a, #nav-with-sub li.active a {background-position: 0 -17px;}
#topnav li ul {margin: 0; padding: 0; width: 143px; position: absolute; left: -999em; font-size: 12px; text-align: left; 	height: auto; background: #f4e0b3 url(../images/dropdown-bg.gif) repeat-x 0 0px; border-top: 8px solid #29006a; border-right: 1px solid #dbc187; border-bottom: 1px solid #dbc187; border-left: 1px solid #dbc187; }
#topnav li ul a {color: #29006a; padding: 0px 0px 0px 10px; width: 133px; 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: #29006a;  background: #cb912e; z-index:100}

* #nav {position: absolute; top: 393px; left: 50%; margin: 0 0 0 -418px; padding: 0 0 0 23px;z-index: 100; width: 800px;}
#nav ul {list-style: none; padding: 0; margin: 0;}
#nav li {float: left; display:inline;}
#nav a {height: 54px; display: block; overflow: hidden; text-indent: -999em;}
* #our-office {background: url(../images/our-office.jpg) 0 0; width:96px;}
* #new-patients {background: url(../images/new-patients.jpg) 0 0; width:111px;}
* #about-orthodontics {background: url(../images/about-orthodontics.jpg) 0 0; width:157px;}
* #braces-101 {background: url(../images/braces-101.jpg) 0 0; width:90px;}
* #treatment {background: url(../images/treatment.jpg) 0 0; width:89px;}
* #emergency-care {background: url(../images/emergency-care.jpg) 0 0; width:129px;}
* #fun-and-games {background: url(../images/fun-and-games.jpg) 0 0; width:118px;}
#nav ul li:hover a, #nav a:hover, #nav .active {background-position: 0 -54px;}
#nav li.active a, #nav-with-sub li.active a {background-position: 0 -54px;}

/* 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: 170px; position: absolute; left: -999em; font-size: 12px; text-align: left; height: auto; background: #f4e0b3 url(../images/dropdown-bg.gif) repeat-x 0 0; border-right: 1px solid #dbc187; border-bottom: 1px solid #dbc187; border-left: 1px solid #dbc187; z-index: 100;}
#nav li ul a {color: #29006a;padding: 0px 0px 0px 10px; width: 160px; text-indent: 0; text-decoration: none; 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 */ background:#cb912e;}

/* SUB-NAVIGATION -----------*/
.sub_nav a {text-decoration: underline;}
.sub_nav a:hover, .sub_nav p.active, .sub_nav a.active {text-decoration: none;}

	
/* LAYOUT ---------- */
* .clear{clear:both;}
div.hr { background: #26140c; clear: both; height: 1px; margin: 0px 0 15px; width: 100%; }
div.hr hr { display: none; }
* #main {background: url(../images/bg-repeat.gif) repeat-y 0 0; width: 856px; margin: 0 auto; padding: 0 0 30px 0;}
* #header {width: 856px; height: 85px; display:block; background: url(../images/header-bg.jpg) no-repeat 0 0;	margin: 0 auto;}
* #address{position: absolute; top: 93px; left: 50%; margin: 0 0 0 28px; font-size: 11px; color:#754c24; z-index: 50;}
* #phone-number{ position: absolute; top: 96px; left: 50%; margin: 0 0 0 263px; z-index: 60; background: url(../images/phone-number.gif) no-repeat 0 0; width: 121px; height: 15px; display:block; text-indent:-999em; overflow:hidden;}
* #spotlight{background: url(../images/spotlight-bg.gif) no-repeat 0 0;width: 856px; height: 362px; margin: 0 auto; display: block;padding: 7px 0 15px 0;}
* #flash-home{position: absolute; top: 49px; left: 50%; margin: 0 0 0 -198px; padding: 0 0 0 2px;}
/*Safari Hack ---------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    * #flash-home { padding-left: 1px; }
}
* #section-img {padding: 5px 0 0 33px;}
/*IE7 Hack ----------*/
*+html #section-img {padding-left: 34px;}
* #interior-img{float:left; padding: 5px 0 0 50px;}
* #interior-img img{ border: 2px solid #29006a; padding: 0; width: 200px; height: auto;}
* #text{width:525px; padding: 0 50px 0 0; float: right;}
* #home-btns{float: left; margin: 0 0 0 38px; width: 211px; height: auto;}
/*IE6 Hack --------*/
*html #home-btns{margin-left: 18px;}
#consultation-btn a{background: url(../images/consultation-btn.jpg) no-repeat 0 0; width:211px; height:136px; display: block; margin-bottom: 25px}
#invisalign-btn a{background: url(../images/invisalign-btn.jpg) no-repeat 0 0; width:211px; height:104px;  display: block;}
* #bottom{clear: both; width: 786px; padding: 0px 35pxp 0px 35px; margin: 0 auto 0 auto; border-bottom: 1px solid #a67c52;}
* #footer {background: url(../images/footer-bg.jpg) no-repeat 0 0; color: #a67c52; font-size: 10px; padding: 0 35px 0 35px; margin: 0 auto; text-align: center; width:786px; height:142px; line-height: 13px;}
#footer p{padding:0 0 9px 0; line-height:13px;}

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

/*right and left floating image with border*/
* .right {float:right; border: 2px solid #29006a; margin:0 0 10px 10px;}
* .left {float:left; border: 2px solid #29006a; margin: 0 10px 10px 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.  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: 2px solid #29006a; margin-bottom:20px;}


/* edit.com */

ul, ol {
	margin-top:0px;
	margin-bottom:0px;
}

.NormalText, body, td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style:normal;
}

.FooterText {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	color: #A67C52;
	font-weight: bold;
}

.BrownText {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #A26C3E;
	font-weight: normal;
}

.PurpleText {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2d006b;
	font-weight: normal;
}

.SubjectHeader {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: bold;
}

.LargePurpleText {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #2d006b;
	font-weight: bold;
}

.PageTitle {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 24px;
	color: #2d006b;
	font-weight: bold;
	font-style: italic;
}

* td.testpad {padding-left: 50px;}