/*Theme color to replace: 335EAD*/

* { margin:0; padding:0; }

body { background: url(images/pageElements/background01.jpg) top center repeat-x #BA9A76; font: 12px/18px Verdana, Arial, Helvetica, sans-serif; }
#shell { margin: 0px auto; position: relative; width: 770px; }
#header { width: 770px; height: 291px; }
#container { width: 770px; background: url(images/pageElements/container.jpg) repeat-y; }
#contentwrapper { width: 770px; background: url(images/pageElements/wrapper.jpg) 0 0 no-repeat; min-height: 450px; _height: 450px; }

/*Main Content*/
.content { width: 460px; margin-left: 260px; padding: 55px 0 10px 0; }
	.content p { padding: 5px 0 10px 0; }
	.content a, .content a:visited { color: #335EAD;  }
	.content a:hover { color: #7CA1BB; } 
	.content ul { margin-left: 20px; padding: 5px 0;  }
	.content ol { margin-left: 35px; }
	.content h1 { clear: right; font-size: 36px; }
	.content h2, h3, h4, h5 { margin: 5px 0; color: #335EAD;  }
	.content h2 { font-size: 20px; }
	.content h3 { font-size: 18px; }
	.content h4 { font-size: 16px; }
	.content h5 { font-size: 14px; }
	
/*Footer*/
#footer { width: 770px; background: url(images/pageElements/footer.jpg) 0 0 no-repeat; padding-top: 45px; text-align: center; font-size: 10px; color: #3B5463; }
	#footer a, #footer a:visited { text-decoration: none; color: #3B5463; }
	#footer a:hover { color: #3B5463; }

/*Callouts*/
#callouts { width: 183px; position: absolute; left: 45px; margin-top: 57px; font: 12px/15px Verdana, Arial, Helvetica, sans-serif; color: #015459;  }
#callout_contactus { width: 168px; height: 170px; background: url(images/pageElements/callout_contacttop.jpg) no-repeat; padding: 33px 0 0 15px; }
	#callout_contactus a, #callout_contactus a:visited { text-decoration: none; color: #015459; }
	#callout_contactus a:hover { color: #335EAD; }
#callout_services { width: 183px; height: 106px; background: url(images/pageElements/callout_servicestop.jpg) no-repeat; margin-top: 15px; }
#callout_forms { width: 168px; height: 72px; background: url(images/pageElements/callout_forms.jpg) no-repeat; font: 12px/15px Verdana, Arial, Helvetica, sans-serif; color: #015459; padding: 35px 0 0 15px; }
	#callout_forms ul { margin-left: 20px; padding: 5px 0;  }
	#callout_forms ul li { padding: 5px 0; }
	#callout_forms a, #callout_forms a:visited { color: #015459; text-decoration: none; }
	#callout_forms a:hover { color: #335EAD; }
#callout_invisalign { width: 228px; height: 95px; background: url(images/pageElements/callout_invisaligntop.jpg) no-repeat; }

/*SiteMap*/
#sitelinks { padding: 10px 0; color: #325DAB; }
#sitelinks a, #sitelinks a:visited { color: #fff; text-decoration: none; }
	#sitelinks a:hover { color: #325DAB; }
#sitelinks h3 { color: #325DAB; }

/*---- sIFR 3---*/
.sIFR-flash {  visibility: visible !important;	margin: 0;	padding: 0;}
.sIFR-replaced { visibility: visible !important; margin: 0; padding: 0; width: auto;}
.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 30px/30px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; color: #335eac;}


/*Misc*/
.featureCenter { border: 2px #335EAD solid; margin: 5px; }
.featureRight { border: 2px #335EAD solid; margin: 5px; float: right; }
.photo { border: 1px #335EAD solid; padding: 5px; background: #fff; margin: 0px 5px; }
.photoleft { border: 1px #335EAD solid; padding: 5px; float: left; background: #fff; margin: 5px 10px 0px 0px; }
.photoright { border: 1px #335EAD solid; padding: 5px; float: right; background: #fff; margin: 10px 0px 0px 5px; }
.pagePhotoDiv { float: right; width: 254px; height: 292px; }
.pagePhoto { position: absolute; }
.faqAnswer { padding: 5px 0; }
#music { position: absolute; top: 30px; left: 15px; }