body {
	background:url("../images/bg-top.jpg") 0 0 repeat-x #97998E;
}

* .hr {
	background:#a4a4a4;
	height:10px;
	border:0;
	border-bottom:1px solid #000;
	margin:0;
}

p {
	line-height:1.5em;
}

/* Background gradient */
* #bg {
	background:url("../images/bg-bottom.jpg") 0 64px repeat-x;
}

* #doc {
	width:795px;
	margin:0 auto;
}

* #wrapper {
	background:#FFF;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

* #header {
	height:182px;
	background:url("../images/header-bg.jpg") 0 64px repeat-x;
	position:relative;
}

* #logo {
	text-indent:-999em;
	background:url("../images/logo.png") 0 0 no-repeat;
	width:313px;
	height:133px;
	position:absolute;
	top:12px;
	left:13px;
}

#logo a {
	display:block;
	width:313px;
	height:133px;
}

* #patient-login {
	position:absolute;
	text-indent:-999em;
	top:28px;
	left:654px;
	background:url("../images/patient-login.png") 0 0 no-repeat;
	width:145px;
	height:21px;
}

* #doctors {
	position:absolute;
	top:75px;
	left:560px;
	text-indent:-999em;
	background:url("../images/doctors.jpg") 0 0 no-repeat;
	width:224px;
	height:68px;
}

* #sidebar {
	float:left;
	width:237px;
	border-top:1px solid #000;
}


/* MENU */

* #nav {
	width:236px;
	height:296px;
	position:relative;
	z-index:1000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}


#nav li.mnu-top {
	width:236px;
	height:32px;
	float:left;
}

#nav li.mnu-top a.head {
	display:block;
	width:236px;
	height:32px;
	background-image:url("../images/navigation.jpg");
	text-indent:-9999em;
}

#nav li.first {
	height:40px !important;
}

#nav li.first a.head {
	height:40px !important;
}

* #about-our-office { background-position:0 0; }
#nav li.mnu-top:hover #about-our-office, #nav li.sfhover #about-our-office, #nav li.current-page #about-our-office { background-position:-237px 0; }

* #for-new-patients { background-position:0 -40px; }
#nav li.mnu-top:hover #for-new-patients, #nav li.sfhover #for-new-patients, #nav li.current-page #for-new-patients { background-position:-237px -40px; }

* #about-orthodontics { background-position:0 -72px; }
#nav li.mnu-top:hover #about-orthodontics, #nav li.sfhover #about-orthodontics, #nav li.current-page #about-orthodontics { background-position:-237px -72px; }

* #faqs { background-position:0 -104px; }
#nav li.mnu-top:hover #faqs, #nav li.sfhover #faqs, #nav li.current-page #faqs { background-position:-237px -104px; }

* #about-braces { background-position:0 -136px; }
#nav li.mnu-top:hover #about-braces, #nav li.sfhover #about-braces, #nav li.current-page #about-braces { background-position:-237px -136px; }

* #treatment-options { background-position:0 -168px; }
#nav li.mnu-top:hover #treatment-options, #nav li.sfhover #treatment-options, #nav li.current-page #treatment-options { background-position:-237px -168px; }

* #emergency-care { background-position:0 -200px; }
#nav li.mnu-top:hover #emergency-care, #nav li.sfhover #emergency-care, #nav li.current-page #emergency-care { background-position:-237px -200px; }

* #contact-us { background-position:0 -232px; }
#nav li.mnu-top:hover #contact-us, #nav li.sfhover #contact-us, #nav li.current-page #contact-us { background-position:-237px -232px; }

* #home { background-position:0 -264px; }
#nav li.mnu-top:hover #home, #nav li.sfhover #home, #nav li.current-page #home { background-position:-237px -264px; }



/* SUBMENU */

#nav li.mnu-top ul {
	position:absolute;
	left:-9999em;
	z-index:1000;
	width:190px;
	margin:-32px 0 0 237px;
	border:1px solid #000;
	border-left:0;
	background:url("../images/submenu-bg.jpg") 0 0 repeat-y;

}

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

#nav ul li a {
	color:#FFF;
	text-decoration:none;
	display:block;
	height:31px;
	line-height:31px;
	padding:0 15px;
}

#nav ul li a:hover {
	background:url("../images/menu-sel-bg.png") 0 0 no-repeat;
}


/* SIDEBAR ADDRESS & LOGOS */

* #addresses {
	margin:30px 0 0 0;
}
#sidebar address {
	font-size:11px;
	margin:15px 0 30px 20px;
	font-style:normal;
	line-height:150%;
}

#sidebar address span {
	color:#603394;
}


/* CONTENT */

* #content {
	float:left;
	border-top:1px solid #000;
	width:556px;
}

#content h1 {
	margin:20px 0 30px 0;
}

#content h2 {
	color:#664091;
	margin:10px 0 25px 0;
	font-size:1.083em;
}

#content h3, #content h4 {
	font-size:1em;
	color:#000;
	font-weight:bold;
}

#content p {
	margin:0 15px 15px 0;
}

#content a {
	color:#664091;
}

/* HEADERS */

* #hdr-home, * #hdr-meet-the-orthodontists, * #hdr-meet-the-team, * #hdr-the-game-room, 
* #hdr-contest-events, * #hdr-what-sets-us-apart, * #hdr-your-first-visit, * #hdr-office-tour,
* #hdr-patient-forms, * #hdr-for-children-and-adults, * #hdr-why-braces, * #hdr-two-phase-treatment,
* #hdr-ortho-dictionary, * #hdr-faqs, * #hdr-about-braces, * #hdr-life-with-braces, * #hdr-patient-care-video,
* #hdr-types-of-braces, * #hdr-braces-diagram, * #hdr-brace-painter, * #hdr-types-of-appliances,
* #hdr-treatment-options, * #hdr-orthodontic-treatments, * #hdr-invisalign, * #hdr-in-ovation, * #hdr-incognito,
* #hdr-dentofacial-orthopedics, * #hdr-tmj-tmd, * #hdr-non-routine-care, * #hdr-location, * #hdr-appointment-request,
* #hdr-comment-form, * #hdr-refer-a-friend, * #hdr-doctor-zone, * #hdr-site-map, * #hdr-before-and-after-photos {
	background-image:url("../images/headers.gif");
	background-position:0 0;
	width:328px;
	height:21px;
	text-indent:-999em;
}

* #hdr-home { background-position: 0 0; }
* #hdr-meet-the-orthodontists { background-position: 0 -32px; }
* #hdr-meet-the-team { background-position: 0 -64px; }
* #hdr-the-game-room { background-position: 0 -96px; }
* #hdr-contest-events { background-position: 0 -128px; }
* #hdr-what-sets-us-apart { background-position: 0 -160px; height:26px !important; }
* #hdr-your-first-visit { background-position: 0 -192px; }
* #hdr-office-tour { background-position: 0 -224px; }
* #hdr-patient-forms { background-position: 0 -256px; }
* #hdr-for-children-and-adults { background-position: 0 -288px; }
* #hdr-why-braces { background-position: 0 -320px; }
* #hdr-two-phase-treatment { background-position: 0 -352px; height:26px !important; }
* #hdr-ortho-dictionary { background-position: 0 -384px; height:26px !important; }
* #hdr-faqs { background-position: 0 -416px; }
* #hdr-about-braces { background-position: 0 -448px; }
* #hdr-life-with-braces { background-position: 0 -480px; }
* #hdr-patient-care-video { background-position: 0 -512px; }
* #hdr-types-of-braces { background-position: 0 -544px; height:26px !important; }
* #hdr-braces-diagram { background-position: 0 -576px; height:26px !important; }
* #hdr-brace-painter { background-position: 0 -608px; }
* #hdr-types-of-appliances { background-position: 0 -640px; height:26px !important; }
* #hdr-treatment-options { background-position: 0 -672px; height:26px !important; }
* #hdr-orthodontic-treatments { background-position: 0 -704px; }
* #hdr-invisalign { background-position: 0 -736px; height:26px !important;}
* #hdr-in-ovation { background-position: 0 -768px; }
* #hdr-incognito { background-position: 0 -798px; height:28px !important; }
* #hdr-dentofacial-orthopedics { background-position: 0 -832px; height:26px !important;}
* #hdr-tmj-tmd { background-position: 0 -862px; height:29px !important;}
* #hdr-non-routine-care { background-position: 0 -896px; height:26px !important;}
* #hdr-location { background-position: 0 -929px; }
* #hdr-appointment-request { background-position: 0 -960px; height:26px !important; }
* #hdr-comment-form { background-position: 0 -992px; }
* #hdr-refer-a-friend { background-position: 0 -1024px; }
* #hdr-doctor-zone { background-position: 0 -1056px; }
* #hdr-site-map { background-position: 0 -1088px; height:26px !important; }
* #hdr-before-and-after-photos { background-position: 0 -1119px; height:22px !important; }





/* FOOTER */

* #footer {
	border:1px solid #000;
	background:#664091;
	color:#FFF;
}

#footer p {
	font-size:11px;
	text-align:center;
	margin:10px 60px;
}

#footer a {
	text-decoration:underline;
	color:#FFF;
	font-size:12px;
}

#footer a.sesame {
	color:#d3bfea;
}


/* SESAME STYLES */
.flash-replaced .alt {
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	overflow: hidden;
}
	
* #flash-homepage {
	background: url("../images/flash-homepage.jpg") 0 0 no-repeat;
	width: 556px;
	height: 297px;
	border:0;
}

* #flash-brushing-and-flossing-ortho {
	width: 500px;
	height: 300px;
	margin: 10px auto;
}

#content-inner img.right {
	float:right;
	margin:0 0 10px 10px;
}

* #video-invisalign {
	width: 320px;
	height: 239px;
}


#content-inner .left {
	float:left;
	margin:0 10px 10px 0;
}
#content-inner .clear {
	clear:both;
}

#content-inner h2.media-center {
	background:#000033;
	color:#FFF;
	margin:0;
	padding:5px;
}

#content-inner div.media-center {
	background:#336699;
	color:#FFF;
	margin-bottom:10px;
	padding:10px;
}

#content-inner div.media-center a {
	color:#FFF;
}
#content-inner div.media-center img {
	border:1px solid #FFF;
}

#content-inner .flash {
	border: solid 1px #ccc;
}
	
* #flash-in-ovation {
	width: 320px;
	height: 266px;
}


/* The Game Room */
div#sesame-game {background: #000; line-height: 0; margin: 10px auto 30px auto; text-align: center; width: 400px}
ul#sesame-games {list-style: none; margin: 0 18px 0 0; padding: 0}
ul#sesame-games li {clear: both; display: block}
ul#sesame-games img {border: 0; float: right; margin: 0 0 10px 10px}
ul#sesame-games a.button {float:right; height:85px; width:200px}
ul#sesame-games p { padding-bottom: 1em}


/* edit.com visible styles */
body, td, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; color: #000; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans serif; line-height: 1.5em; }

.Title		{ color: #000000; font-size: 24px; font-weight: normal; font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans serif; line-height: 1.5em; }
.Header		{ color: #664091; font-size: 13px; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans serif; line-height: 1.5em; }
.Subheader	{ color: #000000; font-size: 13px; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans serif; line-height: 1.5em; }

.Purple		{ color: #664091; }
.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; }