/* HTML, BODY ---------- */
html {height: 100%;}
body {background: url(../images/body-tile.jpg) repeat 0 0; text-align:left;}
* {margin:0; padding:0;}

/* TEXT ---------- */
p {padding: 0px 0 15px 0;}

/* edit.com visible styles */
BODY, TD, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; color: #0A565D; font-size: 13px; line-height: 24px; font-family: Georgia, Helvetica, sans-serif; }

.Title		{ color: #000; font-size: 20px; font-weight: normal; font-family: Georgia; line-height: 1.5em; }
.Header		{ color: #000; font-size: 20px; font-weight: bold; font-family: Georgia; line-height: 1.5em; }
.Subheader	{ color: #000; font-size: 15px; font-weight: bold; font-family: Georgia; line-height: 1.5em; }

.Blue		{ color: #0A565D; }
.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; }

table.fewFaces td { padding-bottom: 20px; }
table.team td { padding: 20px 0; border-bottom: 1px solid #0A565D; }
table.team td.first { padding-top: 0; }

/* HEADERS ---------- */
.home h1 {height:61px;}
h1{padding:0; 
	background-repeat: no-repeat; 
	height: 39px; /* this height reflects the height of the heading image */
	overflow: hidden; text-indent: -999em;
	} /* hides rich text so only background image shows */
h2{
	color: #000; 
	margin: 0 0 10px 0;
	}
h3{
	color: #000;
	margin: 0;
	}

/* LISTS ---------- */
ol, ul {padding:0 0 10px 0;}
ul li {margin-left: 10px;}	

/* LINKS ---------- */
a {
	color: #000; 
	text-decoration:none;
	}
a:hover {
	color: #000; 
	text-decoration: underline; 
	font-weight:normal;
	}
#logo a {
	position:absolute; 
	top:61px; 
	left:100px; 
	width: 425px; 
	height: 80px; 
	display: block; 
	background: url(../images/logo.jpg) no-repeat 0 0; 
	}

* #tagline {
	position:absolute; 
	top:643px; 
	left:116px; 
	width: 185px; 
	height: 65px; 
	background: url(../images/tagline.gif) no-repeat 0 0;
	z-index: 100;
	}
* #tagline, x:-moz-any-link { 
	position:absolute;
	left: 50%; 
	margin-left: -409px;  } /* FireFox 2 */
* #tagline, x:-moz-any-link, x:default {
	position:absolute; 
	left: 50%;
	margin-left:-409px;
	} /* FireFox 3 */
	
* #socialnetworks{
	position:absolute; 
	top:715px; 
	left:116px; 
	width: 185px; 
	height: 65px; 
	z-index: 100;
	}
* #socialnetworks, x:-moz-any-link { 
	position:absolute;
	left: 50%; 
	margin-left: -409px;  } /* FireFox 2 */
* #socialnetworks, x:-moz-any-link, x:default {
	position:absolute; 
	left: 50%;
	margin-left:-409px;
	} /* FireFox 3 */
	

/* nav ---------- */
* #nav{
	position:absolute; 
	top:271px; 
	left:106px; 
	padding:0; 
	width:199px; 
	display:block; 
	z-index: 100;
	}
#nav a {
	display: block; 
	overflow: hidden; 
	text-indent: -999px; 
	width: 199px;
	}
#nav ul{padding:0;}
* #about-our-office {background: url(../images/nav/about-our-office.jpg) 0 0; height:47px;}
* #faq {background: url(../images/nav/faq.jpg) 0 0; height:36px;}
* #about-orthodontics {background: url(../images/nav/about-orthodontics.jpg) 0 0; height:36px;}
* #treatment-options {background: url(../images/nav/treatment-options.jpg) 0 0; height:36px;}
* #about-braces {background: url(../images/nav/about-braces.jpg) 0 0; height:36px;}
* #emergency-care {background: url(../images/nav/emergency-care.jpg) 0 0; height:36px;}
* #fun-stuff {background: url(../images/nav/fun-stuff.jpg) 0 0; height:36px;}
* #contact-us {background: url(../images/nav/contact-us.jpg) 0 0; height:36px;}
* #home {background: url(../images/nav/home.jpg) 0 0; height:49px;}
#nav ul li:hover a, #nav li.sfhover a,#nav a:hover, #nav .active {background-position: -199px 0}
#nav li.active a, #nav li.active a {background-position: -199px 0;}

* #util {
	width: 199px;
	height: 36px;
	position: absolute;
	top: 0;
	right: 125px;
}
#util ul {
	list-style: none;
	width: 199px;
	height: 36px;
}
#util li {display: inline;}
#util li a {
	display: block;
	width: 199px;
	height: 36px;
	float: left;
	overflow: hidden;
	text-indent: -999em;
	background: url(../images/patient-login.jpg) 0 0 no-repeat;
}
/* DROP-DOWN-NAVIGATION ----------------*/
#nav li {
	display: inline; 
	z-index:100; 
	margin:0; 
	padding:0;
	}
#nav li ul { /* second-level lists */
	margin: -36px 0 0 199px;
	padding:0;
	width: 160px;
	position: absolute;
	background: #45382f; 
	left: -999em;
	line-height: 25px;
	font-size: 12px;
	height: auto; }
#nav li ul a {
	list-style-image:none; 
	padding: 0 0 0 10px;
	width: 150px;
	color: #FFF;
	text-indent: 10px;
	text-decoration: none; 
	height: auto;
	}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;display:block;z-index:100;
	}
#nav li:hover ul a:hover, #nav li.sfhover ul a:hover {
	color: #FFF;
	text-decoration:underline;
	background: #45382f;
	}

/* SUBNAV ----------------*/
.sub_nav a{
	color: #56422a; 
	text-decoration: underline;
	}
.sub_nav a:visited {
	text-decoration: underline;
	}
.sub_nav a:hover, .sub_nav a.active {
	font-weight:normal; 
	text-decoration:none;
	}

/* LAYOUT ---------- */
* .clear{
	clear:both;
	}
* .hide {
	display:none;
	}
.flash-replaced .alt {
	display: none;
	}
div.hr { 
	background: #0a565d; 
	clear: both; 
	height: 1px; 
	margin: 20px 0; 
	width: 100%; 
	}
div.hr hr { 
	display: none; 
	}
* #content {
	width: 1050px; 
	margin: 0 auto;
	background: url(../images/content-bg.gif) repeat-y bottom right;
}	
* #main {
	position: relative;
	width: 1050px; 
	margin: 0 auto;
	padding: 200px 0 0 0;
	background: url(../images/index-build.jpg) no-repeat 0 0;
	}	
* #office-address{
	position:absolute; 
	top: 89px; 
	left: 515px; 
	font-size: 11px;
	padding: 0 0 0 21px; 
	line-height:16px; 
	color:#FFF; 
	z-index:100;
	}
* #text{
	padding: 117px 40px 0px 328px;
	width: 575px;
	min-height: 460px;
	_height: 540px;
}

* #flash-home{
	position:absolute;
	top:104px;
	left:531px;
	width:366px;
	height:206px;
	background: url(../images/frame.jpg) no-repeat 0 0;
	border:none;
	z-index:90;
	}
* .new-faces-box {
	float:left;
	width:125px; 
	margin:0 50px 20px 0;
	}
.new-faces-box img {
	border:1px solid #000; 
	margin-bottom:5px;
	}
.new-faces-box p {
	width:125px; 
	text-align:center;
	}
* .new-smiles-names {
	float:left; 
	width:150px; 
	padding: 0 40px 0 0;
	}
.new-smiles-names li {
	list-style:none;
	}
* #footer {
	background: url(../images/footer-tile.jpg) repeat-x 0 0;
	color: #fff; 
	font-size: 11px; 
	line-height:14px;
	padding: 43px 0 0 0; 
	text-align: center; 
	width:100%; 
	height:142px;
	z-index:99;
	}
* #footer-inner {
	width: 800px;
	margin: 0 auto; 
	text-align:left;
	}
#footer-inner a {
	color:#FFF;
	} 
#footer a:hover {
	text-decoration:underline;
	}

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

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

/*right and left floating image with border*/
* .right {
	float:right; 
	border: 1px solid #000; 
	margin-left:10px;
	margin-bottom:10px;
	}
* .left {
	float:left; 
	border: 1px solid #000; 
	margin-right:10px;
	margin-bottom:10px;
	}
	
* .centered {text-align: center;}	

/* SURESMILE ----------*/
p.small {
font-size: 10px;}
img.photo {
border: solid 1px #000;
float: right;
margin: 0 0 15px 15px;}
div.learn-more {
background-color: #fff;
color: #036;
width: 50%;
border: solid 1px #fff;
padding: 0;
margin: 15px 18px 15px 15px;
float: right;}
div.learn-more a {color: #036;}
.learn-more h3 {
background-color: #97AFC2;
color: #fff;
margin: 0 0 10px 0;
padding: 10px;}
.learn-more p {
padding: 0;
margin: 0 0 10px 0;}
* .clear {clear: both;}
* #flash-suresmile-pt-testimonial {
margin: 15px auto;
width: 320px;
height: 206px;
border: solid 1px #ccc;}

/* 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 #3c362e; margin-bottom:20px;}
	
/* MEDIA CENTER ---------- */
h2.media-center {background:#000033; color:#FFF; margin:0; padding:5px;}
div.media-center {background:#336699; color:#FFF; margin-bottom:10px; padding:10px;}
div.media-center a {color:#FFF;}
div.media-center img {border:1px solid #FFF;}
* .flash {border: solid 1px #ccc;}
* #flash-in-ovation {width: 320px;height: 266px;}