/* Play nice with the WWW, validate me! */



/* clear floats */



* {



	margin: 0;



	padding: 0;



}/* sets all elements margin and padding to 0 */







* .clear:after {



    content: ".";



    display: block;



    clear: both;



    visibility: hidden;



    line-height: 0;



    height: 0;



}







* .clear {



    display: inline-block;



}







html[xmlns] .clear {



    display: block;



}







* html .clear {/* For IE =< 6 */



    height: 1%;



}







* .image-float-left {



	float: left;



	clear: left;



	display: block;



}



* .image-float-right {



	float: right;



	clear: right;



	display: block;



	margin-left:8px;



	margin-bottom:5px;



}







img {border:none;}







/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/







* .replace { letter-spacing : -1000em; }



/* Just for Opera, but hide from MacIE */



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



/* End of hack */







.replace ul, .replace ul li {letter-spacing: 0; text-indent: 0; overflow: auto;}











html {



     /*overflow: -moz-scrollbars-vertical;*/



}







body {



	margin: 0;



	background-image: url(images/bkd4.jpg);



	background-color: #98b59f;



	background-repeat: repeat-x;



}



hr{



	color: #a4792a;



	margin-bottom: 15px;



}



p{



	margin-top: 3px;



	margin-bottom:15px;



	font-weight: normal;	



}



td, tr {



	margin-top: 3px;



	margin-bottom:15px;



	font-weight: normal;



}







/* edit.com visible styles */



BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; color: #483900; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 21px; }







.Header		{ color: #6E8878; font-size: 22px; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; line-height: 24px; text-transform: uppercase; }



.Subheader	{ color: #A4792A; font-size: 13px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; }



.Subheader2 { color: #483900; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; }







.Turquoise	{ color: #6E8878; }



.LightBrown	{ color: #A4792A; }



.DarkBrown	{ color: #483900; }



.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; }

#facebook {float: left; padding-bottom: 45px;}

.space-left {float: left; padding-left: 70px;}




table {



	border:none;



}



* .tiny {



font-size:10px;



line-height:10px;



text-align:center;



}



a:link, a:visited{



	color: #483900;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	font-weight:bold;



	text-decoration: underline;



}



a:hover{



	color: #a4792a;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	font-weight:bold;



	text-decoration: underline;



}



li{



	color: #483900;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	margin-left: 35px;



	list-style: outside;



	line-height:20px;



}



li ul li{



	margin-left: 20px;



}



ul{



	margin-bottom:15px;



}



ol{



	margin-bottom:15px;



}







ul.nostyle li {



	list-style:none;



	margin:0px 0px 0px 18px;



	padding:0px;



}







* .top{



	color: #a4792a;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 10px;



	text-align: right;



	font-weight: bold;



	text-decoration: underline;



}



.top a:link, .top a:visited{



	color: #a4792a;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 10px;



	text-align: right;



	font-weight: bold;



	text-decoration: underline;



}



.top a:hover{



color: #457691;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 10px;



	text-align: right;



	font-weight: bold;



	text-decoration: underline;



}



h1{



	color: #483900;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 18px;



	font-weight: bold;



}



h2{



	color: #a4792a;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 13px;



	font-weight: bold;



}



h3{



	color: #483900;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 11px;



	font-weight: bold;



	line-height: 15px;



}







* #footer{



	width: 790px;



	height:196px;



	color:#323232;



	overflow: hidden;



	font-size: 10px;



	background-image: url(images/footer_bkd.jpg);



	background-repeat: no-repeat;



	line-height: 16px;



}



	



* #footer .inner{margin-top:81px;



padding-left:20px;



padding-right:20px;



	}







#footer p{



	color: #448153;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	font-weight: bold;



	line-height: 16px;



}



#footer a {



color:#005395;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 11px;



	font-weight: bold;



	text-decoration: none;



}



#footer a:hover{



	text-decoration: underline;



}



* #footer-nav{margin-top:13px;



margin-bottom:13px;}



#footer-nav a {



color:#323232;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 10px;



	font-weight: normal;



	text-decoration: none;



}



#footer-nav a:hover{



	text-decoration: underline;



}



ul#nav {list-style: none;}



ul#nav a {display: block; padding: 0; width: 229px; margin: 0; padding: 0;}







ul#nav, #nav ul {



	position:absolute;



	left:0px;



	top:192px;



	padding: 0;



	margin: 0;



	list-style: none;



	z-index: 1;



}







ul#nav li {display: inline;



margin:0;}



ul#nav li:hover ul, ul#nav li.sfhover ul {



	left: auto;



	display: block;



}



ul#nav li ul {



	position: absolute;



	left: -999em;



	top:auto;



	margin-left:221px;



	z-index:10;



}







ul#nav ul li a {



	position: relative;



	top:-29px;



	background: #457691;



	padding: 1px 4px 2px;



	color: #f3eac9;



	font-weight: bold;



	text-decoration: none;



	width:155px;



}







ul#nav ul li a:hover {



background:#97b29d;}







#nav li:hover ul, #nav li.sfhover ul {



left: auto;} 











* #office, * #home, * #contact, * #braces, * #new, * #edu, * #choose, * #fun {



	overflow: hidden; 



	text-indent: -999em; /* Indents the rich-text so it does not show */



	width: 229px;



	cursor: pointer;



}



/* Set the image for each nav item */



* #office {background: url(images/office_btn.jpg); height:29px;}



* #home {background: url(images/home_btn.jpg);height:26px;}



* #contact {background: url(images/contact_btn.jpg);height:29px;}



* #new {background: url(images/new_btn.jpg);height:29px;}



* #braces {background: url(images/braces_btn.jpg);height:30px;}



* #edu{background: url(images/edu_btn.jpg);height:29px;}



* #fun {background: url(images/fun_btn.jpg);height:29px;}



* #choose{background: url(images/choose_btn.jpg);height:29px;}







/* Shift the image position up to show the active state */



#nav a:hover, #nav .active{



	background-position:-229px 0px}







/* Set the cursor to default arrow so link does not appear clickable */



* #nav .active {cursor: default}







* #header-nav{



position:absolute;



right:0px;



	top:0px;



	list-style: none;



}



*html #header-nav{



right:18px;



}



ul#header-nav a {



	display: block;



	font-size: 10px;



	font-weight:normal;



	font-family: Verdana, Arial, Helvetica, sans-serif;



}



ul#header-nav li{



	position: relative;



	list-style: none;



}







#header-nav li:hover ul, #header-nav li.sfhover ul {



left: auto;}







* #login{



	overflow: hidden; 



	text-indent: -999em; /* Indents the rich-text so it does not show */



		width: 264px;



	cursor: pointer;



}



/* Set the image for each nav item */



* #login {background: url(images/login_btn.jpg);	height: 86px;}







/* Shift the image position up to show the active state */



#header-nav a:hover, #header-nav .active{



	background-position:0px -86px



}







/* Set the cursor to default arrow so link does not appear clickable */



* #header-nav .active {cursor: default}







* #container{



	width: 790px;



	margin: auto;



	position:relative;



}



* #content {



	width: 790px;



	min-height:650px;



	_height:650px;



	background-image: url(images/content_bkd.jpg);



	background-repeat: repeat-y;



}



* #main {



	width: 530px;



	min-height:435px;



	padding-bottom:10px;



	padding-top:10px;



	margin-left: 250px;



}



*html #main{height:435px;}



* #main .inner {



margin:0px;



	padding-right: 30px;



	padding-left: 10px;



}



* #main2 {



	width: 530px;



	min-height:435px;



	padding-bottom:10px;



	padding-top:10px;



	margin-left: 260px;



}



*html #main2{height:435px;}



* #main2 .inner2 {



margin:0px;



	padding-right: 20px;



	padding-left: 10px;



}



* #header{



	width: 790px;



	height: 192px;



	background-image: url(images/header_bkd.jpg);



	background-repeat: no-repeat;



}



* #logo {



	height: 91px;



	width: 405px;}



#logo a {



	display: block;



	height: 91px;



	width: 405px;



	line-height: 0px;



	text-indent: -999em;



	background: url(images/logo.jpg) no-repeat left;}



	



* #h-office, * #h-doc, * #h-team, * #h-tour, * #h-choose, * #h-top10, * #h-ask, * #h-new, * #h-child, * #h-adults, * #h-treatments, * #h-links, * #h-appt, * #h-ortho, * #h-braces, * #h-types, * #h-invis, * #h-inovation, * #h-bond, * #h-apps, * #h-retainer, * #h-edu, * #h-life, * #h-dic, * #h-diagram, * #h-floss, * #h-expander, * #h-er, * #h-contact, * #h-location, * #h-comment, * #h-refer, * #h-fun, * #h-upcoming-events, * #h-winner, * #h-news, * #h-scrapbook, * #h-game, * #h-site, * #h-policy, * #h-painter, * #h-first,  * #h-choose-ortho, * #h-invisaling-teen, 



{width:519px;



height:26px;



	margin-bottom:11px;



	overflow: hidden;



	text-indent: -999em; /* Indents the rich-text so it does not show */



	background-repeat: no-repeat;



}	



	

* #h-invisaling-teen{background: url(images/title-invisalign-teen.gif)}

* #h-office{background: url(images/title_office.gif)}



* #h-doc{background: url(images/title_doc.gif)}



* #h-team{background: url(images/title_team.gif)}



* #h-tour{background: url(images/title_tour.gif)}



* #h-choose{background: url(images/title_choose.gif)}



* #h-top10{background: url(images/title_top10.gif)}



* #h-ask{background: url(images/title_ask.gif)}



* #h-new{background: url(images/title_new.gif)}



* #h-child{background: url(images/title_child.gif)}



* #h-adults{background: url(images/title_adults.gif)}



* #h-first{background: url(images/title_first-visit.gif)}



* #h-treatments{background: url(images/title_treatments.gif)}



* #h-links{background: url(images/title_links.gif)}



* #h-appt{background: url(images/title_appt.gif)}



* #h-ortho{background: url(images/title_ortho.gif)}



* #h-braces{background: url(images/title_braces.gif)}



* #h-types{background: url(images/title_types.gif)}



* #h-invis{background: url(images/title_invis.gif)}



* #h-inovation{background: url(images/title_inovation.gif)}



* #h-bond{background: url(images/title_bond.gif)}



* #h-apps{background: url(images/title_apps.gif)}



* #h-retainer{background: url(images/title_retainer.gif)}



* #h-edu{background: url(images/title_edu.gif)}



* #h-life{background: url(images/title_life.gif)}



* #h-dic{background: url(images/title_dic.gif)}



* #h-diagram{background: url(images/title_diagram.gif)}



* #h-floss{background: url(images/title_floss.gif)}



* #h-expander{background: url(images/title_expander.gif)}



* #h-er{background: url(images/title_er.gif)}



* #h-contact{background: url(images/title_contact.gif)}



* #h-location{background: url(images/title_location.gif)}



* #h-comment{background: url(images/title_comment.gif)}



* #h-refer{background: url(images/title_refer.gif)}



* #h-fun{background: url(images/title_fun.gif)}


* #h-upcoming-events {background: url(images/title-upcoming-events.gif)}


* #h-winner{background: url(images/title_winner.gif)}



* #h-in-the-news{background: url(images/title_news.gif)}



* #h-scrapbook{background: url(images/title_scrapbook.gif)}



* #h-game{background: url(images/title_game.gif)}



* #h-site{background: url(images/title_site.gif)}



* #h-policy{background: url(images/title_policy.gif)}



* #h-painter{background: url(images/title_painter.gif)}



* #h-choose-ortho{background:url(images/title_choosing_an_orthodontist.gif)}



* #h-ssg{background: url(images/title_super-schulman-group.gif)}







blockquote {



	padding-left: 23px;



}



* #banner{



	position:absolute;



	top: 440px;



	width:180px;



	left:25px;



}



* #banner p{



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-size: 12px;



	color: #a4792a;	



	line-height:17px;



	margin-bottom:15px;



}







* #flash{



	margin-bottom: 10px;



}







* .left {



float:left;



margin:0 10px 10px 0;}



img.right {



float:right;



margin:0 0 10px 10px;}



* .clear {



clear:both;}



h2.media-center {



background:#483900;



color:#f3eac9;



margin:0;



padding:5px;}



div.media-center {



background:#9c6e16;



color:#f3eac9;



display:inline-block;



margin-bottom:10px;



overflow:auto;



padding:10px;}



div.media-center a {



color:#FFF;}



div.media-center img {



border:1px solid #FFF;}



div#sesame-game {



background: #000;



line-height: 0;



margin: 10px auto;



text-align: center;



width: 400px}







ul#sesame-games {



list-style: none;



margin: 0;



padding: 0}







ul#sesame-games li {



clear: both;



display: block;



margin-left:0px;}







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}

/* invisalign-teen */
img.right {
border: solid 1px #000;
margin: 0 0 15px 15px;
float: right;
clear: right;}
.img-left {
border: solid 1px #000;
margin: 0 15px 20px 0;
float: left;}
span.indent {
padding-left: 40px;}
#sidebar {
background: #fff;
width: 275px;
margin: 0 0 15px 15px;
padding: 0;
border: solid 1px #000;
float: right;
clear: right;}
#sidebar a {
color: #036; font-size:10px;}
#sidebar h3 {
background: #99b39e;
margin: 0;
padding: 15px;
color: #fff;}
.thumb {
border: solid 1px #000;
margin: 0 10px 10px 0;
float: left;
clear: left;}
#sidebar p { 
padding: 0 15px;
margin: 15px 0;}
.clear {clear: both;}