body {



	margin-left: 0px;



	margin-top: 0px;



	margin-right: 0px;



	margin-bottom: 0px;



	background-color: #005D5D;



	background-image: url(images/background.gif);



	background-repeat: repeat-x;



}



.content {



	background-color: #005D5D;



	



	background-repeat: no-repeat;



	background-position: right top;



	padding: 20px;



	height: 288px;



	width: 599px;



}







body,td,th {



	font-family: Tahoma, Verdana;



	color: #FFFFFF;



	font-size: 14px;



	line-height: 24px;



}



h1 {



	font-size: 18px;



	color: #FFFFFF;



}



h2 {



	font-size: 16px;



	font-style: italic;



}



h3 {



	font-size: 12px;



	color: #FFFFFF;



}



h4 {



	font-size: 10px;}





.design { padding:10px 0 0 15px}

/* LINKS ---------- */



a:link, a:visited {color: #7C5D1C; text-decoration: none}



a:hover, a:active {text-decoration: none; color: #FFFFFF;}



a b {visibility: hidden}



#sesame a {color: #CFB887; font-size: 12px; line-height:12px}

#sesame { font-size: 12px; }

#footer a {color: #FFFFFF; font-size: 10px; line-height:12px}



#internal {color: #FFFFFF}



#internal a:link, a:visited {color: #FFFFFF; text-decoration: none}



#internal a:hover, a:active {color: #FFFFFF; text-decoration: underline}







.content a {text-decoration:underline; color: #CC9900;}



.content a:hover {color:#CFB887;}



/* ---------------Top Navigation ------------------ */



ul#top-nav {



	height: 40px;



	list-style: none;



	margin: 0;



	padding: 0;



}







/*  Makes the list items sit next to each other */



#top-nav li {float: left;}







/*  Sets styles for all links that are inside the ul id="top-nav" */



#top-nav a {



display: block;



height: 40px; 



overflow: hidden; 



text-indent: -999em; /* Indents the rich-text so it does not show */



}







/* Set the image for each nav item */



#patient-login {background: url(images/nav-patient-login.gif); width:134px}



#doctor-login {background: url(images/nav-doctor-login.gif); width:134px}











/* Shift the image position up to show the active state */



#top-nav a:hover, #top-nav .active {background-position: 0 -40px;}







/* Set the cursor to default arrow so link does not appear clickable */



#top-nav .active {cursor: default}







/* ---------------Main Navigation ------------------ */



ul#nav {



	height: 20px;



	list-style: none;



	margin: 0;



	padding: 0;



}







/*  Makes the list items sit next to each other */



#nav li {float: left;}







/*  Sets styles for all links that are inside the ul id="nav" */



#nav a {



display: block;



height: 20px; 



width: 186px;



overflow: hidden; 



text-indent: -999em; /* Indents the rich-text so it does not show */



}







/* Set the image for each nav item */



#home {background: url(images/nav-home.gif)}



#meet-dr-montano {background: url(images/nav-meet-dr-montano.gif)}

#meet-dr-cardall {background: url(images/nav-meet-dr-cardall.gif)}

#meet-the-team {background: url(images/nav-meet-the-team.gif)}



#office-tour {background: url(images/nav-office-tour.gif)}



#what-sets-us-apart {background: url(images/nav-what-sets-us-apart.gif)}

#blog {background: url(images/nav-our-blog.gif)}

#faqs {background: url(images/nav-faqs.gif)}



#testimonials {background: url(images/nav-testimonials.gif)}



#benefits-of-braces {background: url(images/nav-benefits-of-braces.gif)}



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

#invisalign-teen {background-image: url(/images/nav-invisalign-teen.gif);}

#suresmile {background: url(images/nav-suresmile.gif)}



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



#request-an-appointment {background: url(images/nav-request-an-appointment.gif)}



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



#new-patient-forms {background: url(images/nav-new-patient-forms.gif)}



#contests {background: url(images/nav-contests.gif)}



#the-fun-zone {background: url(images/nav-the-fun-zone.gif)}



#orthodontic-links {background: url(images/nav-orthodontic-links.gif)}

#smile-lifetime		{background: url(images/smile-lifetime.gif); width:180px; height:95px}





/* Shift the image position up to show the active state */



#nav a:hover, #nav .active {background-position: 0 -20px;}







/* Set the cursor to default arrow so link does not appear clickable */



#nav .active {cursor: default}







#nav a:hover, #nav .active, 



#nav li:hover #benefits-of-braces, #nav li.sfhover #benefits-of-braces, 



#nav li:hover #about-braces, #nav li.sfhover #about_braces, 



#nav li:hover #contact-us, #nav li.sfhover #contact-us



{background-position: 0 -20px}







ul#nav {list-style: none; margin: 0; padding: 0;}







#nav ul {list-style: none; margin: 0; padding: 0}



#nav li {display: inline}



#nav li ul {float: none; background: #CAB280; font-size: 11px; left: -999em; padding: 5px 0; position: absolute; z-index: 1}



#nav li li {float: none}



#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -20px 0px 0px 186px}



#nav ul li a {height: 12px; line-height: 11px; margin: 0; padding: 4px 4px 4px 15px; text-indent: 0; text-decoration: none; width: 125px}



#nav ul li a:hover {background: #7C5D1C; color:#FFFFFF}











.game-text {



	color: #005D5D;



}



img.right {

float:right;

margin:0 0 10px 10px;}



.left {

float:left;

margin:0 10px 10px 0;}

img.right {

float:right;

margin:0 0 10px 10px;}

.clear {

clear:both;}

h2.media-center {

background:#4f9796;

color:#FFF;

margin:0;

padding:5px;}

div.media-center {

background:#7c5d1c;

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;}

img.right {
	border: solid 1px #000;
	margin: 0 0 15px 15px;
	float: right;
	clear: right;}
img.left {
	border: solid 1px #000;
	margin: 0 15px 20px 0;
	float: left;}
span.indent {
	padding-left: 40px;}
#invisalign-sidebar {
	background: #fff;
	width: 275px;
	margin: 0 0 15px 15px;
	padding: 0;
	border: solid 1px #000;
	float: right;
	clear: right;}
#invisalign-sidebar a {
	color: #036;}
#invisalign-sidebar h3 {
	background: #4F9796;
	margin: 0;
	padding: 15px;
	color: #fff;}
#invisalign-sidebar p {
	padding: 0 15px;
	margin: 15px 0;}
.thumb {
	border: solid 1px #000;
	margin: 0 10px 10px 0;
	float: left;
	clear: left;}
.clear {clear: both;}
img.right {
	float: right;
	margin: 0 0 15px 15px;
	}
.clear {clear: both;}
#video-invisalign {
	width: 360px;
	height: 266px;
	}
p.flash_notice {
	margin: 18px;
	padding: 9px;
	color: #ff0000;
	border: 1px dotted #ff0000;
	background: #ffffff;
	text-align: center;
	}
p.small {
	font-size: 10px;
	}
img.right-border {
	border: solid 1px #333;
	float: right;
	margin: 0 0 15px 15px;
	}
div.learn-more {
	background-color: #fff;
	color: #036;
	width: 50%;
	border: solid 1px #fff;
	padding: 0;
	margin: 15px 18px 15px 15px;
	float: right;
	}
div.learn-more a {
	color: #036;
	}
.learn-more h3 {
	background-color: #97AFC2;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 10px;
	}
.learn-more p {
	padding: 0;
	margin: 0 0 10px 0;
	}
.clear {
	clear: both;
	}
#video-suresmile {
	width: 320px;
	height: 206px;
	}
p.flash_notice {
	margin: 18px;
	padding: 9px;
	color: #ff0000;
	border: 1px dotted #ff0000;
	background: #ffffff;
	text-align: center;
	}
#social img { margin: 0 2px 0 0; width: 36px; height:36px; }
#phone-number { padding:0px 0 0 -7px; text-align:center}


/* Cycle Office Tour */
#slideshow-container ul.slideshow {
  list-style: none; 
  width: 462px; 
  height: 352px;
  margin: 0; 
  padding: 0;
  overflow: hidden;
}
#slideshow-container {
  background: #7c5d1c; /* Customize me */
  border: solid 1px #333; /* Customize me */
  border-radius: 5px; /* Optional - you may customize or remove */
  -moz-border-radius: 5px; /* Optional - you may customize or remove */
  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
  width: 462px; 
  padding: 10px;
  line-height: 18px;
  color:#FFFFFF;
}
#slideshow-container div#caption {
  min-height: 18px;
  clear: both;
  background-color: #fff; /* Customize me */
  color: #333; /* Customize me */
  padding: 10px;
  margin: 10px 0 0 0;
  border: solid 1px #333; /* Customize me */
  border-radius: 0 0 5px 5px; /* Optional - you may customize or remove */
  -moz-border-radius: 0 0 5px 5px; /* Optional - you may customize or remove */
  -webkit-border-bottom-left-radius: 5px; /* Optional - you may customize or remove */
  -webkit-border-bottom-right-radius: 5px; /* Optional - you may customize or remove */
}
#slideshow-container ul.slideshow img {
  width: 460px; 
  height: 350px;
  margin: 0;
  border: solid 1px #333; /* Customize me */
}
.office-tour-nav {
  background-color: #fff; /* Customize me */
  margin: 0 0 10px 0;
  padding: 5px 3px;
  border: solid 1px #333; /* Customize me */
  border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
  -moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
  -webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove */
  -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
}
.office-tour-nav a {
  text-decoration: none; 
  font-size: 12px; 
  padding: 5px; 
  margin: 0 3px; 
  color: #333;
}
.office-tour-nav a.activeSlide, .office-tour-nav a:hover {color: #7c5d1c;}