body {

	font-family: Arial, Helvetica, sans-serif;

	margin: 0px;

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

	background-repeat: repeat-y;

	background-position: center;

	font-size: 9pt;

	color: #333333;

	line-height: 13pt;

}

a:link {

	color: #47538B;

	text-decoration: underline;

}

a:visited {

	color: #47538B;

	text-decoration: underline;

}

a:hover {

	color: #D08500;

	text-decoration: underline;

}

a:active {

	color: #D08500;

	text-decoration: underline;

}





.right-bordered {

	float: right;

	margin-bottom: 20px;

	margin-left: 20px;

	border: 1px solid #92AA3F;

	background-color: #FFFFFF;

	padding: 3px;

}

.left-bordered {

	float: left;

	margin-bottom: 20px;

	border: 1px solid #A1AD3F;

	background-color: #FFFFFF;

	padding: 3px;

	margin-right: 20px;

}

.bordered {

	border: 1px solid #A1AD3F;

	background-color: #FFFFFF;

	padding: 3px;

}





.right {

	float: right;

	margin-bottom: 20px;

	margin-left: 20px;

}

.left {

	float: left;

	margin-bottom: 20px;

	margin-right: 20px;

}

.caption {

	font-style: italic;

	color: #860244;

}



a.button:link {

	font-size: 8pt;

	line-height: normal;

	text-transform: uppercase;

	color: #FFFFFF;

	background-color: #D08500;

	padding-top: 2px;

	padding-right: 3px;

	padding-bottom: 2px;

	padding-left: 3px;

	text-decoration: none;

}

a.button:visited {

	font-size: 8pt;

	line-height: normal;

	text-transform: uppercase;

	color: #FFFFFF;

	background-color: #D08500;

	padding-top: 2px;

	padding-right: 3px;

	padding-bottom: 2px;

	padding-left: 3px;

	text-decoration: none;

}

a.button:hover {

	font-size: 8pt;

	line-height: normal;

	text-transform: uppercase;

	color: #FFFFFF;

	background-color: #7C85BC;

	padding-top: 2px;

	padding-right: 3px;

	padding-bottom: 2px;

	padding-left: 3px;

	text-decoration: none;

}

a.button:active {

	font-size: 8pt;

	line-height: normal;

	text-transform: uppercase;

	color: #FFFFFF;

	background-color: #7C85BC;

	padding-top: 2px;

	padding-right: 3px;

	padding-bottom: 2px;

	padding-left: 3px;

	text-decoration: none;

}

.border-white {

	height: 187px;

	width: 473px;

	border: 1px solid #ECE9D8;

}

h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18pt;

	line-height: normal;

	text-transform: lowercase;

	color: #A1AD3F;

	margin-top: 25px;

}

h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10pt;

	line-height: normal;

	text-transform: uppercase;

	color: #860244;

	margin-bottom: -9px;

	margin-top: 15px;

}

h3 {

	font-size: 10pt;

}



.headers { letter-spacing : -10000em; } 

/* Just for Opera, but hide from MacIE */ 

/*\*/html>body .headers { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 

/* End of hack */ 

h1.headers {

	width:425px;

	height: 45px;

	background-repeat: no-repeat;

	background-position: left top;

	line-height: 0;

	overflow: hidden;

}

h2.headers {

	height: 15px;

	width: 425px;

	line-height: 0;

	overflow: hidden;

	background-repeat: no-repeat;

	background-position: left top;

}



#banner {

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

	text-align: center;

	height: 173px;

}

#login-content {

	text-align: right;

	width: 750px;

	margin-right: auto;

	margin-left: auto;

}

#login-box {

	background: #92AA3F;

	height: 43px;

	text-align: center;
	z-index:999;
	display:block;

}
#shim { position:relative; top:-4px; z-index:1}
#content {

	width: 750px;

	margin-right: auto;

	margin-left: auto;
	padding-top:0;
	margin-top:0px;
	
	z-index:0;

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

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-top-color: #FFFFFF;

	border-right-color: #FFFFFF;

	border-bottom-color: #FFFFFF;

	border-left-color: #FFFFFF;

	border-top-style: none;

	border-bottom-style: none;

}

#contentHome {

	width: 750px;

	margin-right: auto;

	margin-left: auto;

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

	height: 383px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #FFFFFF;

	border-left-color: #FFFFFF;

	

}

.content-box {

	width: 465px;

	margin-left: 10px;

	float: right;

	padding-right: 30px;

}

#flash-home {

	position: absolute; 

	top: 250px;

	left: 50%;

	margin-left :-127px;

	

	

}



#footer {

	background-color: #FFFFFF;

	width: 750px;

	margin-right: auto;

	margin-left: auto;

	line-height: normal;

	padding-top: 15px;

	padding-bottom: 15px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #FFFFFF;

	border-left-color: #FFFFFF;

	clear: both;

}

.shim {

	text-align: center;

	clear: both;

	margin-right: auto;

	margin-left: auto;

}

.beforeafter-table {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #7C85BC;

	padding-bottom: 20px;

}





.footer-left {

	font-size: 9pt;

	color: #be7b05;

}

.footer-right {

	font-size: 8pt;

	color: #747abf;

}

.footer-right a:link {

	color: #7C85BC;

	text-decoration: none;

}

.footer-right a:visited {

	color: #7C85BC;

	text-decoration: none;

}

.footer-right a:hover {

	color: #7C85BC;

	text-decoration: underline;

}

.footer-right a:active {

	color: #7C85BC;

	text-decoration: underline;

}

/* Image Replacement */
#h-thanks {background: url(images/title-thanks.gif) 0 0 no-repeat;}
#h-update {background: url(images/title-updates.gif) 0 0 no-repeat;}
#h-doctors {background: url(images/title-docs.gif) 0 0 no-repeat;}
#h-dr-referral {background: url(images/title-dr-referral.gif) 0 0 no-repeat;}
#h-team {

	background: url(images/title-team.gif) 0 0 no-repeat;

}

#h-tour {

	background: url(images/title-tour.gif) 0 0 no-repeat;

}

#h-apart {

	background: url(images/title-apart.gif) 0 0 no-repeat;

}

#h-garden {

	background: url(images/title-garden.gif) 0 0 no-repeat;

}

#h-dedication {

	background: url(images/title-dedication.gif) 0 0 no-repeat;

}

#h-aoa {

	background: url(images/title-aoa.gif) 0 0 no-repeat;

}

#h-ortho {

	background: url(images/title-ortho.gif) 0 0 no-repeat;

}

#h-whoneeds {

	background: url(images/title-whoneeds.gif) 0 0 no-repeat;

}

#h-choose {

	background: url(images/title-choose.gif) 0 0 no-repeat;

}

#h-faq {

	background: url(images/title-faq.gif) 0 0 no-repeat;

}

#h-newbraces {

	background: url(images/title-newbraces.gif) 0 0 no-repeat;

}

#h-visit {

	background: url(images/title-visit.gif) 0 0 no-repeat;

}

#h-magic {

	background: url(images/title-magic.gif) 0 0 no-repeat;

}

#h-bucks {

	background: url(images/title-bucks.gif) 0 0 no-repeat;

}

#h-events {

	background: url(images/title-events.gif) 0 0 no-repeat;

}

#h-suggest {

	background: url(images/title-suggest.gif) 0 0 no-repeat;

}



#h-happenings {

	background: url(images/title-happenings.gif) 0 0 no-repeat;

}

#h-contests {

	background: url(images/title-contests.gif) 0 0 no-repeat;

}

#h-links {

	background: url(images/title-links.gif) 0 0 no-repeat;

}

#h-before {

	background: url(images/title-before.gif) 0 0 no-repeat;

}



#h-site {

	background: url(images/title-site.gif) 0 0 no-repeat;

}


#h-contact {

	background: url(images/title-contact.gif) 0 0 no-repeat;
}

#h-treatments {

	background: url(images/title-treatments.gif) 0 0 no-repeat;

}


#h-games {

	background: url(images/title-games.gif) 0 0 no-repeat;

}
#h-intro-video {background: url(images/title-intro-video.gif) 0 0 no-repeat;}




#sh-dr-hime {background: url(images/text-hime.gif) 0 0 no-repeat;}
#sh-amazing-race {background: url(images/text-amazing-race.gif) 0 0 no-repeat;}
#sh-c-t-rowland {background: url(images/text-c-t-rowland-award.gif) 0 0 no-repeat;}
#sh-hime-lecture {background: url(images/text-hime-lecture.gif) 0 0 no-repeat;}

#sh-occlusal {background: url(images/subtitle-occlusal.gif) 0 0 no-repeat;}
#sh-salome {background: url(images/text-salmone.gif) 0 0 no-repeat;}

#sh-frontdesk {

	background: url(images/text-frontdesk.gif) 0 0 no-repeat;

}

#sh-reception {

	background: url(images/text-reception.gif) 0 0 no-repeat;

}

#sh-records {

	background: url(images/text-records.gif) 0 0 no-repeat;

}

#sh-ibraces {

	background: url(images/text-ibraces.gif) 0 0 no-repeat;

}

#sh-invisalign {

	background: url(images/text-invisalign.gif) 0 0 no-repeat;

}

#sh-hidden {

	background: url(images/text-hidden.gif) 0 0 no-repeat;

}

#sh-ice {

	background: url(images/text-ice.gif) 0 0 no-repeat;

}

#sh-speed {

	background: url(images/text-speed.gif) 0 0 no-repeat;

}

#sh-qchildren {

	background: url(images/text-q-children.gif) 0 0 no-repeat;

}

#sh-qadults {

	background: url(images/text-q-adults.gif) 0 0 no-repeat;

}

#sh-qgeneral {

	background: url(images/text-q-general.gif) 0 0 no-repeat;

}

#sh-newbraces1 {

	background: url(images/text-newbraces1.gif) 0 0 no-repeat;

}

#sh-newbraces2 {

	background: url(images/text-newbraces2.gif) 0 0 no-repeat;

}

#sh-firstvisit1 {

	background: url(images/text-welcome.gif) 0 0 no-repeat;

}

#sh-firstvisit2 {

	background: url(images/text-firstvisit1.gif) 0 0 no-repeat;

}

#sh-firstvisit3 {

	background: url(images/text-firstvisit2.gif) 0 0 no-repeat;

}

#sh-treatments {

	background: url(images/text-treatments.gif) 0 0 no-repeat;

}



#sh-beforeafter {

	background: url(images/text-beforeafter.gif) 0 0 no-repeat;

}

#sh-buck1 {

	background: url(images/text-buck1.gif) 0 0 no-repeat;

}

#sh-buck2 {

	background: url(images/text-buck2.gif) 0 0 no-repeat;

}

#sh-movies {

	background: url(images/text-movies.gif) 0 0 no-repeat;

}

#sh-aoa {

	background: url(images/text-aoa.gif) 0 0 no-repeat;

}

#sh-office {

	background: url(images/text-office.gif) 0 0 no-repeat;

}

#sh-brushing {

	background: url(images/text-brushing.gif) 0 0 no-repeat;

}

#sh-deck {

	background: url(images/text-deck.gif) 0 0 no-repeat;

}
#sh-retail {background: url(images/text-retail.gif) 0 0 no-repeat;}
#sh-entry {background: url(images/text-entry.gif) 0 0 no-repeat;}

#sh-consult {

	background: url(images/text-consult.gif) 0 0 no-repeat;

}

#sh-clinic {

	background: url(images/text-clinic.gif) 0 0 no-repeat;

}

#sh-xrays {

	background: url(images/text-xrays.gif) 0 0 no-repeat;

}

#sh-lab {

	background: url(images/text-lab.gif) 0 0 no-repeat;

}



#sh-kung-fu {

	background: url(images/text-panda.gif) 0 0 no-repeat;

}

#sh-bucks-charity {

	background: url(images/text-bucks-charity.gif) 0 0 no-repeat;

}



#sh-susan-hime {

	background: url(images/text-susan-hime.gif) 0 0 no-repeat;

}

#sh-amazing {

	background: url(images/text-amazing.gif) 0 0 no-repeat;

}

#sh-aloa {

	background: url(images/text-aloa.gif) 0 0 no-repeat;

}

#sh-field-trip {

	background: url(images/text-field-trip.gif) 0 0 no-repeat;

}
#sh-movie-party{

	background: url(images/text-movie-party.gif) 0 0 no-repeat;

}
.clear { clear:both}



/*-----------------------------------------------
	Forms 
	*/
	/* Global form styles */
	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; color:#a04a6d; font-weight:bold}
				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: #dbdef1;/* 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:#7C85BC;/* 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;
	}
	.comments fieldset li div textarea { margin:0 0 20px 20px; width:85%;}
	.comments fieldset li div, .comments fieldset li div label, .comments .no-pad fieldset li div.radio { width:100%; padding-right:0; margin-right:0}
	.no-pad {
			clear: both; 
			margin: 0px; 
			padding: 0px;  
			overflow: auto; 
			height: auto;
			position: relative; left:0;
			}
	.no-pad ol li {
			 
			margin: 0px; 
			padding: 0px; position:relative; left:-30px; width:440px
			
			}
	.no-pad input { width:45%}
	.no-pad ul { margin: 0px; 
			padding: 0px; position:relative; width:85%}
	.no-pad ul li { margin: 0px; padding-left:10px}

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


/*******/
#login-content ul { list-style:none; padding:0; margin:0}
#login-content li { float:right; z-index:999; }

#login-content li ul { width:180px; position:absolute; left:-999em; z-index:999;}
#login-content li ul a {width:180px; display:block; color:#7e165b; font-size:12px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; background:#d08500; text-decoration:none; line-height:18px; padding: 0 5px 0 0; z-index:999;}
#login-content li ul a:hover {color:#f9cc7e; }

#login-content ul li#access:hover ul, #login-content ul li#access.sfhover ul{ left:auto; margin:-5px 0 0 -38px}



#facebook { float:right; position:absolute; top:3px; right:130px; clear:both;}