body {margin:0; background:url(images/pageElements/bgd_page.jpg) #000000 0 0 repeat-x; }


/* edit.com visible styles */
BODY, TD, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; font-size: 12px; line-height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }

.Title		{ color: #FABE99; font-size: 36px; font-weight: normal; font-family: Times New Roman; line-height: 36px; text-transform: uppercase; }
.Header		{ color: #FABE99; font-size: 16px; font-weight: bold; font-family: Arial; }

.Salmon		{ color: #FABE99; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }

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

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


* #header {width:770px; height:433px; margin:0 auto; background:url(images/pageElements/bgd_header.jpg) 0 0 no-repeat; overflow:hidden; color:#9FC5E2;}



* #shell {width:770px; background:url(images/pageElements/bgd_shell.jpg) 0 0 repeat-y; position:relative; margin:0 auto; }



* #container {display:block; background:url(images/pageElements/bgd_container.jpg) 0 0 no-repeat; min-height:317px; position:relative }

#address-top { position:absolute; top:-30px; letter-spacing:-1; left:20px; color:#07507b; font-family:Tahoma, Geneva, sans-serif; font-size:14px; z-index:999}	

* #address { position:absolute; top:-85px; left:12px; z-index:90; }

* #social-icons { position:absolute; top:175px; left:12px; z-index:90; }

	#social-icons img, #social-icons a { border:none; margin:0; padding:0; }

* .content { width:510px; margin-left:193px; padding:0;}

	.content a {text-decoration:underline; color:#001eff;}

	.content a:hover {color:#DF7F4E; text-decoration:none;}

	

	.content h2 {display:block; background:#D5805B; color:#fff; font:bold 16px arial, verdana, Helvetica, sans-serif; margin:18px 0 3px 0;  padding:3px 0 3px 6px;}

	.content h3 {color:#FABE99; font:bold 16px arial, verdana, Helvetica, sans-serif; margin-bottom:1px; }

	.content h4 {color:#000; font:bold 13px verdana, arial, Helvetica, sans-serif; margin-bottom:0px;  }

	

	.content hr {height:1px; color:#222; background:#222; size:1px;}

	.content p, .content ol, .content ul, .content form {margin-top:4px; margin-bottom:16px; }



* #footer {width:770px; text-align:center; margin:0 auto; padding:0 0 10px 0; font:11px/14px Arial, Helvetica, sans-serif; color:#436F88;}

	#footer a {color:#436F88; text-decoration:none; }

	#footer a:hover {color:#fff; text-decoration:none;  }



* #vspace, * .clear {	height:1px; clear:both;}



/* Stuff */



* #feature {margin:30px auto ;}



* .caption { font-style:italic; color:#333;}



* .right {margin:0px 0px 8px 9px; float:right;}

* .left {margin:0px 9px 8px 0px; float:left;}



* .photoright {padding:3px; background:#fff; border:1px solid #444; float:right; margin:1px 0px 9px 10px;}

* .photoleft{padding:3px; background:#fff; border:1px solid #444; float:left; margin:1px 10px 9px 0px;}

* .photo {padding:3px; background:#fff; border:1px solid #444;}



* .featureRight {border:5px solid #e4ceab; padding:2px; float:right; margin:1px 0px 8px 9px;}

* .featureCenter {border:5px solid #e4ceab; padding:2px; margin:7px auto 7px auto; }



* #altmenu {width:95%; background-color:#fff; border:1px solid #002b45; padding:8px; font:bold 13px Arial, Helvetica, verdana, sans-serif; color:#002b45; line-height:20px; text-align:center; margin:15px auto 15px auto;}

#altmenu a {text-decoration:none; color:#205d87}

#altmenu a:hover { color:#518fc1;}



#faq a {text-decoration:none; color:#002b45; font-weight:bold; font-size:13px;}

#faq a:hover {text-decoration:none; color:#000;}

#faq li a {display:block; line-height:13px; margin-bottom:8px; }

* .faqAnswer {width:90%; background-color:#fff; border:1px solid #002b45; color:#000; padding:8px 8px 8px 8px; margin-bottom:10px; line-height:15px;}





/*---- sIFR 3---*/

* .sIFR-flash {  visibility: visible !important;	margin: 0;	padding: 0; }

* .sIFR-replaced { visibility: visible !important; }

* .sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

.sIFR-replaced > div { display: none !important; }

.sIFR-active h1 { visibility: hidden; font:bold 30px/30px Arial, Helvetica, sans-serif; color:#FABE99; margin:0; width:100%; }





/* form elements */

* .validation-failed {  color:#333;  background-color:#FFE7E6;  border: 1px solid #f00;}

* .validation-passed {  color:#333;  background-color:#D7ECD2;  border: 1px solid green;}

* .validation-advice {display:inline;  padding: 2px;   color:#420002;  background-color:#FFE8E8;  border:1px solid #CC0000;}





/* Sitemap */



* #sitemap {text-align: center; position: relative; width:878px; margin:0 auto; overflow: hidden; clear: both; font-size: 0px; line-height: 0px;}

#sitemap #sitemap-in {float:left; left:50%; position: relative; padding: 30px 0 22px 0; margin: 0; }



#sitemap dl, #sitemap dt, #sitemap dd { padding: 0; margin: 0; text-align: left; }

#sitemap dl { float: left; left: -50%; position: relative; font: 400 11px/14px verdana, helvetica, arial, "trebuchet ms", tahoma, sans-serif; margin: 8px 11px 0 11px; padding: 0; }

#sitemap ul { padding: 0; margin: 0 0 0 10px; list-style: none; }

#sitemap ul li { padding: 0; margin: 3px 0 0 0; }

#sitemap a { color: #eee; text-decoration: none; }

#sitemap a:hover { background: #fff; color: #4c8827; text-decoration: none; }

#sitemap dt { color:#fff; text-decoration: none; font: 600 12px/18px verdana, helvetica, arial, "trebuchet ms", tahoma, sans-serif; }



/* Global form styles */

* .appointment-form {margin: 18px auto;}

fieldset {border: none; padding: 9px 0;}

fieldset div {clear: both;}

* .form-header {border-bottom: 1px solid #690988;/*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 #690988;/*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:#690988;/* customize me! */

	border: 1px solid #690988;

	text-align:center;

	line-height:31px;

	color:#ffffff;/* customize me! */

	font-size:12px;

	font-weight:bold;}

/* appointment form */

* .appointment-form {

	margin: 18px 0;

	padding: 10px;}

.appointment-form fieldset {border: none; padding: 9px 0;}

.appointment-form label {/*floats labels left*/

	font-size: 12px;

	display:block;

	font-weight:bold;

	text-align:left;

	width:45%;

	float:left;

	line-height: 18px;

	padding-top: 4px;}

.appointment-form label span {/*sits below labels; holds instructions*/

	color:#666666;

	display:block;

	font-size:11px;

	font-weight:normal;

	text-align:left;

	width:100%;}

.appointment-form input, .appointment-form select, .appointment-form textarea {

	float:left;

	font-size:12px;

	padding:4px 2px;

	border:solid 1px #690988;/* customize me! */

	width:45%;

	margin:9px 0 9px 2%;

	background: #ffffff;}

.appointment-form p.radio, .appointment-form p.verification {

	clear: both;

	margin: 9px 0 9px 47%;

	font-size: 12px;}

.appointment-form p.radio-float {

	clear: none;

	float:left;

	width: 45%;

	padding:0;

	margin:9px 0 9px 2%;}

.appointment-form span#found-other {width: 100%;}

.appointment-form span#found-other input {margin-left: 47%; background: #fff0b2}

.appointment-form p.verification {margin-top: 0;}

.appointment-form p.verification img {border: 1px solid #690988;}/* customize me! */

.appointment-form p.radio input, .appointment-form p.radio-float input {

	float: none;

	width: auto;

	margin: 0 0 0 2%;

	padding: 4px 2px;}

	

img.right {

float:right;

margin:0 0 10px 10px;}



div#sesame-game {

background: #000;

line-height: 0;

margin: 10px auto;

text-align: center;

width: 400px}



ul#sesame-games {

list-style: none;

margin: 0;

padding: 0}



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}

p.small {
font-size: 10px;}
img.photo {
border: solid 0px #000;
float: right;
margin: 0 0 15px 15px;}
div.learn-more {
background-color: #fff;
color: #036;
width: 50%;
border: solid 0px #fff;
padding: 0;
margin: 15px 18px 15px 15px;
float: right;}
div.learn-more a {color: #036;}
.learn-more h3 {
background-color: #97AFC2;
color: #fff;
margin: 0 0 10px 0;
padding: 10px;}
.learn-more p {
padding: 0;
margin: 0 0 10px 0;}
* .clear {clear: both;}
* #flash-suresmile-pt-testimonial {
margin: 15px auto;
width: 320px;
height: 206px;
border: solid 1px #ccc;}

/* jQuery Cycle Before and After */
#before-after-container {
	width: 488px;
	line-height: 18px;
	margin: 0 0 18px 0;
	padding: 10px 0 10px 10px;
	background-color: #0D1933; /* Customize me */
	border: solid 1px #333; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
#before-after-container ul.slideshow {
	list-style: none; 
	margin: 0; 
	padding: 0;
	width: 488px;
	height: 182px;
	overflow: hidden;
	}
ul#before-after-cycle li img {
	width: 232px;
	float: left;
	margin-right: 10px;
	border: solid 1px #333; /* Customize me */
	}
#before-after-container p {
	float: left;
	width: 50%;
	margin: 0 0 10px 0;
	color:#FFF
	}
#before-after-container div.cycle-detail {
	min-height: 55px; /* Increase this number to accomodate longer or shorter description text and to prevent "bumping" of lower content */
	clear: both;
	background-color: #fff; /* Customize me */
	padding: 10px;
	margin: 0 10px 0 0;
	border: solid 1px #333; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
#before-after-container .before-after-nav {
	background: #fff; /* Customize me */
	margin: 0 10px 10px 0;
	padding: 5px 3px;
	border: solid 1px #333; /* 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 */
	}
#before-after-container .before-after-nav a {
	text-decoration: none; 
	font-size: 12px; 
	padding: 5px; 
	margin: 0 3px; 
	outline: none;
	color: #333; /* Customize me */
	}
#before-after-container .before-after-nav a.activeSlide, #before-after-container .before-after-nav a:hover {color: #009EC7;} /* Customize me */

p.small {
	font-size: 10px;
	}
img.right-border {
	border: solid 1px #333;
	float: right;
	margin: 0 0 15px 15px;
	}
div.learn-more {
	background-color: #fff;
	color: #036;
	width: 50%;
	border: solid 1px #fff;
	padding: 0;
	margin: 15px 18px 15px 15px;
	float: right;
	}
div.learn-more a {
	color: #036;
	}
.learn-more h3 {
	background-color: #97AFC2;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 10px;
	}
.learn-more p {
	padding: 0;
	margin: 0 0 10px 0;
	}
.clear {
	clear: both;
	}
#video-suresmile {
	width: 320px;
	height: 206px;
	}
p.flash_notice {
	margin: 18px;
	padding: 9px;
	color: #ff0000;
	border: 1px dotted #ff0000;
	background: #ffffff;
	text-align: center;
	}