/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, 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 {line-height:1.5; background:url("../images/bg.jpg") top center no-repeat #64D6D1; font:12px Verdana, Arial, Helvetica, sans-serif;}
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;}
em { font-style:italic; }
.hide {display:none;}
.flash-replaced .alt {display:none;}
.clr:after {content:".";display:block;height:0;clear: both;visibility: hidden;}

/* 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;}
.right {float: right;}

#container {
	width:1120px;
	height:1000px;
	margin:0 auto;
	position:relative;
	z-index:10;

}

#decor-flowers {
	position:absolute;
	top:0px;
	right:30px;
	width:238px;
	height:238px;
	background:url("../images/decor-flowers.png") 0 0 no-repeat;
	z-index:50;
}

#decor-palmtree {
	position:absolute;
	top:240px;
	left:7px;
	width:459px;
	height:450px;
	background:url("../images/decor-palmtree.png") 0 0 no-repeat;
	z-index:50;
}


/* Header */

#logo {
	width:284px;
	height:159px;
	position:absolute;
	background:url("../images/logo.png") 0 0 no-repeat;
	z-index:500;
	top:0px;
	left:155px;
}

#logo a {
	display:block;
	width:268px;
	height:110px;
	text-indent:-9999em;
	margin:42px 0 0 8px;
}

/* Patient Login, Doctor Login */

#upper-nav {
	position:absolute;
	top:40px;
	left:500px;
}

#upper-nav li {
	list-style:none;
	float:left;
	margin-right:10px;
}

#upper-nav li a {
	display:block;
	width:135px;
	height:34px;
	background-image:url("../images/upper-nav.gif");
	line-height:34px;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}

#upper-nav .patient-login { background-position:0 0; }
#upper-nav .doctor-login { background-position:-138px 0; }



#page-photo {
	margin:70px auto 0 auto;
	width:910px;
	height:366px;
	background:url("../images/photo-frame.png") 0 0 no-repeat;
	z-index:15;
}

#page-photo img {
	width:852px;
	height:308px;
	margin:30px 0 0 25px;	
}

/* Content */

#hd {
	margin-bottom:10px;
}

#content-c {
	position:relative;
	background:url("../images/content-top.png") 0 0 no-repeat;
	width:916px;
	z-index:400;
	margin:0 auto 0 auto;
	padding-top:13px;
}

#shadow-side {
	background:url("../images/shadow-side.png") 0 0 repeat-y;
	width:916px;
	margin:0 0 0 2px;
	padding-top:6px;
}

#content-bg {
	background:url("../images/pattern.jpg") 0 0 repeat;
	margin:0 auto 0 auto;
	width:874px;
}

#content-top-bg { background:url("../images/content-top-bg.jpg") top left no-repeat; }
#content-bottom-bg { background:url("../images/content-bottom-bg.jpg") bottom left no-repeat; }


#content {
	float:left;
	width:600px;
	margin:20px 0;
}

#content p {
	color:#32810b;
	line-height:160%;
	margin:0 0 20px 0;
}

#content a {
	text-decoration:none;
	color:#1463a4;
	font-weight:bold;
}

#content a:hover, #content p.sub_nav a.active {
	color:#15aca5;
}

#content h2 {
	font-size:14px;
	color:#15aca5;
	font-weight:bold;
	margin:0 0 20px 0;
}

#content h3 {
	font-size:13px;
	color:#32810b;
	font-weight:bold;
	margin:0 0 20px 0;
}

#content div.hr {
	width:596px;
	height:10px;
	clear:both;
	margin:10px auto 20px auto;
	background:url("../images/sep-horiz.gif") 0 0 no-repeat;
	text-indent:-9999em;
}

h6 {
	width:596px;
	height:10px;
	clear:both;
	margin:10px auto 20px auto;
	background:url("../images/sep-horiz.gif") 0 0 no-repeat;
	text-indent:-9999em;
}

#content ul, #content ol {
	margin:0 0 20px 20px;
	color:#32810b;
}

#content ul li, #content ol li {
	line-height:160%;
}

#content p.sub_nav {
	text-align:right;
	font-size:11px;
}

/* Sidebar */

#sidebar {
	width:225px;
	float:left;
	margin:20px 25px 20px 0;
	background:url("../images/sep-vert.gif") top right no-repeat;
	min-height:570px;
}


/* Navigation */

#nav {
	margin:20px 0 0 10px;
	position:relative;
	z-index:1000;
}

#nav ul li {
	list-style:none;
	margin:0 0 5px 0;
}

#nav ul li a.head, #home {
	display:block;
	width:185px;
	height:33px;
	background:url("../images/nav-1.gif") 0 0 no-repeat;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
	color:#1463a4;
	line-height:33px;
	padding-left:15px;
}

#nav ul li:hover a.head, 
#nav ul li.sfhover a.head,
#nav ul li.active a.head,
#nav ul li:hover #home,
#nav ul li.sfhover #home,
#nav ul li.active #home {
	background-position:0 -33px !important;
	color:#FFF;
}

#nav ul ul { 
	position:absolute;
	left:-9999em;
	z-index:1000;
	width:200px;
	background:#1463a4;
	border:2px solid #FFF
}

#nav ul ul li {
	margin:0 !important;
}

#nav ul ul li a {
	display:block !important;
	color:#FFF;
	text-decoration:none;
	padding:3px 0 3px 10px;
	font-size:12px;
	font-weight:bold;
}

#nav ul ul li a:hover {
	background:#15aca5;
}


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

#sidebar #callout {
	display:block;
	background:url("../images/homepage-callout.jpg") 0 0 no-repeat;
	width:188px;
	height:151px;
	text-indent:-9999em;
	margin:20px 0 0 10px;
}

#sidebar address {
	color:#1463a4;
	margin:20px 0 20px 10px;
	font-size:11px;
}

#sidebar address strong {
	font-size:12px;
}

#sidebar .logos {
	margin:20px 0 0 10px;
}


/* Homepage */

#flash-homepage {
	width:852px;
	height:308px;
	margin:30px 0 0 25px;
	background:url("../images/home-bg.png") 0 0 no-repeat;
}


/* Office Tour */

#content .center {
	text-align:center;
}

#content #slides a {
	margin:0 4px;
}

#content #slides a.activeSlide {
	color:#15aca5;
}

/* Headlines */

h1.headline {
	width:399px;
	height:66px;
	background-image:url("../images/headlines.gif");
	text-indent:-9999em;
	margin:10px 0 20px 0;
}

#hdl-home {
	width:562px;
	height:135px;
	text-indent:-9999em;
	background:url("../images/homepage-headline.gif") 0 0 no-repeat;
}

#hdr-meet-dr-dyer {background-position:0 -66px; }
#hdr-meet-the-staff {background-position:0 -132px; }
#hdr-what-sets-us-apart {background-position:0 -200px; }
#hdr-faqs {background-position:0 -271px; }
#hdr-your-first-visit {background-position:0 -340px; }
#hdr-office-tour {background-position:0 -408px; }
#hdr-treatment-options {background-position:0 -476px; }
#hdr-patient-forms {background-position:0 -542px; }
#hdr-for-children-and-adults {background-position:0 -608px; }
#hdr-why-braces {background-position:0 -677px; height:67px !important; }
#hdr-two-phase-treatment {background-position:0 -744px; }
#hdr-ortho-dictionary {background-position:0 -813px; height:67px !important; }
#hdr-life-with-braces {background-position:0 -880px; }
#hdr-types-of-braces {background-position:0 -953px; }
#hdr-brace-painter {background-position:0 -1020px; }
#hdr-types-of-appliances {background-position:0 -1087px; }
#hdr-retainer-instructions {background-position:0 -1154px; }
#hdr-color-your-retainer {background-position:0 -1222px; }
#hdr-common-treatments {background-position:0 -1290px; }
#hdr-surgical-orthodontics {background-position:0 -1357px; height:67px !important; }
#hdr-dentofacial-orthopedics {background-position:0 -1424px; }
#hdr-in-ovation {background-position:0 -1495px; }
#hdr-invisalign {background-position:0 -1563px; }
#hdr-emergency-care {background-position:0 -1632px; }
#hdr-patient-care-videos {background-position:0 -1698px; }
#hdr-palatal-expander {background-position:0 -1766px; }
#hdr-office-location {background-position:0 -1835px; }
#hdr-comment-form {background-position:0 -1900px; }
#hdr-refer-a-friend {background-position:0 -1970px; }
#hdr-site-map {background-position:0 -2034px; height:63px !important; }






/* Footer */

#footer {
	position:relative;
	background:url("../images/footer-bg.jpg") 0 0 no-repeat;
	width:874px;
	height:115px;
	margin:13px auto;
}

#decor-tucan {
	position:absolute;
	width:204px;
	height:170px;
	background:url("../images/decor-tucan.png") 0 0 no-repeat;
	bottom:0px;
	right:-40px;
}

#footer p {
	padding:5px 0 0 10px;
	width:700px;
	font-size:11px;
	color:#065493;
}

#footer a {
	font-weight:bold;
	text-decoration:none;
	color:#8b4fa9;
}

#footer #sesame {
	color:#cb7444;
}



/* set bg image for each link */
/*

a#about-the-team {background-image:url(../images/nav/about-the-team.png);}

a#for-new-patients {background-image:url(../images/nav/for-new-patients.png);}

a#about-orthodontics {background-image:url(../images/nav/about-orthodontics.png);}

a#braces {background-image:url(../images/nav/braces.png);}

a#orthodontic-treatments {background-image:url(../images/nav/orthodontic-treatments.png);}

a#first-aid {background-image:url(../images/nav/first-aid.png);}

a#contact-us {background-image:url(../images/nav/contact-us.png);}

a#home {background-image:url(../images/nav/home.png);}

a#site-map {background-image:url(../images/nav/site-map.png);}

*/








/*-----------------------------------------------
	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: #d5e0eb;/* 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: #f1f1f1;/* customize me - this is the hover color change of form fields*/
					 	outline-color: #537197;/* 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: #537197;/*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:#cfdae4;/* customize me! */
							border: 1px solid #537197;
							line-height: 34px;
							color:#537197;/* 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;}