/* 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;
}

/* 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;
	padding:0;
	background-image: url(../images/bkd4.jpg);
	background-color: #036122;
	background-repeat: repeat-x;
}
hr{
	color: #076324;
	margin-bottom: 14px;
	margin-top: 8px;
	clear:both;
}

blockquote {
	padding-left: 23px;
}
p{
	margin-top: 3px;
	margin-bottom:15px;
	color: #076324;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;	
}
a:link, a:visited{
	color: #076324;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration: underline;
}
a:hover{
	color: #5c0176;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration: underline;
}
li{
	color: #076324;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 35px;
	list-style: outside;
	line-height:20px;
}

ul{
	margin-bottom:15px;
}
ol{
	margin-bottom:15px;
}
* .top{
	color: #5c0176;
	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: #5c0176;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	font-weight: bold;
	text-decoration: underline;
}
.top a:hover{
	color: #076324;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	font-weight: bold;
	text-decoration: underline;
}
h1{
	color: #5c0176;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
h2{
	color: #076324;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
h3{
	color: #5c0176;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

* #footer{
	width: 790px;
	height:116px;
	overflow: hidden;
	background-image: url(../images/footer_bkd.jpg);
	background-repeat: no-repeat;
}
	
#footer .inner{margin-top:12px;
padding-left:20px;
padding-right:20px;}

h5{
	color: #5c0176;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
}
#footer a {
color:#5c0176;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
* #footer-nav{margin-top:13px;
	margin-bottom:13px;
	color:#5c0176;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.1em;
}
#footer-nav a {
color:#5c0176;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
#footer-nav a:hover{
	text-decoration: underline;
}
ul#nav-home {list-style: none;}
ul#nav-home a {display: block; padding: 0; width: 181px; margin:0;}

ul#nav-home, #nav-home ul {
	position:absolute;
	left:0px;
	top:385px;
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 1;
}

ul#nav-home li {display: inline;
margin:0;}
ul#nav-home li:hover ul, ul#nav-home li.sfhover ul {
	left: auto;
	display: block;
}
ul#nav-home li ul {
	position: absolute;
	left: -999em;
	top:auto;
	margin-left:178px;
	z-index:10;
}

ul#nav-home ul li a {
	position: relative;
	top:-25px;
	background: #410856;
	padding: 1px 4px 2px 8px;
	color: #ffffff;
	font-size:11px;
	font-weight: normal;
	text-decoration: none;
	width:155px;
}

ul#nav-home ul li a:hover {
background:#771693;}

#nav-home li:hover ul, #nav-home li.sfhover ul {
left: auto;} 


* #office, * #ortho, * #braces, * #new, * #treatments, * #care, * #fun, * #links, * #invisalign, * #mag, * #abo {
	overflow: hidden; 
	text-indent: -999em; /* Indents the rich-text so it does not show */
	width: 181px;
	cursor: pointer;
}
/* Set the image for each nav item */
* #office {background: url(../images/btn_office.jpg); height:27px;}
* #ortho {background: url(../images/btn_ortho.jpg);height:25px;}
* #braces {background: url(../images/btn_braces.jpg);height:25px;}
* #new {background: url(../images/btn_new.jpg);height:25px;}
* #community {background: url(../images/btn_community.jpg);height:25px;}
* #treatments {background: url(../images/btn_treat.jpg);height:25px;}
* #care{background: url(../images/btn_care.jpg);height:25px;}
* #fun {background: url(../images/btn_games.jpg);height:25px;}
* #links {background: url(../images/btn_abo.jpg);height:40px;}
* #invisalign {background: url(../images/btn_invisalign.jpg);height:107px;}
* #mag {background: url(../images/btn_mag.jpg);height:231px;}
* #abo {background: url(../images/btn_abo.jpg);height:40px;}

/* Shift the image position up to show the active state */
#nav-home li:hover a, #nav-home li.sfhover a, #nav-home .active{
	background-position:-181px 0px}

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

ul#nav {list-style: none;}
ul#nav a {display: block; padding: 0; width: 181px; margin:0;}

ul#nav, #nav ul {
	position:absolute;
	left:0px;
	top:170px;
	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:178px;
	z-index:10;
}

ul#nav ul li a {
	position: relative;
	top:-25px;
	background: #410856;
	padding: 1px 4px 2px 8px;
	color: #ffffff;
	font-size:11px;
	font-weight: normal;
	text-decoration: none;
	width:155px;
}

ul#nav ul li a:hover {
background:#771693;}

#nav li:hover ul, #nav li.sfhover ul {
left: auto;} 


* #office, * #ortho, * #braces, * #new, * #community, * #treatments, * #care, * #fun, * #links, * #invisalign, * #exam {
	overflow: hidden; 
	text-indent: -999em; /* Indents the rich-text so it does not show */
	width: 181px;
	cursor: pointer;
}
/* Set the image for each nav item */
* #office {background: url(../images/btn_office.jpg); height:27px;}
* #ortho {background: url(../images/btn_ortho.jpg);height:25px;}
* #braces {background: url(../images/btn_braces.jpg);height:25px;}
* #new {background: url(../images/btn_new.jpg);height:25px;}
* #community {background: url(../images/btn_community.jpg);height:25px;}
* #treatments {background: url(../images/btn_treat.jpg);height:25px;}
* #care{background: url(../images/btn_care.jpg);height:25px;}
* #fun {background: url(../images/btn_games.jpg);height:25px;}
* #links {background: url(../images/btn_abo.jpg);height:40px;}
* #invisalign {background: url(../images/btn_invisalign.jpg);height:107px;}

/* Shift the image position up to show the active state */
#nav li:hover a, #nav li.sfhover a, #nav .active{
	background-position:-181px 0px}

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


* #address{
	position:absolute;
	right:0px;
	top:0px;
	margin-right:10px;
	margin-top:46px;
	z-index:1;
}
#address p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #076324;
	line-height: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: right;
}
* .address{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5c0176;
}

* #header-nav{
	position:absolute;
	right:0px;
	top:0px;
	margin-top:5px;
	margin-right:5px;
	list-style: none;
	z-index: 10;
}
ul#navsub, #navsub ul {
	list-style:none;
	font-size: 10px;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul#header-nav a {
	display: block;
}
ul#header-nav li{
	position: relative;
	float: left; 
	list-style:none;
	margin:0px;
}

ul#header-nav li ul {
position: absolute;
top:20px;
left: -999em;
	}
ul#header-nav ul li {
	position: relative;
	float:none;
}
ul#header-nav ul li a {
	background: #410856;
	font-size: 10px;
	line-height:20px;
	padding: 1px 4px 2px 8px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	width:160px;
}

ul#header-nav ul li a:hover {
background:#771693;}

#header-nav li:hover ul, #header-nav li.sfhover ul {
left: auto;}

* #login, * #doclogin, * #contact, * #home, * #photos{
	overflow: hidden; 
	text-indent: -999em; /* Indents the rich-text so it does not show */
		height: 20px;
	cursor: pointer;
}
/* Set the image for each nav item */
* #login {background: url(../images/btn_login.jpg); width: 91px;}
* #doclogin {background: url(../images/btn_doclogin.jpg); width: 88px;}
* #contact {background: url(../images/btn_contact.jpg); width: 79px;}
* #home {background: url(../images/btn_home.jpg); width: 40px;}
* #photos {background: url(../images/btn_photos.jpg); width: 115px;}

/* Shift the image position up to show the active state */
#header-nav li:hover a, #header-nav li.sfhover a, #header-nav .active{
	background-position:0px -20px
}

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

* #container{
	width: 790px;
	margin: 0px auto;
	position:relative;
}
* #content {
	width: 790px;
	background-image: url(../images/content_bkd.jpg);
	background-repeat: repeat-y;
}
* #main-home {
	width: 790px;
	min-height:615px;
	background-image: url(../images/main_bkd.jpg);
	background-repeat: no-repeat;
	background-position: 0px 240px;
}
*html #main-home {
	height:615px;
}
#main-home .inner-home {
margin:0px;
padding-bottom:10px;
	padding-top:10px;
	padding-right: 30px;
	padding-left: 210px;
}

* #main {
	width: 790px;
	min-height:315px;
	background-image: url(../images/main_bkd.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#main .inner {
margin:0px;
padding-bottom:28px;
	padding-top:5px;
	padding-right: 30px;
	padding-left: 210px;
}

* #header{
	width: 790px;
	height: 162px;
	background-image: url(../images/header_bkd.jpg);
	background-repeat: no-repeat;
}
* #header-home{
	width: 790px;
	height: 121px;
	background-image: url(../images/header_home.jpg);
	background-repeat: no-repeat;
}
* #logo {
	height: 99px;
	width: 472px;
	padding-left:14px;
	padding-top:25px;}
*html #logo {
	height: 99px;
	width: 472px;
	padding-left:14px;
	padding-top:17px;}
#logo a {
	display: block;
	height: 99px;
	width: 472px;
	line-height: 0px;
	text-indent: -999em;
	background: url(../images/logo.png) no-repeat left;
	behavior:url(iepngfix.htc);}
	
* #h-home,* #h-photos,* #h-office,* #h-doc,* #h-team,* #h-tour,* #h-new,* #h-visit,* #h-forms,* #h-ortho,* #h-why,* #h-facial,* #h-dic,* #h-faq,* #h-links,* #h-braces,* #h-life,* #h-types,* #h-apps,* #h-expander,* #h-diagram,* #h-video,* #h-retainers,* #h-treatments,* #h-surg,* #h-orthotreat,* #h-phase,* #h-sleep,* #h-tmj,* #h-invis,* #h-care,* #h-fun,* #h-games,* #h-painter,* #h-contact,* #h-location,* #h-email,* #h-comment,* #h-refer,* #h-site,* #h-testimonials,* #h-invisalign-teen,* #h-sets,* #h-community,* #h-communityg
{width:554px;
height:36px;
	margin-bottom:13px;
	overflow: hidden;
	text-indent: -999em; /* Indents the rich-text so it does not show */
	background-repeat: no-repeat;
}	
* #h-invisalign-teen{background: url(../images/h-invisalign-teen.gif)}	
* #h-home{background: url(../images/h-home.gif)}
* #h-photos{background: url(../images/h-photo.gif)}
* #h-office{background: url(../images/h-office.gif)}
* #h-doc{background: url(../images/h-doc.gif)}
* #h-team{background: url(../images/h-team.gif)}
* #h-tour{background: url(../images/h-tour.gif)}
* #h-new{background: url(../images/h-patients.gif)}
* #h-visit{background: url(../images/h-visit.gif)}
* #h-forms{background: url(../images/h-forms.gif)}
* #h-ortho{background: url(../images/h-ortho.gif)}
* #h-why{background: url(../images/h-why.gif)}
* #h-facial{background: url(../images/h-facial.gif)}
* #h-dic{background: url(../images/h-dic.gif)}
* #h-faq{background: url(../images/h-faq.gif)}
* #h-links{background: url(../images/h-links.gif)}
* #h-braces{background: url(../images/h-braces.gif)}
* #h-life{background: url(../images/h-life.gif)}
* #h-types{background: url(../images/h-types.gif)}
* #h-apps{background: url(../images/h-apps.gif)}
* #h-expander{background: url(../images/h-expander.gif)}
* #h-diagram{background: url(../images/h-diagram.gif)}
* #h-video{background: url(../images/h-video.gif)}
* #h-retainers{background: url(../images/h-retainers.gif)}
* #h-treatments{background: url(../images/h-treat.gif)}
* #h-surg{background: url(../images/h-surg.gif)}
* #h-orthotreat{background: url(../images/h-orthotreat.gif)}
* #h-phase{background: url(../images/h-phase.gif)}
* #h-sleep{background: url(../images/h-sleep.gif)}
* #h-tmj{background: url(../images/h-tmj.gif)}
* #h-invis{background: url(../images/h-invis.gif)}
* #h-care{background: url(../images/h-care.gif)}
* #h-fun{background: url(../images/h-fun.gif)}
* #h-games{background: url(../images/h-game.gif)}
* #h-painter{background: url(../images/h-painter.gif)}
* #h-contact{background: url(../images/h-contact.gif)}
* #h-location{background: url(../images/h-location.gif)}
* #h-email{background: url(../images/h-email.gif)}
* #h-comment{background: url(../images/h-comment.gif)}
* #h-refer{background: url(../images/h-friend.gif)}
* #h-site{background: url(../images/h-site.gif)}
* #h-testimonials{background: url(../images/h-testimonials.gif)}
* #h-sets{background: url(../images/h-sets.gif)}
* #h-community{background: url(../images/h-community.gif)}
* #h-communityg{background: url(../images/h-communityg.gif)}

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}

* .image-tour {
	display:block;
	margin:0 auto 30px;
}
img {border: 0px;}


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

.Title		{ color: #5C0176; font-size: 28px; font-weight: bold; font-family: Trebuchet MS; }
.Header		{ color: #076324; font-size: 13px; font-weight: bold; font-family: Verdana; }
.Subheader	{ color: #5c0176; font-size: 12px; font-weight: bold; font-family: Verdana; }

.Green		{ color: #076324; }
.Purple		{ color: #5C0176; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }

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

IMG.FloatLeft 	{ float: left; margin: 0 10px 10px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 10px 10px; }
IMG.PurpleBorder{ border: 3px solid #5C0176; }

/**/
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;}
#sidebar h3 {
background: #97AFC2;
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;}