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

#doc-bg {
	margin:0 auto;
	width:920px;
	background:url("../images/doc-bg.jpg") 12px 0 repeat-y;
}

#doc {
	margin:0 auto;
	width:920px;
	background:url("../images/header.jpg") 0 0 no-repeat;
	padding:0 0 15px 0;
}

#content-c {
	width:860px;
	margin:0 30px;
}


/* SIDEBAR */

#sidebar {
	float:left;
	margin:40px 15px 0 0;
	width:210px;
}

#logo a {
	display:block;
	width:190px;
	height:180px;
	background:url("../images/logo.gif") 0 0 no-repeat;
	text-indent:-999em;
	margin:0 0 0 3px;
}

/* MENU */

#nav {
	width:194px;
	position:relative;
	margin:12px 0 0 0;
	z-index:999;
}

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

#about-our-office { height:43px !important; background-position:0 0; }
#for-new-patients { background-position:0 -43px; }
#general-dentistry { background-position:0 -79px; }
#pediatric-dentistry { background-position:0 -115px; }
#cosmetic-dentistry { background-position:0 -151px; }
#laser-dentistry { background-position:0 -187px; }
#services { background-position:0 -223px; }
#patient-education { background-position:0 -259px; }
#dental-health-guides { background-position:0 -295px; }
#contact-us { height:38px !important; background-position:0 -331px; }

#nav li:hover #about-our-office, 
#nav li.sfhover #about-our-office,
#nav li.active #about-our-office { height:43px !important; background-position:-194px 0; }

#nav li:hover #for-new-patients, 
#nav li.sfhover #for-new-patients,
#nav li.active #for-new-patients { background-position:-194px -43px; }

#nav li:hover #general-dentistry,
#nav li.sfhover #general-dentistry,
#nav li.active #general-dentistry { background-position:-194px -79px; }

#nav li:hover #pediatric-dentistry,
#nav li.sfhover #pediatric-dentistry,
#nav li.active #pediatric-dentistry { background-position:-194px -115px; }

#nav li:hover #cosmetic-dentistry,
#nav li.sfhover #cosmetic-dentistry,
#nav li.active #cosmetic-dentistry { background-position:-194px -151px; }

#nav li:hover #laser-dentistry,
#nav li.sfhover #laser-dentistry,
#nav li.active #laser-dentistry { background-position:-194px -187px; }

#nav li:hover #services,
#nav li.sfhover #services,
#nav li.active #services { background-position:-194px -223px; }

#nav li:hover #patient-education,
#nav li.sfhover #patient-education,
#nav li.active #patient-education { background-position:-194px -259px; }

#nav li:hover #dental-health-guides,
#nav li.sfhover #dental-health-guides,
#nav li.active #dental-health-guides { background-position:-194px -295px; }

#nav li:hover #contact-us,
#nav li.sfhover #contact-us,
#nav li.active #contact-us { height:38px !important; background-position:-194px -331px; }



/* SUBMENU */

#nav li.nav-top ul {
	position:absolute;
	left:-9999em;
	width:200px;
	background:#324761;
	z-index:999;
	opacity: .95; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=95); /* IE lt 8 */
	-ms-filter: "alpha(opacity=95)"; /* IE 8 */
	-khtml-opacity: .95; /* Safari 1.x */
	-moz-opacity: .95; /* FF lt 1.5, Netscape */
}

#nav li.nav-top ul li {
	margin:5px 0;
}

#nav li.nav-top ul li a {
	text-decoration:none;
	color:#FFF;
	display:block;
	height:26px;
	line-height:26px;
	padding-left:10px;
	overflow:hidden;
}

#nav li.nav-top ul li a:hover {
	background:#d5b965;
	color:#324761;
}

#nav li.nav-top:hover ul, #nav li.sfhover ul {
	left:auto;
	margin:-36px 0 0 194px;
}

/* CALL OUTS */

#sidebar .callout {
	background-image:url("../images/callouts.gif");
	text-indent:-9999em;
	margin:12px 0 0 0;
}

#sidebar address {
	width:193px;
	height:110px;
}

#schedule {
	background-position:0 -110px;
	width:193px;
	height:84px;
}

#schedule a {
	display:block;
	width:193px;
	height:84px;
}

/* CONTENT */

#content {
	float:left;
	width:635px;
	position:relative;
}

#top-nav {
	position:absolute;
	right:0;
	top:30px;
}

#top-nav li {
	float:left;
	margin:0 15px 0 0;
}

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

#top-nav li a.doctor-login { width:74px; }
#top-nav li a.patient-login { width:74px; background-position:-89px 0; }
#top-nav li a.home { width:39px; background-position:-178px 0; }

#top-nav li a.doctor-login:hover { background-position:0 -22px; }
#top-nav li a.patient-login:hover { background-position:-89px -22px; }
#top-nav li a.home:hover, #top-nav li.active a.home { background-position:-178px -22px; }



#content-inner {
	margin:75px 0 0 0 !important;
}

#content-inner h1 {
	margin:20px 0;
}

#content-inner h2 {
	margin:25px 0 15px 0;
	font-size:1.167em;
	color:#9C790C;
}

#content-inner h3 {
	margin:0 0 15px 0;
}

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

#content-inner p em {
	color:#609bca;
}

#content-inner a {
	color:#9b780c;
	text-decoration:none;
}

#content-inner a:hover {
	color:#334964;
}

#content-inner ul, #content-inner ol {
	margin:0 0 15px 15px;
	
}

#content-inner ul li {
	list-style:disc inside;
	margin:0 0 4px 0;
	line-height:150%;
}

#content-inner ol li {
	list-style:decimal inside;
	margin:0 0 4px 0;
	line-height:150%;
}

#content-inner img {
	border:1px solid #385370;
}

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

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


#content-inner .img-left {
	border: solid 1px #000;
	margin: 0 15px 20px 0;
	float: left;
}

#content-inner span.indent {
	padding-left: 40px;
}

#content-inner .sidebar {
	background: #fff;
	width: 275px;
	margin: 0 0 15px 15px;
	padding: 0;
	border: solid 1px #000;
	float: right;
	clear: right;
}

#content-inner .sidebar a {
	color: #036;
}

#content-inner .#sidebar h3 {
	background: #97AFC2;
	margin: 0;
	padding: 15px;
	color: #fff;
}

#content-inner .thumb {
	border: solid 1px #000;
	margin: 0 10px 10px 0;
	float: left;
	clear: left;
}

#content-inner .sidebar p {
	padding: 0 15px;
	margin: 15px 0;}


/* SMILE OF THE MONTH */

#content-inner table.smile-of-the-month {
	width:500px;
	margin:15px auto;
}


#content-inner table.smile-of-the-month td {
	text-align:center;
}

/* SMILE MAEKOVERS */

#content-inner table.smile-makeovers {
	width:400px;
	margin:15px auto;
}


#content-inner table.smile-makeovers td {
	text-align:center;
}

#content-inner table.smile-makeovers td.row {
	padding-top:30px;
}


/* HOMEPAGE SPECIFIC */

#content-inner ul.homepage-callout {
	width:440px;
	margin:0 auto 15px auto;
	clear:both;
}

#content-inner ul.homepage-callout li {
	float:left;
	width:220px;
	margin:0 0 4px 0;
}

#content-inner ul.logos li {
	float:left;
	list-style:none !important;
	margin:0 20px;
}

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

#content-inner ul.logos li a.invisalign {
	width:149px;
	background-position:0 0;
}

#content-inner ul.logos li a.zoom {
	width:122px;
	background-position:-149px 0;
}

#content-inner ul.logos li a.lumineers {
	width:125px;
	background-position:-271px 0;
}

#content-inner .page-photo {
	border:0 !important;
}

#top-border {
	border-top:1px solid #C6CACD;
	float:left;
	width:623px;
	line-height:1;
	padding:0;
	margin:0 0 0 4px;
	height:0;
}

#content-inner ul.col {
	margin:0 0 15px 0;
}
#content-inner ul.col li {
	float:left;
	width:300px;
}


/* Office Tour */

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

#content #slides a.activeSlide {
	text-decoration:underline;
}


/* PAGE TITLE TEXT */

#content h1.hdr {
	width:483px;
	height:28px;
	background-image:url("../images/header-text.gif");
	text-indent:-9999em;
}

#welcome-to-granby-dental-center-header { background-position:0 0; }
#meet-dr-ungerleider-header { background-position:0 -36px; }
#meet-dr-depatie-header { background-position:0 -72px; }
#meet-the-team-header { background-position:0 -108px; }
#contests-and-events-header { background-position:0 -144px; }
#smile-of-the-month-header { background-position:0 -180px; }
#what-new-header { background-position:0 -216px; }
#what-sets-us-apart-header { background-position:0 -252px; }
#special-offers-header { background-position:0 -288px; }
#your-first-visit-header { background-position:0 -324px; }
#office-policies-header { background-position:0 -360px; }
#office-tour-header { background-position:0 -396px; }
#testimonials-header { background-position:0 -432px; }
#smile-makeovers-header { background-position:0 -468px; }
#the-game-room-header { background-position:0 -504px; }
#teeth-101-header { background-position:0 -540px; }
#why-see-a-dentist-header { background-position:0 -576px; }
#care-for-your-smile-header { background-position:0 -612px; }
#restore-your-smile-header { background-position:0 -648px; }
#dentistry-for-children-header { background-position:0 -684px; }
#pediatric-dental-faqs-header { background-position:0 -720px; }
#dental-care-for-your-baby-header { background-position:0 -756px; }
#thumb-sucking-header { background-position:0 -792px; }
#pediatric-dental-emergencies-header { background-position:0 -828px; }
#cosmetic-dentistry-header { background-position:0 -864px; }
#improve-your-smile-header { background-position:0 -900px; }
#cosmetic-101-header { background-position:0 -936px; }
#rate-your-smile-header { background-position:0 -972px; }
#implant-dentistry-header { background-position:0 -1008px; }
#laser-dentistry-header { background-position:0 -1044px; }
#our-services-header { background-position:0 -1080px; }
#invisalign-header { background-position:0 -1116px; }
#invisalign-teen-header { background-position:0 -1152px; }
#zoom-header { background-position:0 -1188px; }
#lumineers-header { background-position:0 -1224px; }
#cerec-header { background-position:0 -1260px; }
#location-header { background-position:0 -1296px; }
#patient-referral-header { background-position:0 -1332px; }
#doctor-referral-header { background-position:0 -1368px; }
#site-map-header { background-position:0 -1404px; }
#privacy-policy-header { background-position:0 -1440px; }
#comment-form-header { background-position:0 -1477px; }
#videos-header { background-position:0 -1506px; }



/* FOOTER */

#footer {
	margin:0 auto;
	width:920px;
	position:relative;
}

#footer a.fyi {
	display:block;
	position:absolute;
	width:162px;
	height:80px;
	top:8px;
	left:45px;
	text-indent:-9999em;
}

#footer-top {
	background:url("../images/footer-bg.gif") 2px 0 no-repeat;
	height:96px;
}

#footer-top p {
	padding:10px 15px 10px 260px;
	color:#FFF;
	font-weight:bold;
	font-style:italic;
}

#footer p.footer-menu {
	margin:15px 15px 0 15px;
	text-align:center;
	line-height:150%;
}

#footer p.footer-menu a {
	color:#324761;
	text-decoration:none;
}

#footer p.sesame {
	margin:15px 0 50px 0;
	text-align:center;
}

#footer p.sesame a {
	text-decoration:none;
	color:#a67c00;
}


/* SESAME STYLES */

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

#flash-homepage {
	width: 648px;
	height: 258px;
	margin-left:-10px;
	background:url("../images/homepage.jpg") 0 0 no-repeat;
}

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

#toggle-content {margin: 0 0 15px 0;}
#anatomy-of-a-tooth {background: url(../images/anatomy-of-a-tooth/anatomy-of-a-tooth-bg.gif); height: 525px; position: relative; width: 300px;}
#anatomy-of-a-tooth a {cursor: help; display: block; position: absolute;}
#anatomy-of-a-tooth a:hover {background: transparent;}
a#bone {height: 20px; left: 30px; top: 380px; width: 40px;}
a#cementum {height: 20px; left: 100px; top: 460px; width: 90px;}
a#dentin {height: 20px; left: 80px; top: 165px; width: 60px;}
a#enamel {height: 20px; left: 165px; top: 135px; width: 60px;}
a#gingiva {height: 30px; left: 20px; top: 275px; width: 60px;}
a#periodontal {height: 30px; left: 205px; top: 440px; width: 70px;}
a#pulp {height: 30px; left: 125px; top: 220px; width: 50px;}
a#print {cursor: pointer; height: 23px; left: 240px; top: 502px; width: 60px;}
#anatomy-of-a-tooth a img {border: none; display: block; height: 0; position: absolute; width: 0;}
#anatomy-of-a-tooth a:hover img {height: 98px; width: 300px;}
a#bone:hover img {left: -30px; top: -380px;}
a#cementum:hover img {left: -100px; top: -460px;}
a#dentin:hover img {left: -80px; top: -165px;}
a#enamel:hover img {left: -165px; top: -135px;}
a#gingiva:hover img {left: -20px; top: -275px;}
a#periodontal:hover img {left: -205px; top: -440px;}
a#pulp:hover img {left: -125px; top: -220px;}
#flash-know-your-teeth {margin: 15px 0;}

.hide {display: none;}