/* HTML, BODY ---------- */
* {margin:0; padding:0;}
body {margin:0; background:#00467f url(images/bg.gif) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#12304e;}
p {padding-top:11px; padding-bottom:11px;}
h2, h3, blockquote {padding-top:6px; padding-bottom:22px;}
ul, blockquote {padding-left:30px; padding-right:20px; padding-bottom:16px;}
a {color:#12304e;}
a:hover {text-decoration:none;}
a img {border-style:none; text-decoration:none;}
#address p {margin:0; padding:0;}
#address a {color:#000;}
#footer a {color:#00467f;}
#footer p {padding:20px 0 0 0; margin:0;}
#content td {padding-left:6px;}
#content ul, blockquote, ol {padding-left:30px;}
#content h2 {font-size:18px;}
#content h3 {font-size:font-size:12px;}
.testimonials p {margin-bottom:0;}
.flashp a {color:#FFF;}
td {padding:0 5px 0 0;}



/* LAYOUT ---------- */
#wrap {width:770px; margin:0 auto; background: url(images/bg-body.jpg) no-repeat #e6f0f8;}
#address {float:left; width:150px; padding:36px 0 0 37px; color:#12304e; font-size:11px; line-height:14px; }
#content {float:left; width:535px; padding:20px 0 20px 45px;}
#footer {clear:both; width:580px; padding:34px 95px 28px 95px; text-align:center; font-size:11px; line-height:16px; color:#00467f; background: url(images/tile-footer.jpg) repeat-x #bccea4;}
#forms {padding:10px; background-color:#FFF; border:10px solid #d1df8e;	width:180px; margin: 10px; float:right; color:#003366; clear:right;}
#forms h3, #forms a {color:#003366}

/* HEADERS ---------- */
h1 {background-repeat: no-repeat; height: 56px; width:503px; text-indent: -999em; margin: 5px 0 0 7px; padding:0;}
#address h2 {color:#000; font-size:12px; margin:0; padding:0;}
#address h3 {font-size:13px; padding:12px 0 30px 0;}
#footer h2 {color:#12304e; font-size:11px; margin:0; padding:0;}
#content h3 {font-size:13px;}
h1#logo {
margin: 0 0 40px 0;
padding: 0;
background-repeat: no-repeat; 
width: 643px;/* this width reflects the width of the logo image */
height: 151px; /* this height reflects the height of the heading image */
overflow: hidden; 
text-indent: -999em;} /* hides rich text so only background image shows */

h1#logo a {
display: block; 
height: 151px;/*same height as logo h1*/ 
width: 643px;/*same width as logo h1*/}

/* CLASSES ---------- */
#footer .sesame {color:#475311; font-size:10px; text-decoration:none;}
.margin {margin:0 10px 10px 10px;}
.pic-first-visit-margin {
	margin:0 20px 10px 10px;
}
.right {float:right;}
.top  {color:#40561b; font-size:12px; font-weight:bold;}
.top-spacing {padding-left: 6px; margin-top:-10px; margin-bottom:11px;}
.ortho-dictionary-top-spacing {padding-left: 6px; padding-bottom: 15px;}
.hide {display:none;}

.flash {width:530px; height:200px;}
.flashp {color:#FFF; font-weight:bold; background-image: url(images/1.jpg); text-align:center; padding-bottom:135px;}
.block {display:block;}
.listnone {list-style:none;}
.center {text-align:center;}
.clear {clear:both;}
.pics {float:left; width:200px; margin-left:40px; margin-right:20px; text-align:center;}
.names {text-align:right; margin:0 0 0 0; color:#80a94b; font-style:italic; font-weight:bold;}
.border {border-top: 2px solid #c8c8c8; border-bottom: 2px solid #c8c8c8; padding:3px; background:#FFF;}
.underline {text-decoration:underline;}
.marginnone {margin:0; padding:0 0 0 6px;}


/* NAVIGATION ---------- */


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; position:absolute; top:151px; z-index:100; width:770px;}
#nav li {float:left;}

/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block; overflow: hidden; text-indent:-999em; }

/* Set the image for each nav item */
#home {background: url(images/nav-home.gif); width:84px; height: 40px;}
#aboutus {background: url(images/nav-about-us.gif); width:96px; height: 40px;}
#newpatients {background: url(images/nav-new-patients.gif); width:122px; height: 40px;}
#treatmentservices {background: url(images/nav-treatment-services.gif); width:161px; height: 40px;}
#braces101 {background: url(images/nav-braces-101.gif); width:108px; height: 40px;}
#games {background: url(images/nav-games.gif); width:80px; height: 40px;}
#contactus {background: url(images/nav-contact-us.gif); width:119px; height: 40px;}

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 
#nav li:hover #aboutus, #nav li.sfhover #aboutus, 
#nav li:hover #treatmentservices, #nav li.sfhover #treatmentservices, 
#nav li:hover #braces101, #nav li.sfhover #braces101, 
#nav li:hover #newpatients, #nav li.sfhover #newpatients, 
#nav li:hover #games, #nav li.sfhover #games, 
#nav li:hover #home, #nav li.sfhover #home, 
#nav li:hover #contactus, #nav li.sfhover #contactus {background-position:0 -40px;}

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



#nav li ul {background: #e9f3da; left: -999em; padding: 0; position: absolute; z-index: 1;}
#nav li ul li {float:none; display:inline; }
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: 0; color:#729549;}
#nav ul li a {margin: 0; text-decoration: none; width:181px; text-indent:0; color:#729549; font-size:12px;	padding:5px 10px;}
#nav ul li a:hover {background:#729549; color:#FFF;}
#nav ul li ul li a{width:200px;}




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 0 0 20px; width:474px;}

ul#sesame-games li {
clear: both;
display: block}

ul#sesame-games img {
border: 0;
margin: 0 30px 10px 10px}

ul#sesame-games a.button {
float:right;
height:85px;
width:200px}

ul#sesame-games p {
padding-bottom: 1em}

img.right-border {
	border: solid 1px #000;
	margin: 0 0 15px 15px;
	float: right;
	}
img.right {
	margin: 0 0 15px 15px;
	float: right;
	}
img.left-border {
	border: solid 1px #000;
	margin: 0 15px 15px 0;
	float: left;
	}
img.left {
	margin: 0 15px 15px 0;
	float: left;
	}
span.indent {
	padding-left: 40px;
	}
#invisalign-sidebar {
	background: #fff;
	width: 275px;
	margin: 0 0 15px 15px;
	padding: 0;
	border: solid 1px #000;
	float: right;
	clear: right;
	}
#invisalign-sidebar a {
	color: #036;
	}
#invisalign-sidebar h3 {
	background: #97AFC2;
	margin: 0;
	padding: 15px;
	color: #fff;
	}
#invisalign-sidebar p {
	padding: 0 15px;
	margin: 15px 0;
	}
.thumb {
	border: solid 1px #000;
	margin: 0 10px 10px 0;
	float: left;
	clear: left;
	}
.clear {clear: both;}

#call-teen {float:right; position:relative; top:-2px; }




.img-right { margin: 0 0 20px 15px; float: right; clear: right; }  

.img-center { margin: 0 0 20px 0; text-align:center; width: 100%; }  

.text-left { margin: 0 0 20px 0; float: left; clear: left; width: 300px; }  
.text-right { margin: 0 0 20px 0; float: right; clear: right; width: 300px; }  
.img-left { margin: 0 15px 20px 0; float: left; clear: left; } 
.video { display: block; /* Add more nifty stuff in here if you like */ }