body{background:#132940;margin:0;padding:0}



/* ........................................ CLEARFIX HACK ........................................ */



* html .clearfix{height:1%}

html[xmlns] .clearfix{display:block}

* .clearfix{display:inline-block}

* .clearfix:after{clear:both;content:" ";display:block;height:0;line-height:0;visibility:hidden}



/* ........................................ TEXT ........................................ */



body,form,input,textarea{color:#000;font-family:tahoma,sans-serif;font-size:11px}



BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; color: #000000; font-family: Tahoma, Arial, Helvetica, Georgia, sans-serif; font-size: 11px; line-height: 24px; }



.Header		{ color: #132940; font-size: 24px; font-weight: normal; font-family: Georgia; }

.Subheader	{ color: #000000; font-size: 14px; font-weight: bold; font-family: Georgia; }

.Subheader2	{ color: #000000; font-size: 12px; font-weight: bold; font-family: Georgia; }



.Blue		{ color: #132940; }

.Black		{ color: #000000; }



.SmallText	{ font-size: 10px; }

.MediumText	{ font-size: 16px; line-height: 16px; }

.LargeText	{ font-size: 24px; line-height: 24px; }



a{color:#000;text-decoration:underline}

a:hover{text-decoration:none}

blockquote{margin:10px 40px;padding:0}

div.hr{background:#132940;clear:both;height:1px;margin:10px 0;padding:0;width:490px}

div.hr hr{display:none}

h1{background:no-repeat;clear:left;height:60px;margin:0;overflow:hidden;text-indent:-999em}

h2{color:#000;font-family:georgia,serif;font-size:14px;margin:10px 0}

h3{color:#000;font-family:georgia,serif;font-size:12px;margin:10px 0}

h4{color:#FFF;font-family:tahoma,sans-serif;font-size:11px;font-weight:normal;margin:5px 0}

p{color:#000;line-height:24px;margin:10px 0}

* .back-to-top a{color:#000;font-family:georgia,serif;font-size:11px;line-height:14px;text-decoration:none}

* .back-to-top a:hover{color:#BD912D;font-size:11px;line-height:14px;text-decoration:none}

* .content ol{clear:left;color:#000;font-size:11px;line-height:12px;list-style:decimal;margin:10px 40px;padding:0}

* .content ol a{color:#000}

* .content ol li{margin:10px 0;padding:0}

html:not([lang*=""]) .content ol li{width:100%}

* .content ul{clear:left;color:#000;font-size:11px;line-height:12px;list-style:disc;margin:10px 40px;padding:0}

* .content ul a{color:#000}

* .content ul li{margin:10px 0;padding:0}

html:not([lang*=""]) .content ul li{width:100%}

* .content ul ul{clear:left;color:#000;font-size:11px;line-height:12px;list-style:circle;margin:10px 30px;padding:0}

* .content ul ul a{color:#000}

* .content ul ul li{margin:10px 0;padding:0}

html:not([lang*=""]) .content ul ul li{width:100%}

* .flash a{color:#FFF}

* .flash p{background:#D61308;color:#FFF;padding:10px}

* #address p{color:#000;font-size:11px;line-height:16px;margin:0}

* #footer a{color:#BD912D;font-size:11px;font-weight:bold;line-height:14px;text-decoration:none}

* #footer a:hover{text-decoration:underline}

* #footer p{color:#FFF;font-size:11px;line-height:14px}

* #patient-forms a{color:#FFF}

* #patient-forms p{color:#FFF}

* #patient-forms h3{color:#FFF}

* #resource-list{list-style:none;margin:0;padding:0}

* #resource-list a{color:#000}

* #resource-list p{color:#000}

* #resource-list li{clear:left}



/* ........................................ IMAGES ........................................ */



img{border:0;display:block}

img.center{clear:both;margin:0 auto}

img.center-inline{border:1px solid #132940;clear:both;margin:0 auto}

img.left{clear:left;float:left;margin:0 10px 10px 0}

img.right{clear:right;float:right;margin:0 0 10px 10px}

img.right-inline{border:1px solid #132940;clear:right;float:right;margin:10px 0 10px 10px}

* .flash img{float:right;padding:10px}

* .map{border:1px solid #132940;margin:10px 0}



/* ........................................ LAYOUT ........................................ */



* .back-to-top{clear:both;text-align:right;width:100%}

* .content{display:inline;float:right;margin:0;padding:0 20px;width:490px}

* .content-wrapper{background:url(images/bg.jpg) repeat-y;display:inline;float:right;margin:0;padding:0 40px;width:700px}

* #address{background:#EAEFF5 url(images/address-bottom.gif) no-repeat bottom;padding:0 0 20px 10px}

* #header a{background:url(images/header.jpg) no-repeat;display:block;height:195px;margin:0;overflow:hidden;text-indent:-999em;width:780px}

* #flash-home{margin:0 0 10px 0}

* #footer{background:#132940 url(images/footer-bg.jpg) no-repeat;margin:0 auto;padding:50px 0 10px;text-align:center;width:780px}

* #patient-forms{background:#132940;clear:right;float:right;margin:0 0 10px 10px;padding:0 10px;width:200px}

* #site{margin:0 auto;padding:0;width:780px}



/* ........................................ NAVIGATION ........................................ */



/* .......... code .......... */

* #navigation-wrapper{display:inline;float:left;margin:0;padding:0 0 0 10px;width:160px}

ul#navigation{background:#EAEFF5;list-style:none;height:255px;margin:0;padding:0;width:160px}

* #navigation li{float:left}

* #navigation a{display:block;height:24px;overflow:hidden;text-indent:-999em;width:160px}

/* .......... images .......... */

a#about-our-practice{background:url(images/nav/about-our-practice.gif);height:37px}

* #for-new-patients{background:url(images/nav/for-new-patients.gif)}

* #about-orthodontics{background:url(images/nav/about-orthodontics.gif)}

* #braces-101{background:url(images/nav/braces-101.gif)}

* #invisalign{background:url(images/nav/invisalign.gif)}

* #emergency-care{background:url(images/nav/emergency-care.gif)}

* #the-game-room{background:url(images/nav/the-game-room.gif)}

* #contact-us{background:url(images/nav/contact-us.gif)}

a#home{background:url(images/nav/home.gif);height:37px}

/* .......... subnavigation code .......... */

#navigation li ul{left:-9999px;list-style:none;margin:0;padding:0;position:absolute;z-index:1}

 #navigation li:hover ul,#navigation li.sfhover ul{left:auto;margin:-24px 0 0 160px}

li:hover ul#about-our-practice-ul,li.sfhover ul#about-our-practice-ul{margin:-21px 0 0 160px}

li:hover ul#contact-us-ul,li.sfhover ul#contact-us-ul{margin:-61px 0 0 160px}

#navigation ul li{display:inline;float:none;margin:0}

#navigation ul li a{background:url(images/subnav-bg.png);color:#FFF;display:block;height:20px;line-height:20px;overflow:hidden;padding:0 0 0 10px;text-decoration:none;text-indent:0;width:140px}

#navigation ul li a.top{background:url(images/subnav-bg-top.png)}

#navigation ul li a.bottom{background:url(images/subnav-bg-bottom.png)}

#navigation ul li a.one{background:url(images/subnav-bg-one.png)}

/* .......... rollover effects .......... */

#navigation a:hover,#navigation .active{background-position:0 -24px}

#navigation li:hover #about-our-practice,#navigation li.sfhover #about-our-practice{background-position:0 -37px}

#navigation li:hover #for-new-patients,#navigation li.sfhover #for-new-patients,

#navigation li:hover #about-orthodontics,#navigation li.sfhover #about-orthodontics,

#navigation li:hover #braces-101,#navigation li.sfhover #braces-101,

#navigation li:hover #contact-us,#navigation li.sfhover #contact-us{background-position:0 -24px}

a#about-our-practice:hover,a#about-our-practice.active{background-position:0 -37px}

a#home:hover,a#home.active{background-position:0 -37px}

/* .......... subnavigation rollover effects .......... */

#navigation ul li a:hover,#navigation ul li a.active{background-position:0 -20px;font-weight:bold}

/* .......... cursor effects .......... */

#navigation .active{cursor:default}



/* ........................................ THE GAME ROOM ........................................ */



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;

	display: inline-block;

}

ul#sesame-games img {

	border: 0;

	float: right;

	margin: 0 0 10px 10px;

}

ul#sesame-games p {

	padding-bottom: 1em;

}