/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body,td {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}
* .hide {display:none;}
.flash-replaced .alt {display:none;}

/* typography */
@font-face {
	font-family: 'FrutigerLTStd75Black';
	src: url('type/FrutigerLTStd-Black.eot');
	src: local('Frutiger LT Std 75 Black'), local('FrutigerLTStd-Black'), url('type/FrutigerLTStd-Black.woff') format('woff'), url('type/FrutigerLTStd-Black.otf') format('opentype'), url('type/FrutigerLTStd-Black.svg#FrutigerLTStd-Black') format('svg');
}

@font-face {
	font-family: 'FrutigerLTStd65Bold';
	src: url('type/FrutigerLTStd-Bold.eot');
	src: local('Frutiger LT Std 65 Bold'), local('FrutigerLTStd-Bold'), url('type/FrutigerLTStd-Bold.woff') format('woff'), url('type/FrutigerLTStd-Bold.otf') format('opentype'), url('type/FrutigerLTStd-Bold.svg#FrutigerLTStd-Bold') format('svg');
}

@font-face {
	font-family: 'FrutigerLTStd46LightItalic';
	src: url('type/FrutigerLTStd-LightItalic.eot');
	src: local('Frutiger LT Std 46 Light Italic'), local('FrutigerLTStd-LightItalic'), url('type/FrutigerLTStd-LightItalic.woff') format('woff'), url('type/FrutigerLTStd-LightItalic.otf') format('opentype'), url('type/FrutigerLTStd-LightItalic.svg#FrutigerLTStd-LightItalic') format('svg');
}

@font-face {
	font-family: 'FrutigerLTStd55Roman';
	src: url('type/FrutigerLTStd-Roman.eot');
	src: local('Frutiger LT Std 55 Roman'), local('FrutigerLTStd-Roman'), url('type/FrutigerLTStd-Roman.woff') format('woff'), url('type/FrutigerLTStd-Roman.otf') format('opentype'), url('type/FrutigerLTStd-Roman.svg#FrutigerLTStd-Roman') format('svg');
}

body {font-size:80%;color:#000;font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#5f6363;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.5em;margin-bottom:0.75em;}
h3, dt {font-size:1.2em;line-height:1;margin-bottom:1em;}
h4 {font-size:1em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.nofloat {float: none; margin: 0; vertical-align: middle; display: inline-block;}
img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:visited {color:#5b5b5b;}
a:focus, a:hover {color:#8d980d;}
a {color:#5b5b5b;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal; margin-left:2em;}
ul.no-disc {list-style: none;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tfoot {font-style:italic;}
caption {background:#eee;}
* .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
* .large {font-size:1.2em;line-height:1.5em;margin-bottom:1.25em;}
* .hide {display:none;}
* .quiet {color:#666;}
* .loud {color:#000;}
* .first {margin-left:0;padding-left:0;}
* .last {margin-right:0;padding-right:0;}
* .top {margin-top:0;padding-top:0;}
* .bottom {margin-bottom:0;padding-bottom:0;}
* .replace {background-position: top left; background-repeat: no-repeat; display:block; overflow: hidden; text-indent: -999em;}

/* grid */
* .container {width:990px;margin:0 auto;}
body {margin:0;}
div.column {float:left;margin-right:0;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
* .clearfix, * .container {display:inline-block;}
 * html .clearfix, * html .container {height:1%;}
* .clearfix, * .container {display:block;}
* .clear {clear:both;}

/* custom */
body {background: #434545 url(../images/layout/bg.png) top center repeat-x;}
* #container {
	width: 100%;
	background: url(../images/layout/bd_tile.png) top center repeat-y;
}
* #inner_container {
	width: 100%;
	background: url(../images/layout/bg.jpg) top center no-repeat;
}
#fb-index { position:absolute; right:-210px; top:45px; display:block; z-index:999}

/* header */
* #hd {height:460px; position:relative;}
* #logo, #logo a {height:180px; width:160px;}
* #logo {position: absolute; top:0; left:0;}
#logo a {
	background: url(../images/layout/clear.gif) top left no-repeat;
	display:block;
	overflow: hidden;
	text-indent: -999em;
}
* #slides {
	top: 150px;
	right: -70px;
	position: absolute;
	width: 500px;
	height: 375px;
	z-index: 50;
}
* #marquee {
	background: url(../images/slides/shadow.png) 20px 140px no-repeat;
	top: 150px;
	left: 35px;
	position: absolute;
	width: 542px;
	z-index: 40;
}
#marquee div {
	background: url(../images/slides/arrow.png) 0 130px no-repeat;
	position: relative;
	width: 542px;
	height: 300px;
}
#marquee div h2 {
	color: #c1d113;
	font-size: 2em;
	font-weight: bold;
	margin-top: 75px;
	text-shadow: -1px 1px 2px #333;
	font-family: 'FrutigerLTStd75Black';
	letter-spacing: .05em;
}
#marquee div p {
	color: #fff;
	font-family: 'FrutigerLTStd65Bold';
	font-size: 1.5em;
	padding: 0 0 40px 50px;
	text-shadow: -1px 1px 2px #333;
	width: 460px;
}

#slides img {
	position: absolute;
	top: 0;
	right: 0;
}

/* body */
* #content {
	padding: 30px 0 40px 40px;
	width:600px;
	min-height:400px;
}
	#content h1 {
		font-size:2.5em;
		font-weight:bold;
		text-shadow: 0 1px #eee, -1px 1px 4px #999;
		font-family: 'FrutigerLTStd75Black';
		letter-spacing: .05em;
	}
	* .flash-replaced {margin-bottom:1em;}
	.flash-replaced .alt {display:none;}
	* .inset {background-color: #ccc; border:1px solid #999; float:right; margin: 0 0 0 10px; padding-top:10px; width:180px;}
	.inset p, .inset ul {font-size: .9em;}
	.inset p,
	.inset h3 {margin-left:10px; margin-right:10px;}
	ul.logos {margin-left:30px; list-style:none;}
	ul.logos li {float:left;}
	ul.logos li a {height:39px; padding-right:20px;}
	ul.logos li a.aao {background-image: url(../images/logos/aao.png); width:116px;}
	ul.logos li a.damon {background-image: url(../images/logos/damon.png); width:153px;}
	ul.logos li a.invisalign {background-image: url(../images/logos/invisalign.png); width:113px;}
	ul.logos li a.abo {background-image: url(../images/logos/abo.png); width:116px;}
	div.map {margin-bottom:1em;}
	p.breadcrumbs {margin-top:3em;}
	p.breadcrumbs, p.breadcrumbs a {color:#00a890;}
	p.breadcrumbs a:hover {color:#ccc;}
	p.intro {
		color: #2f3030;
		font-size: 1.5em;
		text-shadow: 0 1px #eee;
		font-family: 'FrutigerLTStd46LightItalic';
	}
	* .call_to_action {
		background: url(../images/layout/content_arrow.png) center right no-repeat;
		padding-right: 50px;
		text-align: right;
		text-shadow: 0 1px #eee;
		position:relative
	}
	.call_to_action h4 {
		color: #000;
		font-family: "FrutigerLTStd75Black";
		font-weight: bold;
		font-size: 1.3em;
		margin-bottom: 0;
	}
	.call_to_action p {
		font-family: "FrutigerLTStd55Roman";
		margin-bottom: 0;
	}
	.call_to_action a {
		color: #000;
		text-decoration: none;
	}
	.vision-statement .wrapper p {
		font-size: 1.25em;
		text-align: center;
		margin-right: 200px;
	}

	/* images */
	img.border {
		border: 1px solid #aaa;
		padding: 5px;
		background: #fff;
	}
	img.auto {float: right; margin: -50px 0 20px 15px}
	.meet-the-staff #content img, .meet-dr-wells #content img {
		float:right;
		border: 1px solid #aaa;
		padding: 5px;
		background: #fff;
		margin: 0 0 10px 20px;
	}

/* navigation */
* #nav {
	left: 50%;
	margin-left: -270px;
	position: absolute;
	top: 90px;
}
#nav ul {
	list-style: none;
	margin: 0;
}
#nav li {
	float: left;
	padding-top: 20px;
}
#nav li.active {
	background: url(../images/nav/active_arrow.png) top center no-repeat;
}
#nav li.active li {background: none;}
#nav a {
	background: url(../images/nav/home.png) top left no-repeat;
	display: block;
	height: 40px; /* h */
	overflow: hidden;
	text-align: left;
	text-indent: -999em;
	width: 71px; /* w */
}

/* horizontal nav */
#nav a:hover,
#nav li.sfhover a,
#nav li.active a {background-position: 0 -35px;} /* -h */

/* nav images */
a#the-team {background-image:url(../images/nav/the-team.png); width:99px;}
a#new-patients {background-image:url(../images/nav/new-patients.png); width:127px;}
a#braces {background-image:url(../images/nav/braces.png); width:82px;}
a#treatments {background-image:url(../images/nav/treatments.png); width:120px;}
a#fun-stuff {background-image:url(../images/nav/fun-stuff.png); width:95px;}
a#patient-care {background-image:url(../images/nav/patient-care.png); width:126px;}
a#contact-us {background-image:url(../images/nav/contact.png); width:92px;}

/* subnav */
#nav li ul {
	background: url(../images/layout/sub_bg.png) top left no-repeat;
	height: 66px;
	left: -250px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	position: absolute;
	text-align: center;
	top: -9999px;
	width: 958px;
}

#nav li li {
	margin: 0 15px;
	padding: 10px 0 0 0;
}

#nav li li a,
#nav li li a:visited {
	display: inline;
	background: none;
	color: #cadb13;
	font-size: 13px;
	height: 20px;
	text-decoration: none;
	text-indent: 0;
	width: 100%;
}

#nav li li a:hover {color: #fff;}

#nav li:hover ul,
#nav li.sfhover ul {
	display: block;
	text-align: center;
	top: 60px;
	z-index: 1000;
}

/* fix spacing of these subnav items */
#nav li.in-ovation {padding-top: 0;}
#nav li.invisalign {padding-top: 0;}

/* sidebar */
* #sidebar {
	background: url(../images/layout/sidebar.png) top left no-repeat;
	position: absolute;
	top: 415px;
	left: 50%;
	margin-left: 170px;
	width: 302px;
	height: 465px;
	padding: 40px;
	padding-top:50px;
	color: #fff;
	z-index: 100;
}
#sidebar h3,
#sidebar a,
#sidebar .highlight {
	color: #ccdc13;
}
#sidebar h3 {
	font-family: "FrutigerLTStd75Black";
	font-weight: bold;
	margin-bottom: .5em;
	text-shadow: -1px 1px 2px #333;
}
#sidebar a:hover {color:#fff;}
#sidebar ul.callouts {
	list-style: none;
	margin-left: 0;
}
#sidebar h4 {
	color: #fff;
	font-weight: bold;
}
#sidebar ul.callouts a {
	background: url(../images/layout/icn_arrow.png) top left no-repeat;
	display: block;
	padding-bottom: 7px;
	padding-left: 25px;
	text-decoration: none;
}
#sidebar li.patient-login a,
#sidebar li.doctor-login a {
	background-image: url(../images/layout/icn_lock.png);
	padding-top: 2px;
}


/* footer */
* #ft_wrapper {
	background: url(../images/layout/ft.png) top center no-repeat;
	padding:40px 0 20px 0;
	width: 100%;
}
* #ft {
	color: #fff;
	padding: 35px 0 35px 35px;
	width: 920px;
}
#ft a {color:#ccdc13;}
#ft a:hover {color: #fff;}
#ft .column {width:280px; margin-right:35px;}
#ft .last {margin-right: 0;}
#ft h4 {
	color: #cdd1d3;
	font-family: "FrutigerLTStd75Black";
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: .1em;
	text-transform: uppercase;
}
#ft .callouts a {
	text-decoration:none;
}
#ft .callouts {
	list-style-image: url(../images/layout/bullet.png);
}
#ft .text_nav {
	margin-bottom: 0;
}
#ft .text_nav a {
	color: #fff;
	text-decoration: none;
}
#ft .text_nav a:hover {
	color: #ccdc13;
}
a#sesame-link {color: #fff; text-decoration: none;}
a#sesame-link:hover {color: #ccdc13;}

div.box {
	float: right;
	clear: right;
	width: 334px;
	background-color: #9fbb03; /* Customize me! */
	padding: 5px 0 5px 5px;
	margin: 0 0 20px 20px;
	border: solid 1px #333; /* Customize me! */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px;
}
div.box img {
	float: left;
	border: solid 1px #333; /* Customize me! */
	margin-right: 5px;
}
div.box p {
	color: #fff;
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}
hr { /* Customize me! */
	clear: both;
	margin: 1em 0;
}

/* games */
div#sesame-game {background: #000; line-height: 0; margin: 10px auto 30px auto; text-align: center; width: 400px}
ul#sesame-games {list-style: none; margin: 0 18px 0 0; padding: 0}
ul#sesame-games li {clear: both; display: block}
ul#sesame-games img {border: 0; float: right; margin: 0 0 10px 10px}
ul#sesame-games a.button {float:right; height:85px; width:200px}
ul#sesame-games p { padding-bottom: 1em}

ul#sesame-games {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;}
ul#sesame-games li {
	width: 187px;
	height: 79px;
	border: 1px solid #1e3554; /* add hex color to change border color; defaults to BODY Font Color*/
	float: left;
	margin: 0 9px 9px 0;
	overflow: hidden;
	position: relative;
	background: #603329; /*add hex color to match site*/}
ul#sesame-games li p {
	font-size: 11px;
	color: #fff;
	margin: 9px;
	position: relative;}
ul#sesame-games li a {
	position: relative;
	display: block;
	overflow: hidden;
	width: 187px;
	height: 79px;}
ul#sesame-games a img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	width: 187px;
	display: block;}

/* In-Ovation */
* .left {
	float: left;
	margin: 0 10px 10px 0;
}
img.right {
	float: right;
	margin: 0 0 10px 10px;
}
* .clear {clear: both;}
div.comparison {
	display: inline-block;
	margin-bottom: 10px;
	clear: both;
}
div.comparison div {
	float: left;
	width: 49%;
	}
* #video-in-ovation {
	width: 320px;
	height: 266px;
	}

/* Damon */
* #damon-wrap {
	width: 400px;
}
* #damon-left {
	float: left;
	width: 175px;
	margin-right: 20px;
}
* #damon-right {
	float: left;
	width: 170px;
}


/*-----------------------------------------------
	Forms
	*/
	/* Global form styles */
	div.referral-form, div.appointment-form, div.comments {
		width: 100%;
		margin-top: 18px;
		letter-spacing: normal;
	}

	fieldset {border: 0; padding: 9px 0;margin: 0 18px;}
		fieldset h2 {margin: 0 0 9px;}
		fieldset p {margin: 0 0 18px;}
		fieldset p.disclaimer {font-size: 90%; font-style: italic; margin: 0;}
		fieldset dl {}
			fieldset dl dt {font-size: 16px; clear: both; margin: 9px 0 0;}
				fieldset dd ul {margin: 9px 0;}
					fieldset dd ul li, fieldset dd ol li {list-style: none;}
					fieldset dd li {
						clear: both;
						margin: 3px 0;
						padding: 5px 0 4px 10%;
						overflow: auto;
						height: auto;
						position: relative;
						}
					fieldset dd li:hover {background: #bbb;/* customize me - this is the hover color change of li */}
					fieldset dd li input:hover, fieldset dd li input:focus,
					 fieldset dd li select:hover, fieldset dd li select:focus,
					 fieldset dd li textarea:hover, fieldset dd li textarea:focus {
					 	background: #efefef;/* customize me - this is the hover color change of form fields*/
					 	outline-color: #999;/* customize me */
					 	}
						fieldset li h3 {font-size: 12px; line-height: 18px; margin: 0;}
						fieldset li div {float: left; display: inline-block; width: 40%; position: relative; padding-right: 5%;}
						fieldset li div.input-street {width: 85%;}
						fieldset li div.input-city {width: 60%;}
						fieldset li div.input-full-name {width: 85%;}
						fieldset li div.input-phone-full {width: 85%;}
						fieldset li div.input-email {width: 85%;}
						fieldset li div.input-zip {width: 20%;}
						fieldset li div.content-switch, fieldset li div.radio, fieldset li div.checkbox {width: 85%;}
							fieldset li div.radio input {border: none;}
							fieldset li div.radio label {padding-right: 9px; font-size: 90%;}
						/*fieldset li div.hidden-content, fieldset li.hidden-content {display: none;}*/
						fieldset li div.input-select-full {width: 85%;}
						fieldset li div.input-comments {width: 85%;}
							li div.input-comments textarea {height: 63px; overflow: auto;}
						fieldset li div.input-captcha {width: 50%;}
						fieldset li div.verification {width: 35%;}
							li div.verification img {
								border: 1px solid;
								margin-top: 9px;
								-moz-border-radius: 4px; /*for Moz, optional*/
								-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
								}
							fieldset li div label {
								line-height: 18px;
								font-weight: bold;
								margin-bottom: 9px;
								font-size: 80%;
								color: #333;/*override to match site*/
								}
							fieldset li div input, fieldset li div textarea, fieldset li div select {
								display: block;
								line-height: 18px;
								width: 100%;
								border: 1px solid;
								padding: 4px 0 3px;
								text-indent: 4px;
								margin-top: 9px;
								-moz-border-radius: 4px; /*for Moz, optional*/
								-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
								}
							fieldset li div select {height: 25px;}
							fieldset li div.radio input {display: inline; width: auto; margin-right: 4px;}
							fieldset li div div {width: 100%;}
						fieldset dl dd.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*/
							display: block;
							width: 125px;
							height: 34px;
							text-align: center;
							margin: 0;
							background:#cdde13;/* customize me! */
							border: 1px solid #747e08;
							line-height: 34px;
							color:#747e08;/* customize me! */
							font-size:12px;
							font-weight:bold;
							-moz-border-radius: 4px; /*for Moz, optional*/
							-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
							}





	/* appointment form
	* Styles only for the appointment request form
	*/


	/* comment form
	* Styles only for the comments form
	*/
	/*numbering added by jQuery*/
	fieldset ol li span.comment-number {
		font-size: 150%;
		color: #537197;/* customize me*/
		position: absolute;
		left: 9px;
		top: 9px;
	}


	/* referral form
	* Styles only for the referral form
	*/
	.referral-form fieldset li div.radio {width: 40%;}

	/* JQuery */
	input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1;}
	div.error {
		background: url(../images/validate_error.gif) 0 0 no-repeat;
		color: #a52003;
		width: 18px;
		height: 18px;
		position: absolute;
		top: 0;
		right: 0;
		overflow: hidden;
		display: block;
		margin: 12px -2% 0 0;
		text-indent: -999em;}
	div.success {
		background: url(../images/validate_ok.gif) 0 0 no-repeat;
		width: 18px;
		height: 18px;
		position: absolute;
		top: 0;
		right: 0;
		overflow: hidden;
		display: block;
		margin: 12px -2% 0 0;
		text-indent: -999em;}

	.contact-form div.error, .contact-form div.success {margin-left: 0;}

	/* IE6 upgrade alert */
	* #ie_alert {display: none;background-color: #fff;width: 400px;color: #333;text-align: left;font-size: 11px;letter-spacing: normal;font-weight: bold;padding: 15px 15px 0 15px;border: solid 2px #a52003;position: absolute;z-index: 5000;top: 10px;left: 10px;}
	#ie_alert ul {margin: 0 0 15px 25px;}
	#ie_alert p {margin: 0 0 15px 0; line-height: 14px; padding: 0;}
	a.upgrade {float: left; margin: 0 10px 0 0;}
	span#ie_alert_reasons {color: #a52003;}
	#ie_alert .right {float: right;}

	
/* edit.com visible styles */
body, td, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; color: #000; font-family: Arial, Helvetica, sans-serif; }
* .NormalText { font-size: 12px; } 

.Title		{ color: #5F6363; font-size: 30px; font-weight: bold; font-family: Georgia; }
.Header		{ color: #5F6363; font-size: 19px; font-weight: normal; font-family: Arial; }
.Subheader	{ color: #5F6363; font-size: 15px; font-weight: normal; font-family: Arial; }

.Green		{ color: #5B5B5B; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }
.Gray 		{ color: #5F6363; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; line-height: 1em; }
.LargeText	{ font-size: 24px; line-height: 1em; }

IMG.FloatLeft 	{ float: left; margin: 0 10px 10px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 10px 10px; }

.image-border {
	border: 1px solid #aaa;
	padding: 5px;
	background: #fff;}
.smile-center { text-align:center; margin:0 0 0 -20px; padding:0}