*{

	margin: 0;

	padding: 0;

}

body {

	margin: 0;

	padding: 0;

	font-family: verdana, arial, helvetica, tahoma, sans-serif;

	color: #000000;

	background:url(bg.jpg) 50% 0 repeat-x;

	top center; margin:0;

}



/*



|		  Typography					|



*/



a {

	text-decoration: none;

	color: #c27429;

}

#footer a {color: #c27429; font-size: 11px}

#footer-nav a {color: #6f6467;; font-size: 11px}

#footer-nav a:hover {color: #c27429; font-size: 11px}

#sesame a {color: #c27429; font-size: 11px}

#sesame a:hover {color: #6f6467; font-size: 11px}

a:link { 

}

a:visited {

}

a:active {

}

a:hover {color: #f8d665;

	text-decoration: none;

}

a.sidebarlink {color: #a76427}

a.sidebarlink:hover {color: #ffffff}



h1 {

	font-size: 24px;

	line-height: 30px;

	height: 40px;

	font-weight: bold;

	margin: 0 0 9px 0;

	color: #c27429;

}

h2 {

	font-size: 13px;

	font-weight: bold;

	line-height: 16px;

	margin: 9px 0 9px;

	color: #c27429;

}



h3 {

	font-size: 11px;

	color: #000000;

	line-height: 14px;

	margin-bottom: 18px;

	font-weight: bold;

}

h4 {

	font-size: 12px;

	line-height: 18px;

	margin-bottom: 18px;

	font-weight: bold;

	color: #751f78;

}

h5 {

	font-size: 11px;

	line-height: 18px;

	font-weight: bold;

}

h6 {

	font-size: 10px;

	line-height: 18px;

	margin-bottom: 18px;

	font-weight: bold;

}

img {

	border: 0;

	display: block;

}

ol, ul, dl {

	list-style: inside;

	margin: 18px 0;

	padding: 0;

}

ul#nav {list-style: none; margin: 0; overflow: hidden; padding: 0; text-indent: -999em;}

ul#topnavigation {left: 127px; list-style: none; margin: 0; overflow: hidden; padding: 0; text-indent: -999em; position: absolute; width: 496px; z-index: 2;}

ul#topnavigation li {float: left}

ol.bullet {

	list-style: square outside;

	margin-left: 18px;

}

ol.bullet ul {

	list-style: square outside;

	margin-left: 18px;

}

ul.bullet {

	list-style: square outside;

	margin-left: 18px;

}

ul.bullet ul {

	list-style: square outside;

	margin-left: 18px;

}

ul#inline-list {

	width: 500px;	

}

ul#inline-list li {

	float: left;

	width: 165px;

	margin: 9px 9px 0 0;

}

ul#inline-list a {display: block; border: 1px solid;}



dt, th {

	line-height: 18px;

	font-size: 16px;

	color: #6b7f80;

	font-weight: normal;

}

dl.site-map dt {font-size: 12px;}

dt {padding: 3px 0}

dd {margin: 9px 0;}

dd ul {margin: 0 18px;}

dd iframe {border: 2px solid;}

li, dd {

	font-size: 11px;

	font-color: #000000;

}

blockquote {

	margin-left: 30px;

	margin-top: 19px;

	margin-bottom: 10px

}

p {

	font-size: 11px;

	color: #000000;

	line-height: 14px;

	margin: 0 0 18px;

}

p.top, .skip {font-weight: bold;}

p.home {font-style: italic; color:#c27429;}

p.footertext {font-size: 11px;

	font-weight: bold;

	line-height: 14px;

	color: #c27429;
	padding-top:5px

	}

p.address {font-size: 11px;

	font-weight: bold;

	color: #c27429;

	}

li > p {

	margin-top: 3px;

}

li.no-bullet {
	list-style:none;
	padding-left: 10px;
}



pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/

	font-family: monospace;

	font-size: 11px;

}

strong, b {

	font-weight: bold;

}

em {color: #a76427}

sup, sub {

	font-size: 75%;

}



table {

	margin: 0 auto;

	font-size: 11px;

}

th {text-align: left;}

tr {border: 1px solid; border-width: 0 0 1px;}

td {

	padding: 3px 0;

}



/* 

| Shortcuts	|

*/



/* clear floats */



.clear:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

.clear {

	display: inline-block;

}

html[xmlns] .clear {

	display: block;

}

* html .clear {/* For IE =< 6 */

	height: 1%;

}



/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/

.replace {

	letter-spacing : -1000em;

	line-height: 0;

	overflow: hidden;

	text-indent: -999em;

}

/* Just for Opera, but hide from MacIE */



/*\*/html>body .replace {

	letter-spacing : normal;

	text-indent : -999em;

	overflow : hidden;

}

/* End of hack */





/* 

|	Flash 	|

*/

#flash-home {

    position: absolute; top:110px; left:94px; margin: 0; padding: 0; text-align:left; z-index:1;}



#flash-home h3 {

visibility:hidden;}





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;}



ul#sesame-games li {

clear: both;

padding: .5em 0;}



ul#sesame-games img {

border: 0;

float: right;

}



p.games {

	font-size: 12px;

	font-weight: normal;

	margin: 0 0 9px 0;

	float: left;

}



ul#sesame-games p {

float: left;

width: 300px;

margin: 0 0 0 15px;

padding-bottom: 5px;

}



#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 {/* class for common flash styles */

	overflow: hidden;

	margin: 0 0 18px;

}

p.upgrade-flash {margin: 18px 54px; background: #ffffff; padding: 9px; color: #000000; font-size: 12px;}

/* End Flash */



/* 

|	Layout	|

*/



img {

	display: block;

	border: 0;

}

.static {border: 0px solid; margin: 18px 0 18px;}



.float-left {/* Left Floated Images */

	float: left;

	margin: 0 9px 18px 0;

	border: 0px; text-align: left;

}

.float-left-photo {

	float: left;

	margin: 0 9px 18px 0;

	border: 3px solid;

	border-color: #f79521; 

	text-align: left;

}

.left-photo {

	margin: 0 9px 18px 0;

	border: 3px solid;

	border-color: #f79521; 

	text-align: left;

}

.photo {

	margin: 0 9px 18px 0;

	border: 3px solid;

	border-color: #f79521; 

}

.float-right {/* Right Floated Images */

	float: right;

	margin: 0 0 18px 9px;

	clear: right;

	border: 0px;

}

.float-right-photo {

	float: right;

	margin: 0 0 18px 9px;

	clear: right;

	border: 3px solid;

	border-color: #f79521;

}



#container {

	width: 782px;

	position: absolute;

	top: 0px;

	left: 50%;

	margin-left: -395px;	

	padding-bottom: 2px;

	background: #ffffff url(images/bg_full.jpg) 0 0;

	background-position: bottom;

	z-index: 0;

}



#heading {

	width: 596px;

	height: 187px;

	background: url(images/heading_bg.jpg) 0 0 no-repeat;

	position: absolute; top:0px; left:186px; text-align:left; z-index:6;

}



#logo {

    position: absolute; top:0px; left:0px; z-index:30;

}

a#logo {background: url(images/logo.gif); display: block; height: 187px; overflow: hidden; text-indent: -999em; width: 249px;}



#address {

    position: absolute; top:8px; left:630px; text-align:right; z-index:6;

}

#address p {

	font-size: 11px;

	font-weight: normal;

	line-height: 13.5px;

}



#content {

	min-height: 635px;

}

*html #content {

        height: 635px;

}

#nav {

	width: 185px;

	padding-left:26px; 

	padding-top: 0;

	padding-bottom: 0;

	float:left;

	margin:0;

    position: absolute; top:0px; left:0px; display: block;

}

#nav .inner {

	margin: 0 0 0 0;

	padding: 0;

}

#topnavbg {

	width: 596px;

	height: 30px;

	background: url(images/top-nav-bg.gif) no-repeat;

    position: absolute; top:186px; left:186px; display: block;

	z-index: 2;

}



#patient-login {

    position: absolute; top:0px; left:187px; width:144px; height:30px; z-index:9; display: block;

}



#main-column {

	margin-left: 0px;

	width: 596px;

	margin-top: 217px;

	margin-left: 185px;

	margin-bottom: 0px;

	min-height: 535px;

}

#main-column .inner {

	padding-top: 20px;

	margin: 0 24px 0 24px;

}

*html #main-column {

        height: 535px;

}

.inner-col {width: 49%; float: left;}

.inner-col dl {margin: 0 18px; padding: 0;}

.sidebar {background: #f8d665; font-size: .92em; padding: 10px 10px 0 10px; width: 193px; margin-right: 0px;}



#invisalignlogo {

    position: relative; left:-10px;

}

a#invisalignlogo {background: url(http://media.sesamehost.com/images/logos/invisalign-logo_2010.gif); display: block; height: 58px; overflow: hidden; text-indent: -999em; width: 180px; z-index:1;}

#icons { position:absolute; top:-250px; left:10px; text-align:center; width:185px;}

#footer {

	margin-top: 0px;

	margin-left: 0px;

	text-align: center;	

	width: 782px;

	height: 118px;

	background: url(images/bottom_bg.jpg) no-repeat;
	position:relative;

}

#footer .inner {

padding: 9px 0 9px;

margin: 0 9px;

}

#footer p {

	margin: 0px 0;

	font-size: 11px;

	line-height: 14px;

	color: #c27429;

}



/*

|	Image Replacement	|

*/



/* Headings */


#h-for-orthodontics {background: url(images/h-for-orthodontics.gif) no-repeat;}
#h-our-office {background: url(images/h-our-office.gif) no-repeat;}

#h-meet-the-dentists {background: url(images/h-meet-the-dentists.gif) no-repeat;}

#h-meet-the-team {background: url(images/h-meet-the-team.gif) no-repeat;}

#h-office-tour {background: url(images/h-office-tour.gif) no-repeat;}

#h-for-new-patients {background: url(images/h-for-new-patients.gif) no-repeat;}

#h-your-first-visit {background: url(images/h-your-first-visit.gif) no-repeat;}

#h-dollars-and-sense {background: url(images/h-dollars-and-sense.gif) no-repeat;}

#h-privacy-policy {background: url(images/h-privacy-policy.gif) no-repeat;}

#h-regular-checkups {background: url(images/h-regular-checkups.gif) no-repeat;}

#h-teeth-101 {background: url(images/h-teeth-101.gif) no-repeat;}

#h-teeth-for-life {background: url(images/h-teeth-for-life.gif) no-repeat;}
#h-diagnodent {background: url(images/h-diagnodent.gif) no-repeat;}
#h-implants {background: url(images/h-implants.gif) no-repeat;}
#h-mini-implants {background: url(images/h-mini-implants.gif) no-repeat;}

#h-know-your-teeth {background: url(images/h-know-your-teeth.gif) no-repeat;}

#h-anatomy-of-a-tooth {background: url(images/h-anatomy-of-a-tooth.gif) no-repeat;}

#h-pediatric-dentistry {background: url(images/h-pediatric-dentistry.gif) no-repeat;}

#h-resources {background: url(images/h-resources.gif) no-repeat;}

#h-gum-disease {background: url(images/h-gum-disease.gif) no-repeat;}

#h-improve-your-smile {background: url(images/h-improve-your-smile.gif) no-repeat;}

#h-why-see-a-dentist {background: url(images/h-why-see-a-dentist.gif) no-repeat;}

#h-cosmetic-dentistry {background: url(images/h-cosmetic-dentistry.gif) no-repeat;}

#h-sedation-dentistry {background: url(images/h-sedation-dentistry.gif) no-repeat;}

#h-smile-gallery {background: url(images/h-smile-gallery.gif) no-repeat;}

#h-rate-your-smile {background: url(images/h-rate-your-smile.gif) no-repeat;}

#h-restore-your-smile {background: url(images/h-restore-your-smile.gif) no-repeat;}

#h-teeth-whitening {background: url(images/h-teeth-whitening.gif) no-repeat;}

#h-extractions {background: url(images/h-extractions.gif) no-repeat;}

#h-root-canals {background: url(images/h-root-canals.gif) no-repeat;}

#h-sealants {background: url(images/h-sealants.gif) no-repeat;}

#h-dental-technologies {background: url(images/h-dental-technologies.gif) no-repeat;}

#h-invisalign {background: url(images/h-invisalign.gif) no-repeat;}

#h-zoom {background: url(images/h-zoom.gif) no-repeat;}

#h-diodelaser {background: url(images/h-diode-laser.gif) no-repeat;}

#h-dexisdigitalxrays {background: url(images/h-dexis-digital-x-rays.gif) no-repeat;}

#h-intraoralcamera {background: url(images/h-intraoral-camera.gif) no-repeat;}

#h-the-game-room {background: url(images/h-the-game-room.gif) no-repeat;}

#h-site-map {background: url(images/h-site-map.gif) no-repeat;}

#h-contact-us {background: url(images/h-contact-us.gif) no-repeat;}

#h-location {background: url(images/h-location.gif) no-repeat;}

#h-comment-form {background: url(images/h-comment-form.gif) no-repeat;}

#h-refer-a-friend {background: url(images/h-refer-a-friend.gif) no-repeat;}

#h-appointment-request {background: url(images/h-appointment-request.gif) no-repeat;}



ul#nav {width: 185px; list-style: none; margin: 0; padding: 0;}

#nav li {width: 185px; height: 41px; line-height: 41px; display: inline; margin: 0; padding: 0;}

#nav a {display: block; height: 41px; overflow: hidden; text-indent: -999em; width: 185px;}

ul#subnav {list-style: none; margin: 0; padding: 0;}

#subnav li {width: 185px; height: 27px; line-height: 27px; display: inline; margin: 0; padding: 0;}

#subnav a {display: block; height: 27px; overflow: hidden; text-indent: -999em; width: 185px;}

#n-our-office {background: url(images/nav/our-office.gif)}

#n-for-new-patients {background: url(images/nav/for-new-patients.gif)}
#n-diagnodent {background: url(images/nav-diagnodent.gif)}
#n-implants {background: url(images/nav-implants.gif)}
#n-mini-implants {background: url(images/nav-mini-implants.gif)}

#n-regular-checkups {background: url(images/nav/regular-checkups.gif)}

#n-teeth-101 {background: url(images/nav/teeth-101.gif)}

#n-improve-your-smile {background: url(images/nav/improve-your-smile.gif)}

#n-restore-your-smile {background: url(images/nav/restore-your-smile.gif)}

#n-dental-technologies {background: url(images/nav/dental-technologies.gif)}

#n-the-game-room {background: url(images/nav/the-game-room.gif)}

#n-meet-the-dentists {background: url(images/nav/meet-the-dentists.gif)}

#n-meet-the-team {background: url(images/nav/meet-the-team.gif)}

#n-office-tour {background: url(images/nav/office-tour.gif)}

#n-your-first-visit {background: url(images/nav/your-first-visit.gif)}

#n-dollars-and-sense {background: url(images/nav/dollars-and-sense.gif)}

#n-privacy-policy {background: url(images/nav/privacy-policy.gif)}

#n-teeth-for-life {background: url(images/nav/teeth-for-life.gif)}

#n-pediatric-dentistry {background: url(images/nav/pediatric-dentistry.gif)}

#n-pediatric-dentistry {background: url(images/nav/pediatric-dentistry.gif)}

#n-resources {background: url(images/nav/resources.gif)}

#n-gum-disease {background: url(images/nav/gum-disease.gif)}

#n-why-see-a-dentist {background: url(images/nav/why-see-a-dentist.gif)}

#n-cosmetic-dentistry {background: url(images/nav/cosmetic-dentistry.gif)}

#n-sedation-dentistry {background: url(images/nav/sedation-dentistry.gif)}

#n-smile-gallery {background: url(images/nav/smile-gallery.gif)}

#n-rate-your-smile {background: url(images/nav/rate-your-smile.gif)}
#n-for-orthodontics {background: url(images/nav/for-orthodontics.gif)}
#n-teeth-whitening {background: url(images/nav/teeth-whitening.gif)}

#n-extractions {background: url(images/nav/extractions.gif)}

#n-root-canals {background: url(images/nav/root-canals.gif)}

#n-sealants {background: url(images/nav/sealants.gif)}

#n-invisalign {background: url(images/nav/invisalign.gif)}

#n-diodelaser {background: url(images/nav/diode-laser.gif)}

#n-zoom {background: url(images/nav/zoom.gif)}

#n-dexisdigitalxrays {background: url(images/nav/dexis-digital-x-rays.gif)}

#n-intraoralcamera {background: url(images/nav/intraoral-camera.gif)}

#nav a:hover, #nav .active {background-position: 0 -41px;}

#subnav a:hover, #subnav .active {background-position: 0 -27px;}

#nav .active {cursor: default}

#subnav .active {cursor: default}



ul#topnavigation a {display: block; height: 30px}

#n-patient-login {background: url(images/nav/patient-login.gif); width: 144px}

#n-doctor-login {background: url(images/nav/doctor-login.gif); width: 136px}

#n-contact-us {background: url(images/nav/contact-us.gif); width: 117px}

#n-home {background: url(images/nav/home.gif); width: 72px}

ul#topnavigation a:hover, #topnavigation .active {background-position: 0 -30px}



