/** set the background dynamically in the header file **/
body {margin:0; color:#fff; font:normal 12px/14px Arial, Helvetica, sans-serif; background:#F38F44 url(images/pageElements/bgd_page.gif) 0 0 repeat-x; }

#shell {width:883px; margin:0 auto 0 auto; position:relative;}

#header {width:100%; height:183px;}
	#logo {float:left; height:183px; width:340px; background:url(images/pageElements/bgd_logo.jpg) 0 0 no-repeat; overflow:hidden;}
	#logo img {border:0px;}
	#flashmenu {float:left; height:178px; padding-top:5px; width:543px; color:#000; font-size:10px; text-align:center; overflow:hidden;}

#container {width:100%; padding-bottom:20px; background:transparent url(images/pageElements/bgd_container.gif) 0 0 repeat-y; min-height:309px; _height:309px;}

#pagePhoto {position:absolute; top:183px; left:0px;}
#tourlink { position:absolute; top: 512px; left: 80px;}
#tourlink a {color:#fff; text-decoration:none; border-bottom:1px dotted #0000FF; font-size: 20px;}

#insurance-info { position:absolute; top: 652px; left: 10px; width:320px; color:#fff; text-decoration:none; font-size: 14px; font-weight:bold; line-height:18px;}


.content {margin-left:370px; padding-top:28px; width:490px; line-height:18px;}
	.content a {color:#fff; text-decoration:none; border-bottom:1px dotted #0000FF;}
	.content a:hover {color:#0000FF; text-decoration:none; border-bottom:0;}
	.content h2 {display:block; background:#666; color:#fff; font:bold 16px arial, verdana, Helvetica, sans-serif; margin:24px 0 3px 0;  padding:3px 0 3px 6px;}
	.content h3 {color:#fff; font:bold 16px Arial, Helvetica, sans-serif; margin-bottom:4px;}
	.content h4 {color:#fff; font:bold 14px Arial, Helvetica, sans-serif; margin-bottom:1px;}
	.content hr {height:1px; color:#ccc; background:#ccc; size:1px;}
	.content p, .content ol, .content ul, .content form {margin-top:4px; margin-bottom:16px; }


/* Here are your footer styles */
#footer {width:100%; margin:0 auto 0 auto; padding-top:95px; background:#fff url(images/pageElements/bgd_footer.jpg) top center no-repeat;}
	.copyright {width:100%; margin:0; padding:45px 0 10px 0; text-align:center; font-size:10px; background:#89C44D;}
	.copyright a {text-decoration:none; color:#fff; background:none;} 
	.copyright a:hover {text-decoration:none; color:#0000FF;}

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


/* FORM ELEMENTS */
.formText {font:10px Arial, Helvetica, sans-serif;}
.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:1px; color:#420002; background-color:#FFE8E8; border:1px solid #CC0000;}
#userform {padding:4px; margin:4px; border:1px solid #666; }
#userform div {padding:4px; margin:6px 0 6px 4px;}


/*---- 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:normal 20px/20px "Times New Roman", Times, serif; color:#aaa; margin:10px 0; letter-spacing:5;  }


/* Standard positioning, wrapping, styling of photo and feature elements */
#feature {margin:30px auto 20px auto;}
.caption { font-style:italic; color:#666;}
.right {margin:0px 0px 8px 9px; float:right;}
.left {margin:0px 9px 8px 0px; float:left;}
.photoright {padding:3px; background:#fff; border:1px solid #999; float:right; margin:1px 0px 8px 9px;}
.photoleft{padding:3px; background:#fff; border:1px solid #999; float:left; margin:1px 9px 8px 0px;}
.photo {padding:3px; background:#fff; border:1px solid #777;}
.featureRight {border:5px solid #666; padding:2px; float:right; margin:0 0 8px 8px;}
.featureCenter {border:5px solid #666; padding:2px; margin:7px auto 7px auto; }


/* Alternate top menu styling  for general treatment, cosmetic dentistry, etc. */
#altmenu {width:95%; background-color:#999; border:1px solid #fff; padding:8px; font:bold 13px Arial, Helvetica, verdana, sans-serif; color:#e5e5e5; line-height:20px; text-align:center; margin:15px auto 15px auto;}
#altmenu a {color:#e5e5e5; text-decoration:none;  border-bottom:0;}
#altmenu a:hover {color:#fff; text-decoration:none;}


/* FAQ Styling for Orthodontic sites */
#faq a {text-decoration:none; color:#e5e5e5; font-weight:bold; font-size:14px;  border-bottom:0;}
#faq a:hover {text-decoration:none; color:#fff;}
#faq li a {display:block; line-height:13px; margin-bottom:8px; }
.faqAnswer {width:90%; background-color:#999; border:1px solid #fff; padding:7px; color:#fff; margin-bottom:15px; line-height:14px;}


/* 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: #fff; text-decoration: none; }
#sitemap a:hover { color:#0000FF; text-decoration: none; }
#sitemap dt { color:#fff; text-decoration: none; font: 600 12px/18px verdana, helvetica, arial, "trebuchet ms", tahoma, sans-serif; }