* { margin: 0; outline: none; padding: 0; }
body { background: #000 url(../images/bg.jpg); }

/* - - - - - - - - - - TEXT - - - - - - - - - - */
body, form, input, textarea { color: #2A2A2A; font-family: verdana, sans-serif; font-size: 12px; }
blockquote { margin: 10px 40px; }
div.hr { background: url(../images/hr.jpg) repeat-x; clear: both; height: 5px; margin: 30px auto; padding: 0; width: 200px; }
div.hr hr { display: none; }
/* Editable HR */
h6 {
	display:block;
	border: 0;
	background-color:#000;
	height: 1px;
	text-align: left;
	width: 740px;
	clear:both;
}
p.breadcrumbs { color: #2A2A2A; font-size: 10px; line-height: 10px; }
p { color: #2A2A2A; line-height: 18px; margin: 10px 0; }
p.flash  { background: #F00; color: #FFF; line-height: 18px; margin: 0; padding: 10px; }
p.top-link { clear: both; font-size: 11px; line-height: 14px; text-align: right; }
#content ul { list-style: disc; margin: 10px 40px; }
#content ul li { margin: 10px 0; }
#content ul li ul { list-style: circle; margin: 10px 30px; }
#content ul li ul li { margin: 10px 0; }
#content ul.sitemap { color: #2A2A2A; line-height: 12px; list-style: disc; margin: 10px 20px; }
#content ul.sitemap a { color: #2A2A2A; }
#content ul.sitemap li { margin: 10px 0; }
#content ul.sitemap ul { color: #2A2A2A; line-height: 12px; list-style: circle; margin: 10px 30px; }
#content ul.sitemap ul a { color: #2A2A2A; }
#content ul.sitemap ul li { margin: 10px 0; }
#footer p { font-size: 11px; line-height: 14px; }

/* - - - LINKS - - - */
a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }
p.breadcrumbs a { color: #2A2A2A; font-size: 10px; line-height: 10px; text-decoration: none; }
p.breadcrumbs a:hover { text-decoration: underline; }
p.top-link a { color: #2A2A2A; font-weight: bold; text-decoration: none; }
p.top-link a:hover { color: #2A2A2A; text-decoration: underline; }
.flash a { color: #FFF; font-weight: bold; }
#footer a { color: #9E1B32; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* - - - HEADERS - - - */
h1 { background: no-repeat; height: 45px; margin-bottom: 20px; overflow: hidden; text-indent: -9999px; }
h2 { color: #9B1B32; font-size: 16px; margin: 10px 0; }
h3 { color: #9B1B32; font-size: 14px; margin: 10px 0; }
h3.team { clear: both; color: #9B1B32; font-size: 14px; margin: 10px 0; }
h4 { color: #2A2A2A; font-size: 11px; margin: 5px 0; }

/* - - - - - - - - - - IMAGES - - - - - - - - - - */
img { border: 0; display: block; }
img.center { clear: both; margin: 0 auto; }
img.left { clear: left; float: left; margin: 0 30px 30px 0; }
img.left-nofloat { clear: left; margin: 0 20px 20px 0; }
img.right { clear: right; float: right; margin: 0 0 30px 30px; }
img.auto { clear: right; float: right; margin: 0 0 10px 10px; }
img.center, img.left, img.left-nofloat, img.right, img.auto { border: #313130 1px solid; }
.flash img { float: right; }
.flash-replaced .alt { display: block; height: 1000px; position: absolute; overflow: hidden; width: 0; }
.map { border: #313130 1px solid; margin-bottom: 20px; }

/* - - - - - - - - - - LAYOUT - - - - - - - - - - */

#container { margin: 0 auto; padding: 0 110px; width: 780px; }
#container-wrapper { margin: 0 auto; width: 1000px; }
#content { background: #F6EECA url(../images/content-bg.jpg) no-repeat; float: left; padding: 30px 20px 0; width: 740px; }
#header { background: url(../images/header-bg.jpg) no-repeat bottom; height: 310px; margin: 0 auto; padding: 24px 110px 0; width: 780px; }
#header a.logo { display: block; height: 310px; margin: 0 auto; overflow: hidden; text-indent: -9999px; width: 780px; background-position:bottom !important;}
#header a.logo.page-missing { background: url(../images/header-page-missing.jpg) no-repeat; }
#header a.logo.internal-server-error { background: url(../images/header-internal-server-error.jpg) no-repeat; }
#header a.logo.location { background: url(../images/header-location.jpg) no-repeat; }
#header a.logo.refer-a-friend { background: url(../images/header-refer-a-friend.jpg) no-repeat; }
#header a.logo.home { background: url(../images/header-home.jpg) no-repeat; }
#header a.logo.why-choose-us { background: url(../images/header-why-choose-us.jpg) no-repeat; }
#header a.logo.welcome-to-our-office { background: url(../images/header-welcome-to-our-office.jpg) no-repeat; }
#header a.logo.our-mission { background: url(../images/header-our-mission.jpg) no-repeat; }
#header a.logo.meet-drs-hunt { background: url(../images/header-meet-drs-hunt.jpg) no-repeat; }
#header a.logo.meet-the-team { background: url(../images/header-meet-the-team.jpg) no-repeat; }
#header a.logo.office-tour { background: url(../images/header-office-tour.jpg) no-repeat; }
#header a.logo.smile-gallery { background: url(../images/header-smile-gallery.jpg) no-repeat; }
#header a.logo.testimonials { background: url(../images/header-testimonials.jpg) no-repeat; }
#header a.logo.our-blog { background: url(../images/header-our-blog.jpg) no-repeat; }
#header a.logo.your-first-visit { background: url(../images/header-your-first-visit.jpg) no-repeat; }
#header a.logo.patient-cooperation { background: url(../images/header-patient-cooperation.jpg) no-repeat; }
#header a.logo.financial-information { background: url(../images/header-financial-information.jpg) no-repeat; }
#header a.logo.patient-forms { background: url(../images/header-patient-forms.jpg) no-repeat; }
#header a.logo.what-braces-can-do-for-you { background: url(../images/header-what-braces-can-do-for-you.jpg) no-repeat; }
#header a.logo.for-children { background: url(../images/header-for-children.jpg) no-repeat; }
#header a.logo.for-adults { background: url(../images/header-for-adults.jpg) no-repeat; }
#header a.logo.two-phase-treatment { background: url(../images/header-two-phase-treatment.jpg) no-repeat; }
#header a.logo.ortho-dictionary { background: url(../images/header-ortho-dictionary.jpg) no-repeat; }
#header a.logo.faq { background: url(../images/header-faq.jpg) no-repeat; }
#header a.logo.links { background: url(../images/header-links.jpg) no-repeat; }
#header a.logo.life-with-braces { background: url(../images/header-life-with-braces.jpg) no-repeat; }
#header a.logo.types-of-braces { background: url(../images/header-types-of-braces.jpg) no-repeat; }
#header a.logo.clearcorrect { background: url(../images/header-types-of-braces.jpg) no-repeat; }
#header a.logo.types-of-appliances { background: url(../images/header-types-of-appliances.jpg) no-repeat; }
#header a.logo.braces-diagram { background: url(../images/header-braces-diagram.jpg) no-repeat; }
#header a.logo.oral-care-video { background: url(../images/header-oral-care-video.jpg) no-repeat; }
#header a.logo.retainers { background: url(../images/header-retainers.jpg) no-repeat; }
#header a.logo.emergency-care { background: url(../images/header-emergency-care.jpg) no-repeat; }
#header a.logo.orthodontic-treatments { background: url(../images/header-orthodontic-treatments.jpg) no-repeat; }
#header a.logo.surgical-orthodontics { background: url(../images/header-surgical-orthodontics.jpg) no-repeat; }
#header a.logo.invisalign { background: url(../images/header-invisalign.jpg) no-repeat; }
#header a.logo.wilckodontics { background: url(../images/header-wilckodontics.jpg) no-repeat; }
#header a.logo.the-game-room { background: url(../images/header-the-game-room.jpg) no-repeat; }
#header a.logo.brace-painter { background: url(../images/header-brace-painter.jpg) no-repeat; }
#header a.logo.color-your-retainer { background: url(../images/header-color-your-retainer.jpg) no-repeat; }
#header a.logo.site-map { background: url(../images/header-site-map.jpg) no-repeat; }
#header a.logo.before-and-after { background: url(../images/header-before-and-after.jpg) no-repeat; }
#header-container { background: url(../images/header-container.jpg) repeat-x bottom; height: 395px; margin: 0 auto; width: 100%; }
#flash-home { height: 260px; margin: 30px 0 0 334px; position: absolute; width: 426px; }
#footer { background: #F6EECA url(../images/footer-bg.jpg) no-repeat bottom; clear: both; margin-bottom: 110px; padding: 10px 20px 40px; width: 740px; }
#phone-banner {color:#ffffff; font-weight:bold; left:50%; margin:0 0 0 -93px; position:absolute; text-align:right; top:80px;}
#sidebar { float: right; padding: 0 0 50px 40px; width: 180px; }
#topnav-container { height: 76px; margin: 0 auto; width: 780px; }

/* - - - - - - - - - - NAVIGATION - - - - - - - - - - */
#nav { margin: 0 auto; padding: 0 110px; width: 780px; }
#nav ul { list-style: none; width: 780px; }
#nav li { float: left; }
#nav a { display: block; height: 61px; overflow: hidden; text-indent: -9999px; }

/* - - - - - - - - - - TOP NAVIGATION - - - - - - - - - - */
#topnav { margin-left: 396px; width: 384px; }
#topnav ul { list-style: none; width: 384px; }
#topnav li { float: left; }
#topnav a { display: block; height: 32px; overflow: hidden; text-indent: -9999px; }

/* - - - NAVIGATION & TOP NAVIGATION IMAGES - - - */
a#patient-login { background: url(../images/nav/patient-login.jpg); width: 120px; }
a#doctor-login { background: url(../images/nav/doctor-login.jpg); width: 107px; }
a#contact-us { background: url(../images/nav/contact-us.jpg); width: 90px; }
a#home { background: url(../images/nav/home.jpg); width: 67px; }
a#our-office { background: url(../images/nav/our-office.jpg); width: 92px; }
a#new-patients { background: url(../images/nav/new-patients.jpg); width: 112px; }
a#about-orthodontics { background: url(../images/nav/about-orthodontics.jpg); width: 158px; }
a#about-braces { background: url(../images/nav/about-braces.jpg); width: 113px; }
a#orthodontic-technology { background: url(../images/nav/orthodontic-technology.jpg); width: 190px; }
a#fun-and-games { background: url(../images/nav/fun-and-games.jpg); width: 115px; }

/* - - - NAVIGATION ROLLOVER EFFECTS - - - */
#nav ul a:hover, #nav ul li.active a { background-position: 0 -61px; }
#nav ul li:hover #page1, #nav ul li.sfhover #page1,
#nav ul li:hover #page2, #nav ul li.sfhover #page2,
#nav ul li:hover #page3, #nav ul li.sfhover #page3 { background-position: 0 -61px; }

/* - - - TOP NAVIGATION ROLLOVER EFFECTS - - - */
#topnav ul a:hover, #topnav ul li.active a { background-position: 0 -32px; }
#topnav ul li:hover #page1, #topnav ul li.sfhover #page1,
#topnav ul li:hover #page2, #topnav ul li.sfhover #page2,
#topnav ul li:hover #page3, #topnav ul li.sfhover #page3 { background-position: 0 -32px; }

/* - - - - - - - - - - - - - - - - - - - - HORIZONTAL TEXTUAL SUBNAVIGATION - - - - - - - - - - - - - - - - - - - - */

/* - - - SUBNAVIGATION - - - */
#nav ul li ul { background: #61111F url(../images/subnav-bg.jpg) repeat-x; left: -9999px; list-style: none; padding: 15px 0 10px; position: absolute; z-index: 1; width: 240px; }
#nav ul li:hover ul, #nav ul li.sfhover ul { left: auto; }
#nav ul li ul li { float: none; }
#nav ul li ul li a { background: none; color: #FFF; font-size: 11px; height: 24px; line-height: 24px; padding: 0 10px; text-decoration: none; text-indent: 0; text-transform: uppercase; width: 220px; }

/* - - - SUBNAVIGATION ROLLOVER EFFECTS - - - */
#nav ul li ul li a:hover, #nav ul li ul li.active a { background: #9E1B32; color: #FFF; font-weight: bold; }

/* - - - TOP SUBNAVIGATION - - - */
#topnav ul li ul { background: #61111F url(../images/subnav-bg.jpg) repeat-x; left: -9999px; list-style: none; padding: 15px 0 10px; position: absolute; z-index: 1; width: 240px; }
#topnav ul li:hover ul, #topnav ul li.sfhover ul { left: auto; }
#topnav ul li ul li { float: none; }
#topnav ul li ul li a { background: none; color: #FFF; font-size: 11px; height: 24px; line-height: 24px; padding: 0 10px; text-decoration: none; text-indent: 0; text-transform: uppercase; width: 220px; }

/* - - - TOP SUBNAVIGATION ROLLOVER EFFECTS - - - */
#topnav ul li ul li a:hover, #topnav ul li ul li.active a { background: #9E1B32; color: #FFF; font-weight: bold; }

/*---------------------------
Sesame Forms
---------------------------*/

/* Global form styles */
fieldset {border: none; padding: 9px 0;}
fieldset div {clear: both;}
.form-header {border-bottom: 1px solid #2A2A2A;/*optional, change color to match site*/}
.form-header h3 {margin: 0 0 9px;}
.form-header p {margin: 0 0; padding-bottom: 18px;}
.form-footer {padding-top: 18px; text-align: center; border-top: 1px solid #2A2A2A;/*optional, change color to match site*/}
.form-footer button {/*these styles control the look of the button, change as necessary*/
	clear:both;/*do not change, forces button to sit below floated elements*/
	margin: 9px auto;/*do not change, controls positioning*/
	display: block;
	width:125px;
	height:31px;
	background:#61111F;/* customize me! */
	border: none;/* customize me! */
	text-align:center;
	line-height:31px;
	color:#ffffff;/* customize me! */
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;}

/* referral form */
.referral-form {
	margin: 20px auto;
	width: 500px; 
	padding: 10px;
	border: solid 1px #2A2A2A;/*optional, change color to match site*/
	background:#fafafa;}/*optional, change color of background*/
.referral-form fieldset {border: none; padding: 9px 0;}
.referral-form label {/*floats labels left*/
	font-size: 12px;
	display:block;
	font-weight:bold;
	text-align:right;
	width:200px;
	float:left;
	line-height: 18px;
	padding-top: 4px;}
.referral-form label span {/*sits below labels; holds instructions*/
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:200px;}
.referral-form input, .referral-form textarea {
	color:#000;
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #2A2A2A;/* customize me! */
	width:200px;
	margin:9px 0 9px 10px;
	background: #F6EECA;}
.referral-form p.radio, .referral-form p.verification {
	clear: both;
	margin: 9px 0 9px 210px;
	font-size: 12px;}
.referral-form p.radio-float {
	clear: none;
	float:left;
	width: 200px;
	padding:0;
	margin:9px 0 9px 0;}
.referral-form p.verification {margin-top: 0;}
.referral-form p.verification img {border: 1px solid #2A2A2A;}/* customize me! */
.referral-form p.radio input, .referral-form p.radio-float input {
	float: none;
	width: auto;
	margin: 0 0 0 10px;
	padding: 4px 2px;}
	
/* - - - - - - - - - - THE GAME ROOM - - - - - - - - - - */
div#sesame-game {
background: #000;
line-height: 0;
margin: 10px auto 30px;
text-align: center;
width: 400px}

ul#sesame-games {
list-style: none;
margin: 0;
padding: 0;
width: 720px}

ul#sesame-games li {
clear: both;
display: block}

ul#sesame-games img {
border: 0;
margin: 0 0 10px 10px}

ul#sesame-games a.button {
float:right;
height:85px;
width:200px}

ul#sesame-games p {
padding-bottom: 1em}

/*Slideshow*/

#slideshow-container ul.slideshow {
	list-style: none; 
	width: 730px; 
	height: 400px;
	margin: 0; 
	padding: 0;
	}
#slideshow-container {
	background: #d4c796; /* 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: 730px; 
	padding: 10px;
	line-height: 18px;
	}
#slideshow-container div#caption {
	width:280px;
	text-align:center;
	min-height: 18px;
	clear: both;
	background-color: #bead6e; /* Customize me */
	color: #fff; /* Customize me */
	padding: 10px;
	margin: 10px 0 0 210px;
	/*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: 300px; 
	height: 375px;
	margin-left: 210px;
	}
.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;} 

.office-tour-nav2 {
	background-color: #fff; /* Customize me */ 
	width:297px;
	margin: 0 0 10px 207px;
	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-nav2 a {
	text-decoration: none; 
	font-size: 12px; 
	padding: 5px; 
	margin: 0 3px; 
	color: #333;}
.office-tour-nav2 a.activeSlide, .office-tour-nav2 a:hover {color: #009EC7;}
.office-tour-nav2 #prev { margin-left:106px;}


.img-right{float:right;margin:5px 0 20px 20px;clear:both;background:#fff;padding:4px;border-radius:10px;}
.img-left{float:left;margin:0px 35px 20px 0px;clear:both;background:#fff;padding:4px;border-radius:10px;}