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

#doc {
	width:960px;
	margin:4px auto 0 auto;
}


/* HEADER */

#header {
	position:relative;
	height:163px;
	background:url("../images/shadow-top.jpg") bottom left no-repeat;
}

#logo {
	position:absolute;
	width:285px;
	height:102px;
	top:14px;
	left:20px;
}

#logo a {
	display:block;
	width:285px;
	height:102px;
	background:url("../images/logo.gif") 0 0 no-repeat;
	text-indent:-9999em;
}

#address {
	position:absolute;
	width:567px;
	height:88px;
	top:55px;
	left:346px;
}

#address h2 {
	text-indent:-9999em;
	background:url("../images/address-header.gif") 0 0 no-repeat;
	height:18px;
	margin:0 0 10px 0;
}

#address address {
	font-style:normal;
	font-size:1.167em;
	color:#34755b;
	text-align:center;
}

#address address span {
	font-size:0.857em !important;
}

#login {
	position:absolute;
	width:291px;
	height:39px;
	top:0px;
	right:20px;
}

#login li {
	float:left;	
}

#login li a {
	display:block;
	width:145px;
	height:39px;
	background-image:url("../images/top-nav.gif");
	text-indent:-9999em;
}

#login li.patient a { background-position:0 0; }
#login li.doctor a { background-position:-145px 0; }


/* SIDEBAR */

#sidebar {
	float:left;
	width:285px;
	margin:0 0 0 20px;
}

/* MENU */

#nav {
	width:285px;
	height:340px;
	background:url("../images/menu-bg.jpg") 0 0 no-repeat;
}

#menu {
	position:relative;
	height:263px;
	width:263px;
	margin:35px 0 0 12px;
	z-index:999;
}

#menu li.nav-top {
	margin:0 0 1px 0;
}

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

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

#about-orthodontics { background-position:0 -33px; }
#menu li.nav-top:hover #about-orthodontics, #menu li.sfhover #about-orthodontics, #menu li.current-page #about-orthodontics { background-position:-263px -33px; }

#faq { background-position:0 -66px; }
#menu li.nav-top:hover #faq, #menu li.sfhover #faq, #menu li.current-page #faq { background-position:-263px -66px; }

#about-braces { background-position:0 -99px; }
#menu li.nav-top:hover #about-braces, #menu li.sfhover #about-braces, #menu li.current-page #about-braces { background-position:-263px -99px; }

#treatment-options { background-position:0 -132px; }
#menu li.nav-top:hover #treatment-options, #menu li.sfhover #treatment-options, #menu li.current-page #treament-options { background-position:-263px -132px; }

#emergency-care-videos { background-position:0 -165px; }
#menu li.nav-top:hover #emergency-care-videos, #menu li.sfhover #emergency-care-videos, #menu li.current-page #emergency-care-videos { background-position:-263px -165px; }

#contact-us { background-position:0 -198px; }
#menu li.nav-top:hover #contact-us, #menu li.sfhover #contact-us, #menu li.current-page #contact-us { background-position:-263px -198px; }

#home { background-position:0 -231px; }
#menu li.nav-top:hover #home, #menu li.sfhover #home, #menu li.current-page #home { background-position:-263px -231px; }


/* SUBMENU */

#menu li.nav-top ul {
	position:absolute;
	background:#bdcaf7;
	border:1px solid #8ca2ed;
	width:220px;
	left:-9999em;
	z-index:999;
	padding:8px 0;
}

#menu ul li a {
	display:block;
	text-decoration:none;
	color:#0e2b8d;
	margin:0 8px;
	padding:6px 8px;
}

#menu ul li a:hover {
	background:#ecfff8;
}


#menu li.nav-top:hover ul, #menu li.sfhover ul {
	left:auto;
	margin:-32px 0 0 263px;
}


/* CONTENT */

#content-bg {
	background:url("../images/content-faux.gif") 0 0 repeat-y #FFF;
}

#content {
	float:left;
	width:615px;
	margin:25px 0 25px 20px;
}

#content-submenu {
	text-align:center;
}

#content-submenu a {
	text-decoration:none;
}

#content-submenu a:hover {
	color:#69C29F;
}

#content-submenu span {
	color:#69C29F;
}



#content p {
	color:#0e2b8d;
	line-height:160%;
	margin:0 0 15px 0;
}

#content a {
	color:#0e2b8d;
}

#content h1 {
	font-size:1.5em;
	font-weight:normal;
	color:#0e2b8d;
	margin:20px 0;
}

#content h2 {
	font-size:1.5em;
	font-weight:normal;
	color:#0e2b8d;
	margin:20px 0;
}

#content ul li, #content ol li {
	list-style:disc inside;
	margin:0 0 0 15px;
	line-height:1.667em;
	color:#0e2b8d;
}

#content ol li {
	list-style:decimal inside !important;
}

#content ol, #content ul {
	margin:0 0 20px 0;
}

#content .right {
	float:right;
	margin:0 0 20px 20px;
}

#content .center {
	text-align:center;
}

#content #slides a {
	margin:0 4px;
}

#content .left {
	float:left;
	margin:0 20px 20px 0;
}

#content blockquote {
	margin:0 0 0 20px;
}

/* HOMEPAGE LOGOS */

#homepage-logos {
	margin:20px 10px 0 10px;
	border-bottom:1px solid #dce4ff;
}

#homepage-logos li {
	float:left;
	margin:0 10px 20px 0;
}

#homepage-logos li a {
	display:block;
	background-image:url("../images/homepage-logos.gif");
	text-indent:-9999em;
}


#hl-damon a {
	width:116px;
	height:24px;
	background-position:0 0;
}

#hl-invisalign a {
	width:129px;
	height:28px;
	background-position:0 -26px;
}

#hl-aao a {
	width:114px;
	height:73px;
	background-position:0 -59px;
}

#hl-abo a {
	width:140px;
	height:30px;
	background-position:0 -137px;
}

#hl-invisalign {
	margin-right:0 !important;
}

#hl-abo {
	margin:40px 0 20px 0 !important;
}


/* HOMEPAGE SOCIAL ICONS */

#social-icons {
	margin:0 10px;
	border-top:1px solid #798fda;
}

#social-icons h2 {
	width:246px;
	height:48px;
	text-indent:-9999em;
	background:url("../images/social-icons.gif") 0 0 no-repeat;
	margin:20px 10px;
}

#social-icons ul {
	width:240px;
	margin:0 auto;
}

#social-icons ul li {
	float:left;
	margin:10px 15px;
}

#social-icons ul li a {
	display:block;
	width:50px;
	height:50px;
	background-image:url("../images/social-icons.gif");
	text-indent:-9999em;
}

#si-blogger a { background-position:0 -50px; }
#si-facebook a { background-position:-50px -50px; }
#si-youtube a { background-position:-100px -50px; }

#flash-homepage {
	border:1px solid #69c29f;
	width:613px;
	height:283px;
	background:url("../images/homepage.jpg") 0 0 no-repeat;
}


/* MEET THE ORTHODONTIST */

p.logos a {
	display:block;
	float:left;
	text-indent:-9999em;
	margin:0 20px 20px 0;
}

p.logos a.aao {
	width:175px;
	height:73px;
	background:url("../images/logos/aao.gif") 0 0 no-repeat;
}

p.logos a.ada {
	width:121px;
	height:47px;
	background:url("../images/logos/ada.gif") 0 0 no-repeat;
	margin:20px 0 0 0;
}

p.logos a.abo {
	width:175px;
	height:41px;
	background:url("../images/logos/abo.gif") 0 0 no-repeat;
	margin:20px 0 0 0;
}

/* OFFICE POLICIES */

p.logos a.carecredit {
	width:173px;
	height:34px;
	background:url("../images/logos/carecredit.gif") 0 0 no-repeat;
}

/* LIFE WITH BRACES */

p.logos a.waterpik {
	width:170px;
	height:58px;
	background:url("../images/logos/waterpik.gif") 0 0 no-repeat;
}

p.logos a.sonicare {
	width:175px;
	height:35px;
	background:url("../images/logos/sonicare.gif") 0 0 no-repeat;
}

p.logos a.colgate {
	width:175px;
	height:45px;
	background:url("../images/logos/colgate.gif") 0 0 no-repeat;
}

p.logos a.crest {
	width:130px;
	height:28px;
	background:url("../images/logos/crest.gif") 0 0 no-repeat;
}


/* HEADER TEXT */

#content h1.header {
	text-indent:-9999em;
	height:26px;
	width:322px;
	background-image:url("../images/header-text.gif");
	background-repeat:no-repeat;
}

#hdr-meet-the-orthodontist { background-position:0 0; }
#hdr-meet-the-team { background-position:0 -26px; }
#hdr-office-policies { background-position:0 -53px; }
#hdr-patient-forms { background-position:0 -79px; }
#hdr-office-tour { background-position:0 -106px; }
#hdr-the-game-room { background-position:0 -132px; }
#hdr-for-children-and-adults { background-position:0 -158px; }
#hdr-why-braces { background-position:0 -185px; }
#hdr-two-phase-treatment { background-position:0 -211px; }
#hdr-ortho-dictionary { background-position:0 -238px; }
#hdr-faq { background-position:0 -264px; }
#hdr-life-with-braces { background-position:0 -290px; }
#hdr-types-of-braces { background-position:0 -317px; }
#hdr-brace-painter { background-position:0 -343px; }
#hdr-types-of-appliances { background-position:0 -370px; }
#hdr-palatal-expander { background-position:0 -396px; }
#hdr-braces-diagram { background-position:0 -422px; }
#hdr-retainers { background-position:0 -449px; }
#hdr-color-your-retainer { background-position:0 -475px; }
#hdr-orthodontic-treatments { background-position:0 -502px; }
#hdr-invisalign { background-position:0 -528px; }
#hdr-the-damon-system { background-position:0 -554px; }
#hdr-dentofacial-orthopedics { background-position:0 -581px; }
#hdr-surgical-orthodontics { background-position:0 -607px; }
#hdr-emergency-care-videos { background-position:0 -634px; }
#hdr-location { background-position:0 -660px; }
#hdr-comment-form { background-position:0 -686px; }
#hdr-refer-a-friend { background-position:0 -713px; }
#hdr-appointment-request { background-position:0 -739px; }
#hdr-site-map { background-position:0 -766px; height:18px !important; }
#hdr-our-blog { background-position:0 -792px; }



/* FOOTER */


#footer {
	background:url("../images/shadow-bottom.jpg") top left no-repeat #69c29f;
	padding:12px 0 0 0;
}

#footer-content {
	margin:10px 120px 0 120px;
}

#footer-content p {
	color:#0e2b8d;
	line-height:150%;
	margin:0 0 15px 0;
}

#footer-content p a {
	color:#0e2b8d;
}

#bottom-nav {
	text-align:center;
	color:#ecfff8 !important;
}


#bottom-nav a {
	color:#ecfff8 !important;
	text-decoration:none;
	font-weight:bold;
}

#sesame {
	font-size:0.833em !important;
}



/* SESAME STYLES */

/* 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}


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

.flash-replaced .alt {
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	overflow: hidden;
}

#video-invisalign {
	width: 360px;
	height: 266px;
}

.clear {
	clear:both;
}

#damon-bracket {
	display:block;
	margin:0 auto 10px auto;
}

#damon-wrap {
	width:400px;
	margin:0 auto;
}

#damon-left {
	float:left;
	width:175px;
	margin-right:20px;
}

#damon-right {
	float:left;
	width:170px;
}

#flash-damon-system-comparison {
	margin:0 auto;
	width:250px;}

#video-the-damon-system {
	margin: 0 15px 15px 0;
	width: 240px;
	height: 206px;
	float: left;
	clear: left;}

#video-the-damon-system-2 {
	margin: 0 15px 15px 0;
	width: 400px;
	height: 330px;
	float: left;
	clear: left;}