/* HTML, BODY ---------- */
html {height: 100%; margin-bottom: 1px}
body {background: #78a393; margin: 0}

/* TEXT ---------- */
body {color: #1a3333; font: 12px/20px Arial, Helvetica, sans-serif; text-align:left;}
p {margin: 0px 0 15px 0}

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

.Header		{ color: #1A3333; font-size: 24px; font-weight: bold; font-family: Times New Roman; font-style: italic; }
.Subheader	{ color: #1A3333; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

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


/* HEADERS ---------- */
h1 {margin:0;}
h2{margin:10px 0 5px 0px; background-repeat: no-repeat; height: 44px; /* this height reflects the height of the heading image */
overflow: hidden; text-indent: -999em;} /* hides rich text so only background image shows */
h3 {color: #1a3333; font: bold 14px/20px Arial, Helvetica, sans-serif; margin:0 0 10px 0;}
h4 {color: #1a3333; font: bold 14px/20px Arial, Helvetica, sans-serif; margin: 0;}
* .larger-text{font: bold 16px/20px Arial, Helvetica, sans-serif;}
h5 {color: #1a3333; font: bold 11px/14px Arial, Helvetica, sans-serif; margin: 20px 0 0 0;	}

/* LISTS ---------- */
ol, ul {margin-bottom: 10px; margin-top: 0}
ul#nav {background: url(images/nav-bg.jpg) no-repeat; list-style: none; margin: 0 0 0 0px; padding: 18px 0 0px 0px; width:222; height:348px; float:left;}

/* LINKS ---------- */
a {color: #4e3227; text-decoration: underline}
a:hover {color: #78a393; text-decoration: none; font-weight:normal;}
#logo a {position:absolute; top:0; left:0; margin: 26px 0px 0px 81px; width: 358px; height: 98px; display: block; background: url(images/logo.gif) no-repeat; }
#footer a {color: #1a3333;}
* .sesame {margin-top:13px;}

/* nav ---------- */
#nav a {display: block; height: 37px; overflow: hidden; text-indent: -999px; width: 221px;}
* #our-office {background: url(images/our-office.jpg) 0 0; width:221px;}
* #about-ortho {background: url(images/about-ortho.jpg) 0 0; width:221px;}
* #braces-101 {background: url(images/braces-101.jpg) 0 0; width:221px;}
* #treatment-options {background: url(images/treatment-options.jpg) 0 0; width:221px;}
* #emergency-care {background: url(images/emergency-care.jpg) 0 0; width:221px;}
* #fun-and-games {background: url(images/fun-and-games.jpg) 0 0; width:221px;}
* #location {background: url(images/location.jpg) 0 0; width:221px;}
* #patient-login {background: url(images/patient-login.jpg) 0 0; width: 221px;}
* #doctor-login {background: url(images/doctor-login.jpg) 0 0; width: 221px;}
* #home {background: url(images/home.jpg) 0 0; width:221px;}
#nav a:hover, #nav .active, 
#nav li:hover #our-office, #nav li.sfhover #our-office, 
#nav li:hover #about-ortho, #nav li.sfhover #about-ortho, 
#nav li:hover #braces-101, #nav li.sfhover #braces-101, 
#nav li:hover #ortho-tech, #nav li.sfhover #ortho-tech, 
#nav li:hover #contact, #nav li.sfhover #contact {background-position: -221px 0}

/* SUB-NAVIGATION ----------------*/
#nav li {
display: inline; z-index:100; margin:0; padding:0;
}
#nav li ul { /* second-level lists */
margin: -37px 0 0 221px;padding: 3px 0 3px 1px ;width: 160px;position: absolute;background: #cbdad5; left: -999em;line-height: 28px;font-size: 12px;
height: auto; }
#nav li ul a {list-style-image:none; padding: 0 0 0 10px;width: 150px;color: #527a6d;text-indent: 10px;text-decoration: none;line-height: 24px;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: #1a3333;background: #fff;}

/* IMAGES ---------- */
/*.flash img {float: left; margin-right: 10px}*/

/* LAYOUT ---------- */
* .clear{clear:both;}
* .top {background: #78a393}
* .right {float:right; border: 1px solid #5abea4; margin-right:10px;}
* #container {background: #78a393 url(images/bg.jpg) no-repeat; margin: 0 auto 0 auto; position: relative; width: 950px; text-align:left; z-index:1;}
* #container:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}
* #header {height: 151px; display:block;}
* #children {position:absolute; top:0; left:0; margin: 20px 0px 0px 456px; width: 411px; height: 144px; display: block; background: url(images/children.jpg) no-repeat; }
* #mid {width:790px; margin-left:78px; background: #fff url(images/white.jpg) no-repeat; padding-left:4px;}
* #content { float:left; min-height:550px; _height: 550px; width: 545px; margin:0px 0 0 0px ; padding: 45px 0 0 20px; border-left: 1px solid #c9d9d4;}
* html #content {height: 550px}
* #text{width:513px; margin-left: 10px;}
* #flash-home{background: url(images/frame.jpg) no-repeat 0 0; border:none; z-index:1;
	/*
	position:absolute; top: 0; left:50%; min-height: 390px; width: 565px; margin:170px 0 0 -140px; padding: 0;
	*/
}
* #img-header{float:right; margin: -44px 0 5px 15px;}
* #policies{float:right; border:1px solid #1a3333;width: 170px; margin: 10px 5px 10px 10px; padding:15px; background:#c9d9d4;}
	#policies h3{text-decoration:underline;}
* #invisalign {position: absolute; top:680px; left:121px; background: url(images/invisalign.jpg) no-repeat; width:142px; height:30px;}
* #footer {background: url(images/footer.gif) no-repeat top center; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
	color: #1a3333; font-size: 11px; margin:0px 0 0 0px; padding: 27px 0 10px 0px; text-align: center; width:950px; height:278px;}

#footer ul{margin:0; padding:0; text-indent:none; line-height:1.5;}
#footer li {display:inline; list-style:none; text-indent:none;}
#footer li a {color:#1a3333; padding: 0 2px 0 3px;	text-decoration:underline;}
#footer li a:visited {color:#1a3333; text-decoration:underline;}
#footer li:hover a, #footer li a.active {color:#1a3333; text-decoration:underline; font-weight:bold;}
* #contact-info{position: absolute; top:557px; left:121px; line-height:15px; color:#1a3333; text-align:left;}

/*----------------------------- 
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 {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 {background: #000;line-height: 0;margin: 10px auto;text-align: center; width: 450px}
ul#sesame-games {list-style: none;margin: 0;padding: 0; }
ul#sesame-games li {clear: both;display: block}
ul#sesame-games img {border: 0;float:right;margin: 10px 1px 0px 10px}
ul#sesame-games a.button {float:right;height:85px;width:200px}
ul#sesame-games p {width:260px;padding-bottom: 1em}

/* LOCATION ---------- */
iframe {border: 1px solid #5abea4; margin-bottom:20px;}
* .maps {border: 1px solid #5abea4; margin-bottom:20px;}