/* HTML, BODY ---------- */
html {height: 100%;}
body {background: #e9f8f9 url(../images/gradient.jpg) repeat-x 0 0;}
* {margin:0; padding:0;}

/* TEXT ---------- */
body {color: #000; font: normal 13px/20px Tahoma, Helvetica, sans-serif; text-align:left;}
p {padding: 0 0 15px 0; }

/* HEADERS ---------- */
h1{	padding:0 0 5px 0;
	background-repeat: no-repeat; height: 40px;	overflow: hidden; text-indent: -999em;}
h2{color: #0079c2; padding: 0 0 10px 0; font-size: 14px;}
h3{color: #f7941e; padding: 0; font-size: 13px; font-weight:normal;}
	
/* LISTS ---------- */
ol, ul {padding: 0 0 0 50px; color:#0079c2;}

/* LINKS ---------- */
a {color: #0079c2; text-decoration: underline;}
a:visited{color: #0079c2; text-decoration: underline;}
a:hover {color: #0079c2; text-decoration: none; font-weight:normal;}
#logo a {position:absolute; top:64px; left: 50%; margin: 0 0 0 -351px;width: 553px; height: 117px; display: block; background: url(../images/logo.gif) no-repeat 0 0;}
#brick-location a{position: absolute; top: 9px; left:0; height: 14px; width: 201px; margin: 0 0 0 195px; display: block; background: url(../images/brick.gif) no-repeat 0 0 ;}
#edison-location a{position: absolute; top: 9px; left:0; margin: 0 0 0 439px; height: 14px; width: 210px; display: block; background: url(../images/edison.gif) no-repeat 0 0 ;}
#footer p a {color: #bb8f3b; text-decoration:none;}
#footer p a:visited {color: #bb8f3b; text-decoration:none;}
#footer p a:hover {color: #bb8f3b; text-decoration:underline;}
.sesame a {color:#bb8f3b; text-decoration: underline;}
.sesame a:visited {color:#bb8f3b; text-decoration: underline;}
.sesame a:hover {color:#bb8f3b; text-decoration: none;}

/* TOP NAVIGATION ---------- */
* #top-nav {position: absolute; top: 0; left: 50%; margin: 0 0 0 250px; width: 300px; z-index: 100; padding:0;}
#top-nav ul {list-style: none;}
#top-nav li {float: left; display:inline;}
#top-nav a {height: 29px; display: block; overflow: hidden; text-indent: -999em;}
/* * #contact-us {background: url(../images/contact-us.gif) 0 0; width:131px;} */
* #home {background: url(../images/home.gif) 0 0; width:82px;}
#top-nav ul li:hover a, #top-nav a:hover, #top-nav .active {background-position: 0 -29px;}
#top-nav li.active a, #top-nav-with-sub li.active a {background-position: 0 -29px;}
/* Set cursor to default arrow so link does not appear clickable */
#top-nav .active {cursor: default}

/* TOP NAV DROP DOWNS -----------*/
#top-nav li ul {margin: 0px; padding: 0; width: 130px; position: absolute; left: -999em; font-size: 12px; 	text-align: left; height: auto; background: #c0ddef url(../images/drop-down-bg.gif) repeat-x bottom left; border-right: 1px solid #0b55d9; border-bottom: 1px solid #0b55d9; border-left: 1px solid #0b55d9; z-index: 100;}
#top-nav li ul a {color: #0b55d9; padding: 0px 0px 0px 10px; width: 120px; 	border-top: 1px solid #0b55d9; text-indent: 0; text-decoration: none; line-height: 32px; height: auto;}
#top-nav li:hover ul, #top-nav li.sfhover ul {left: auto; display:block; z-index: 100;}
#top-nav li:hover ul a:hover, #top-nav li.sfhover ul a:hover {color: #c0ddef; background: #0079c2;}

/* NAVIGATION ---------- */
* #nav {position: absolute; top: 188px; left: 50%; margin: 0 0 0 -457px; width: 900px; z-index: 100; padding:0;}
#nav ul {list-style: none;}
#nav li {float: left; display:inline;}
#nav a {height: 35px; display: block; overflow: hidden; text-indent: -999em;}
* #our-office {background: url(../images/our-office.gif) 0 0; width:122px;}


* #patient-info {background: url(../images/patient-info.gif) 0 0; width:135px;}
* #about-orthodontics {background: url(../images/about-orthodontics.gif) 0 0; width:201px;}
* #about-braces {background: url(../images/about-braces.gif) 0 0; width:137px;}
* #treatments {background: url(../images/treatments.gif) 0 0; width:119px;}
* #games {background: url(../images/games.gif) 0 0; width:98px;}

* #fun-stuff {background: url(../images/fun-stuff.gif) 0 0; width:98px;}
#nav ul li:hover a, #nav a:hover, #nav .active {background-position: 0 -35px;}
#nav li.active a, #nav-with-sub li.active a {background-position: 0 -35px;}

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

/* DROP DOWNS -----------*/
#nav li ul {margin: -1px 0 0 0px; padding: 0; width: 155px; position: absolute; left: -999em; font-size: 12px; text-align: left; height: auto; background: #c0ddef url(../images/drop-down-bg.gif) repeat-x bottom left; border-right: 1px solid #0b55d9; border-bottom: 1px solid #0b55d9; border-left: 1px solid #0b55d9; z-index: 100;}
#nav li ul a {color: #0b55d9; padding: 0px 0px 0px 10px; width: 145px; 	border-top: 1px solid #0b55d9; text-indent: 0; text-decoration: none; line-height: 32px; height: auto;}
.first a{border-top: none;}	
#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: #c0ddef; background: #0079c2;}

/* SUB-NAVIGATION -----------*/
.sub_nav a{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: #3c362e; clear: both; height: 1px; margin: 20px 0; width: 100%; }
div.hr hr { display: none; }
* #main {background: url(../images/main-bg.jpg) no-repeat top center; width: 990px; min-height: 860px; _height: 860px; 	margin: 0 auto; position:relative;}
* #center{margin: 0 auto; width: 788px; }
* #header {height: 222px; width: 788px;}
* #specialty-permit {background: url(../images/specialty-permit.gif) no-repeat 0 0; display: block; width: 143px; height: 12px; position: absolute; top:169px; left:50%; margin: 0 0 0 226px; }
* #address{position: absolute; top:;left: 50%; width: 150px;  padding: 22px 0 0 0; text-align:right; margin: 0 0 0 -380px; font-size: 11px;line-height:14px;line-height:16px;color:#86b7d5;}
#address h2{padding:0; font-size:11px;}
#address p{padding:0;}	
* #text{background: #fff;	width:554px; padding: 20px 31px 0 203px; min-height: 355px; _height: 355px;}
* #spotlight{width: 788px; height: 281px; border:none; z-index:1;display: block; padding: 1px 0 0 0;}
#spotlight img{float: right; padding-right: 1px}
* #flash-home{margin-left: -1px;}
* #footer {background: url(../images/footer-bg.gif) no-repeat top center; padding: 138px 0 30px 0; margin: 0 auto; width:788px;}
* .infooter {color: #bb8f3b; font-size: 11px; line-height:18px; margin: 0 auto; text-align: center; width: 700px; padding: 0;}
* .sesame {margin: 0 auto; font-size: 11px; text-align:center;}

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

/*right and left floating image with border*/
* .right {float:right; border: 1px solid #ba903e; margin-left:10px; margin-bottom:10px;}

* .right-noborder {float:right; margin-left:10px; margin-bottom:10px;}

* .left {float:left; border: 1px solid #ba903e; margin-right:10px; margin-bottom:10px;}
* .place-image { float:right; padding:0; width: 788px; height: 267px;}

/* Image Replacement -- add class="replace" to root element, i.e.  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 {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 #ba903e; margin-bottom:20px;}

/* edit.com ---------- */
ul, ol {
	margin-top:0px;
	margin-bottom:0px;
}

.NormalText, body, td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style:normal;
}

.SmallText {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: normal;
}

.SubHeader {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0079C2;
	font-weight: bold;
}

.SubjectHeader {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	font-weight: bold;
}

* .AddressHeader {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0079C2;
	font-weight: bold;
}

* .PageTitle {
	font-family: Times New Roman, "Times", serif;
	font-size: 42px;
	line-height: 46px;
	color: #F47D31;
	font-weight: bold;
	text-transform: uppercase;
}

td.GrayBorderBottom {border-bottom: solid 1px #CCC;}