/* layout */



body, table {font: 12px/16px "Trebuchet MS", Verdana, Arial;}



body.main {background: #4e88c7 url(images/home_bg.gif) repeat-x; margin: 0; text-align: center;}



body.sub {background: url(images/sub_bg.gif) no-repeat center top; margin: 0; text-align: center;}
body.sub-contact {background: url(images/sub_bg-contact.gif) no-repeat center top; margin: 0; text-align: center;}



#container {width: 800px; margin: 0 auto; text-align: left;}



#head {background: url(images/head_bg.gif) repeat-x; height: 67px;}



#head_info {font: bold 12px "Trebuchet MS", Verdana, Arial; color: #000; float: right; margin-top: 5px; text-align: right;}

#head_info a {color: #000000;}



#flash_wrap {height: 225px; margin: 0 0 35px 0; clear: both}



#home_text {font: 12px "Trebuchet MS", Verdana, Arial; color: #fff; clear: both;}



#left_col {width: 197px; height: 225px; float: left;}



#left_text {color: #fff; background-color: #4e88c7; font-weight: bold; text-align: right; width: 110px; margin: 35px 10px 0 0; float: right;}
#left_text2 {color: #fff; background-color: #4e88c7; font-weight: bold; text-align: right; width: 180px; margin: 35px 10px 0 0; float: right;}

#social-icons { text-align:right; width:180px; margin:25px 10px 0 0; float:right; }
#social-home { float:right }
#social-home img { margin:8px 0; }

#content {background: url(images/content_top.jpg) no-repeat; width: 550px; margin: 0 0 0 25px; float: left;}



#sub_footer {background: #67b8ad; color: #fff; width: 550px; font-size: 11px; text-align: center; padding: 2px 0; margin: 20px 0 10px 0;}



#sub_names {text-align: center; color: #4e88c7; font-weight: bold; width: 550px;}



.break {clear: both;}











/* Images */



img {border: 0;}



.img_border {border: solid 1px #4e88c7;}



.img_center {margin: 0 auto; display: block;}



.img_center_border {border: solid 1px #4e88c7; margin: 0 auto; display: block;}



.img_left {border: 0; margin: 5px 15px 15px 0; float: left;}



.img_left_border {border: solid 2px #4e88c7; margin: 5px 15px 15px 0; float: left; clear: left;}



.img_right {border: 0; margin: 5px 0 15px 15px; float: right;}

.img_right-call {border: 0; margin: 5px 0 15px 5px; float: right;}



.img_right_border {border: solid 2px #4e88c7; margin: 5px 0 15px 15px; float: right; text-align: center; clear: right;}







/* Links */



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



#content a:hover {color: #4e88c7;}



#home_text a, #sub_footer a {color: #fff; text-decoration: none;}



#home_text a:hover, #sub_footer a:hover {color: #fff; text-decoration: underline;}



#sub_names a {color: #4e88c7; text-decoration: none;}



#sub_names a:hover {text-decoration: underline;}







/* Headings */



h1 {width: 443px; height: 50px; margin: 0 0 10px 0; text-indent: -999em;}



h2 {font: bold 17px "Trebuchet MS", Verdana, Arial; color: #67b8ad; margin: 10px 0;}



h3 {font: bold 14px "Trebuchet MS", Verdana, Arial; color: #000; margin: 0;}



h4 {font: bold 14px "Trebuchet MS", Verdana, Arial; color: #fff; margin: 0;}



h1.about_us {background: url(images/titles/about_us.gif);}



h1.meet_ferry {background: url(images/titles/meet_ferry.gif);}

h1.meet-the-team {background: url(images/titles/meet-the-team.gif);}

h1.meet_mike {background: url(images/titles/meet_mike.gif);}

h1.office-tour {background: url(images/titles/office-tour.gif);}

h1.haitian {background: url(images/titles/haitian_health_foundation.gif);}



h1.new_patients {background: url(images/titles/new_patients.gif);}



h1.first_visit {background: url(images/titles/first_visit.gif);}



h1.policies {background: url(images/titles/policies.gif);}



h1.medical_forms {background: url(images/titles/medical_forms.gif);}



h1.braces_101 {background: url(images/titles/braces_101.gif);}



h1.children {background: url(images/titles/ortho_children.gif);}



h1.two_phase {background: url(images/titles/two_phase.gif);}



h1.adults {background: url(images/titles/ortho_adult.gif);}



h1.dictionary {background: url(images/titles/ortho_dictionary.gif);}



h1.treatments {background: url(images/titles/ortho_treatments.gif);}



h1.surgical_ortho {background: url(images/titles/sugical_ortho.gif);}



h1.life {background: url(images/titles/life_braces.gif);}



h1.types_braces {background: url(images/titles/types_braces.gif);}



h1.types_appliances {background: url(images/titles/types_appliances.gif);}



h1.diagram {background: url(images/titles/braces_diagram.gif);}



h1.retainers {background: url(images/titles/retainers.gif);}



h1.faqs {background: url(images/titles/faqs.gif);}



h1.resources {background: url(images/titles/resources.gif);}



h1.invisalign {background: url(images/titles/invisalign.gif);}
h1.invisalign-teen {background: url(images/titles/invisalign-teen.gif);}

h1.emergencies {background: url(images/titles/emergencies.gif);}



h1.games {background: url(images/titles/games.gif);}



h1.contact {background: url(images/titles/contact.gif);}



h1.site_map {background: url(images/titles/site_map.gif);}







/* Lists */



ul, ol {margin-top: 0; margin-bottom: 10px;}







/* Nav */



#nav a {display: block; height: 19px; text-decoration: none; text-indent: -999em; overflow: hidden;}



#nav-home, #nav-about_us, #nav-new_patients, #nav-braces_101, #nav-invisalign, #nav-emergencies, #nav-games, #nav-contact,  #nav-left, #nav-right, .spacer {float: left; height: 19px;}



.spacer {background: url(images/nav/spacer.gif); width: 21px;}



#nav-left {background: url(images/nav/nav_left.gif); width: 37px;}



#nav-right {background: url(images/nav/nav_right.gif); width: 32px;}



#nav-home {background: url(images/nav/home.gif); width: 48px;}



#nav-about_us {background: url(images/nav/about_us.gif); width: 68px;}



#nav-new_patients {background: url(images/nav/new_patients.gif); width: 91px;}



#nav-braces_101 {background: url(images/nav/braces_101.gif); width: 77px;}



#nav-invisalign {background: url(images/nav/invisalign.gif); width: 78px;}



#nav-emergencies {background: url(images/nav/emergencies.gif); width: 90px;}



#nav-games {background: url(images/nav/games.gif); width: 49px;}



#nav-contact {background: url(images/nav/contact.gif); width: 83px;}



#home li#nav-home, #nav li:hover#nav-home, #nav li.sfhover#nav-home,



#about_us li#nav-about_us, #nav li:hover#nav-about_us, #nav li.sfhover#nav-about_us,



#new_patients li#nav-new_patients, #nav li:hover#nav-new_patients, #nav li.sfhover#nav-new_patients,



#braces_101 li#nav-braces_101, #nav li:hover#nav-braces_101, #nav li.sfhover#nav-braces_101,



#invisalign li#nav-invisalign, #nav li:hover#nav-invisalign, #nav li.sfhover#nav-invisalign,



#emergencies li#nav-emergencies, #nav li:hover#nav-emergencies, #nav li.sfhover#nav-emergencies,



#games li#nav-games, #nav li:hover#nav-games, #nav li.sfhover#nav-games,



#contact li#nav-contact, #nav li:hover#nav-contact, #nav li.sfhover#nav-contact {background-position: 0 19px;}







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



#nav li {display: inline;}



#nav li ul {background: #67b8ad; left: -9999px; position: absolute;}



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



#nav ul li a {background-color: #67b8ad; font: bold 12px "Trebuchet MS", Verdana, Arial; color: #000; height: 16px; padding: 3px 0 3px 10px; width: 165px; text-decoration: none; text-indent: 0; border: solid 1px #fff; border-width: 0 0 1px 0;}



#nav ul li a:hover {background-color: #afcaea;}

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: #97AFC2;
	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;}

#slideshow-container ul.slideshow {
	list-style: none; 
	width: 460px; 
	height: 307px;
	overflow:hidden;
	margin: 0; 
	padding: 0;
	}
#slideshow-container {
	background: #AFCAEA; /* Customize me */
	border: solid 1px #a0b606; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	width: 460px; 
	padding: 10px;
	line-height: 18px;
	}
#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 #a0b606; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px;
	}
#slideshow-container ul.slideshow img {
	width: 460px;
	margin: 0;
	}
	/**222**/
	#slideshow-container-2 ul.slideshow {
	list-style: none; 
	width: 460px; 
	height: 307px;
	overflow:hidden;
	margin: 0; 
	padding: 0;
	}
#slideshow-container-2 {
	background: #AFCAEA; /* Customize me */
	border: solid 1px #a0b606; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	width: 460px; 
	padding: 10px;
	line-height: 18px;
	}
#slideshow-container-2 div#caption-2 {
	min-height: 18px;
	clear: both;
	background-color: #fff; /* Customize me */
	color: #333; /* Customize me */
	padding: 10px;
	margin: 10px 0 0 0;
	border: solid 1px #a0b606; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px;
	}
#slideshow-container-2 ul.slideshow img {
	width: 460px;
	margin: 0;
	}
	
	/****/
.office-tour-nav {
	background-color: #fff; /* Customize me */
	margin: 0 0 10px 0;
	padding: 5px 3px;
	border: solid 1px #a0b606; /* Customize me */
	-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: #009EC7;}