*{
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	font-family: verdana, tahoma, arial, sans-serif;
	color: #999999;
	background: #bfcc85 url(tile.jpg) repeat-y center top; margin: 0;;
}
#wrap {margin: 0 auto;width: 760px}
/*

|		  Typography					|

*/

a {
	text-decoration: underline;
	color: #8262a3;
}
#footer a {color: #c8b0e2;}
#footer a:hover {color: #ffffff;}
a:link { 
}
a:visited {
}
a:active {
}
a:hover {color: #579a57;
	text-decoration: underline;
}

#footer a.sesame {
	font-weight: bold;
	color: #9aa03e;
	text-decoration: none;
}
#footer a.sesame:hover {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
#footer a.doctorname {
    font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	color: #000000;
	text-decoration: none;
}
#footer a.doctorname:hover {
    font-size: 11px;
	line-height: 14px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
#footer a.practicename {
    font-size: 11px;
	line-height: 14px;
	color: #b9b4bb;
	font-weight: bold;
	text-decoration: none;
}
#footer a.practicename:hover {
    font-size: 11px;
	line-height: 14px;
	color: #b9b4bb;
	font-weight: bold;
	text-decoration: none;
}

h1 {
	font-size: 24px;
	line-height: 30px;
	height: 30px;
	font-weight: bold;
	margin: 18px 0 18px 0;
	color: #ffffff;
}
h1#logo {
	margin: 0;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 45px;
	height: 45px;
	margin: 36px 0 36px;
}

h3 {
	font-size: 13px;
	color: #999999;
	line-height: 18px;
	margin-bottom: 18px;
	font-weight: bold;
}
h4 {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 18px;
	font-weight: bold;
	color: #999999;
}
h5 {
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
}
h6 {
	font-size: 10px;
	line-heght: 18px;
	margin-bottom: 18px;
	font-weight: bold;
}
img {
	border: 0;
	display: block;
}
ol, ul, dl {
	font-size: 11px;
	list-style: none;
	margin: 18px 0;
}
ul.bullet {
	font-size: 11px;
	list-style: outside;
	margin-left: 18px;
	list-style-type: disc;
}
ul.bullet ul {
	font-size: 11px;
	list-style: outside;
	margin-left: 18px;
}
ul.bullet-home {
	font-size: 11px;
	list-style: outside;
	margin-left: 18px;
}
ul.bullet-home ul {
	font-size: 11px;
	list-style: outside;
	margin-left: 18px;
}
ul.bullet-home li {
	line-height: 17px;
}
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;
	line-height: 22px;
}
blockquote {
	margin-left: 30px;
	margin-top: 19px;
	margin-bottom: 10px
}
p {
	font-size: 11px;
	line-height: 22px;
	margin: 0 0 18px;
}
p.home {
	line-height: 17px;
}
p.top, .skip {font-weight: bold;}
p#b-appointment {width: 150px; height: 36px; float: right; clear: right;}
p#b-appointment a {display: block; width: 150px; height: 36px;}
li > p {
	margin-top: 3px;
}

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: #bfcc85}
sup, sub {
	font-size: 75%;
}

table {
	margin: 0 auto;
	font-size: 12px;
}
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%;
}

.left {
float:left;
margin:0 10px 10px 0;}
img.right {
float:right;
margin:0 0 10px 10px;}
.clear {
clear:both;}
h2.media-center {
background:#000033;
color:#FFF;
margin:0;
padding:5px;}
div.media-center {
background:#967fbb;
color:#FFF;
display:inline-block;
margin-bottom:10px;
overflow:auto;
padding:10px;}
div.media-center a {
color:#FFF;}
div.media-center img {
border:1px solid #FFF;}

/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/
.replace {
	letter-spacing : -1000em;
	line-height: 0;
	over-flow: 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 	|
*/
#home-flash {
    position: absolute; top:0px; left:134px; width:482px; height:320px; text-align:left; z-index:3
}
#flash-office-tour { z-index:20;
}
#home-flash 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: left;
}

ul#sesame-games p {
float: left;
width: 250px;
margin: 0 0 0 15px;
padding-bottom: 5px;
}

.flash {/* class for common flash styles */
	overflow: hidden;
	margin: 0 0 18px 0;
}
p.upgrade-flash {margin: 18px 54px; background: #005782; padding: 9px; color: #ffffff; 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-right {/* Right Floated Images */
	float: right;
	margin: 9px 0 18px 9px;
	clear: right;
	border: 0px;
}
.float-right-invisalign {
	float: right;
	margin: 18px 0 18px 9px;
	clear: right;
	border: 0px;
}

#container {
	width: 760px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -380px;	
	padding-bottom: 25px;
}
#logo{
	width: 222px;
	height: 265px;
	position: absolute; top:50px; left:36px; width:222px; height:265px; z-index:22;
}
#logo a {
	display: block;
	width: 222px;
	height: 265px;
}
#patient-login {
    position: absolute; top:0px; left:37px; width:112px; height:50px; z-index:28;
}
#doctor-login {
    position: absolute; top:0px; left:147px; width:112px; height:50px; z-index:29;
}
#what-sets-us-apart-flag {
    position: absolute; top:512px; left:37px; width:221px; height:80px; z-index:3;
}
#dr-ferrer-in-the-news {
    position: absolute; top:599px; left:44px; width:207px; height:72px; z-index:4;
}
#bottom {
	width: 760px;
	height: 7px;
	background: #93a445;
}
#content-home {
	background: #ffffff url(images/main_bg_home.jpg) 0 0 no-repeat;
}
#content {
	background: #ffffff url(images/main_bg.gif) 0 0;
	min-height: 687px;
}
*html #content {
	height: 687px;
}
#simply-sensational-orthodontics {
	position: absolute;
	left: 0;
	width: 37px;
	z-index:12;
}
#nav-column {
	position: absolute;
	left: 37;
	width: 221px;
	z-index:20;
}
#nav-column .inner {
	padding-top: 280px;
	margin: 18px 0 0 37px;
}
#nav a {
	display: block;
	padding-left: 18px;
	width: 219px;
	color: #967fbb;
}
#nav a:hover {
	color: #93a445;
}
#nav ul {
	position: absolute;
	left: -999px;
	padding: 0;
	margin: -30px 0 0 248px;
	background: #dcdcdc;
	border: 0px solid #ffffff;
}
#nav li {
	display: inline;
}
#nav ul li a {
	width: 160px;
	display: block;
	font-size: 10px;
	line-height: 13px;
	color: #787878;
	font-weight: bold;
	background: #dcdcdc;
	padding: 2px 12px;
	text-decoration: none;
}
#nav ul li a:hover {
	background: #9580bb;
	color: #dcdcdc;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: 0;
	display: block;
}
#n-home, #n-about-us, #n-for-new-patients, #n-comments, #n-braces-101, #n-game-room, #n-contact-us, #n-referrals {
	height: 30px;
	overflow: hidden;
	text-indent: -999px;
	background: url(images/nav.gif) no-repeat;
}
#n-referrals2 {
	background: url(images/nav-home.gif) no-repeat;
	height: 30px;
	overflow: hidden;
	text-indent: -999px;
}
#n-patient-login {
	height: 50px;
	width: 110px;
	overflow: hidden;
	text-indent: -999px;
	background: url(images/patient-login.gif) no-repeat;
}
#n-doctor-login {
	height: 50px;
	width: 110px;
	overflow: hidden;
	text-indent: -999px;
	background: url(images/doctor-login.gif) no-repeat;
}
#n-what-sets-us-apart {
	height: 80px;
	width: 221px;
	overflow: hidden;
	text-indent: -999px;
	background: url(images/what-sets-us-apart.gif) no-repeat;
}
#main-column {
	margin-left: 258px;
	margin-top: 0px;
}
#main-column .inner {
	padding-top: 20px;
	margin: 0 18px 0 18px;
}
.inner-col {width: 49%; float: left;}
.inner-col dl {margin: 0 18px;}
.sidebar {background: #78b1df; font-size: .92em; padding: 10px 10px 0 10px; width: 254px}

#footer {
	margin-top: 0px;
	margin-left: 0px;
	text-align: center;
	background: #8262a3;	
}
#footer .inner {
padding: 9px 0 9px;
margin: 0 9px;
}
#footer ul {
	display: inline;
	margin: 0;	
}
#footer ul li {
	display: inline;
	padding: 0 10px;
	font-size: 11px;
}
#footer p {
	margin: 0px 0;
	font-size: 10px;
	line-height: 13px;
	color: #000000;
}

/*
|	Image Replacement	|
*/

/* Headings */
#h-patient-testimonials {background: url(images/h-patient-testimonials.gif) no-repeat;}
#h-about-us {background: url(images/h-about-us.gif) no-repeat;}
#h-what-sets-us-apart {background: url(images/h-what-sets-us-apart.gif) no-repeat;}
#h-meet-the-orthodontist {background: url(images/h-meet-the-orthodontist.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-newsletter {background: url(images/h-newsletter.gif) no-repeat;}
#h-suresmile-and-channel-10 {background: url(images/h-suresmile-and-channel-10.gif) no-repeat;}
#h-extreme-dental-makeover {background: url(images/h-extreme-dental-makeover.gif) no-repeat;}
#h-for-new-patients {background: url(images/h-for-new-patients.gif) no-repeat;}
#h-office-policies {background: url(images/h-office-policies.gif) no-repeat;}
#h-financial {background: url(images/h-financial.gif) no-repeat;}
#h-patient-forms {background: url(images/h-patient-forms.gif) no-repeat;}
#h-comments {background: url(images/h-comments.gif) no-repeat;}
#h-braces-101 {background: url(images/h-braces-101.gif) no-repeat;}
#h-why-braces {background: url(images/h-why-braces.gif) no-repeat;}
#h-orthodontics-for-children {background: url(images/h-orthodontics-for-children.gif) no-repeat;}
#h-two-phase-treatment {background: url(images/h-two-phase-treatment.gif) no-repeat;}
#h-orthodontics-for-adults {background: url(images/h-orthodontics-for-adults.gif) no-repeat;}
#h-orthodontic-treatments {background: url(images/h-orthodontic-treatments.gif) no-repeat;}
#h-orthodontic-dictionary {background: url(images/h-orthodontic-dictionary.gif) no-repeat;}
#h-surgical-orthodontics {background: url(images/h-surgical-orthodontics.gif) no-repeat;}
#h-ask-the-orthodontist {background: url(images/h-ask-the-orthodontist.gif) no-repeat;}
#h-resources {background: url(images/h-resources.gif) no-repeat;}
#h-life-with-braces {background: url(images/h-life-with-braces.gif) no-repeat;}
#h-types-of-braces {background: url(images/h-types-of-braces.gif) no-repeat;}
#h-types-of-appliances {background: url(images/h-types-of-appliances.gif) no-repeat;}
#h-braces-diagram {background: url(images/h-braces-diagram.gif) no-repeat;}
#h-brace-painter {background: url(images/h-brace-painter.gif) no-repeat;}
#h-retainers {background: url(images/h-retainers.gif) no-repeat;}
#h-invisalign {background: url(images/h-invisalign.gif) no-repeat;}
#h-suresmile {background: url(images/h-suresmile.gif) no-repeat;}
#h-emergency-care {background: url(images/h-emergency-care.gif) no-repeat;}
#h-game-room {background: url(images/h-game-room.gif) no-repeat;}
#h-contact-us {background: url(images/h-contact-us.gif) no-repeat;}
#h-referrals {background: url(images/h-referrals.gif) no-repeat;}
#h-site-map {background: url(images/h-site-map.gif) no-repeat;}
#h-fun-stuff {background: url(images/h-fun-stuff.gif) no-repeat;}
#h-commonly-asked-questions {background: url(images/h-commonly-asked-questions.gif) no-repeat;}
#h-before-and-after {background: url(images/h-before-and-after.gif) no-repeat;}
#h-your-first-visit {background: url(images/h-your-first-visit.gif) no-repeat;}
#h-ibraces {background: url(images/h-ibraces.gif) no-repeat;}
#h-regular-checkups {background: url(images/h-regular-checkups.gif) no-repeat;}

/* Nav */
#n-home {background-position: 0 0;}
#n-home:hover, #n-home.active {background-position:-221px 0;}

#n-about-us {background-position: 0 -30px;}
#n-about-us:hover, #n-about-us.active {background-position:-221px -30px;}

#n-for-new-patients {background-position: 0 -60px;}
#n-for-new-patients:hover, #n-for-new-patients.active {background-position:-221px -60px;}

#n-comments {background-position: 0 -90px;}
#n-comments:hover, #n-comments.active {background-position:-221px -90px;}

#n-braces-101 {background-position: 0 -120px;}
#n-braces-101:hover, #n-braces-101.active {background-position:-221px -120px;}

#n-game-room {background-position: 0 -150px;}
#n-game-room:hover, #n-game-room.active {background-position:-221px -150px;}

#n-contact-us {background-position: 0 -180px;}
#n-contact-us:hover, #n-contact-us.active {background-position:-221px -180px;}

#n-referrals {background-position: 0 -210px;}
#n-referrals:hover, #n-referrals.active {background-position:-221px -210px;}

#n-referrals2 {background-position: 0 -210px;}
#n-referrals2:hover, #n-referrals2.active {background-position:-221px -210px;}

/* Other */
#n-patient-login {background-position: 0 0;}
#n-patient-login:hover, #n-patient-login.active {background-position:-112px 0;}

#n-doctor-login {background-position: 0 0;}
#n-doctor-login:hover, #n-doctor-login.active {background-position:-112px 0;}

#n-what-sets-us-apart {background-position: 0 0;}
#n-what-sets-us-apart:hover, #n-what-sets-us-apart.active {background-position:-221px 0;}