    

	

	

	/*  CSS Rules */

	/*  Style: #1052 */

	/*  Author:  ProSites */

	

/*  GENERAL *******************************************************************************************************************/



	html, body 	                        { margin: 0; padding: 0; border: 0; height: auto; }

	body		                        { border: 0px; margin: 0px; padding: 0px; font: 12px Verdana, Arial; text-align: center; color: #6B8C61; background: #ACCBA2 url(../images/bg.jpg) top left 	repeat-x ; height: auto; }



	p                                   { border: 0px; }

	h2,h3                               { }

	hr                                  { color: #A2C498; margin: 0px; padding: 0px; border-collapse: collapse; height: 1px; border: 0; background-color: #A2C498; }

	

	a:link, a:visited, a:active         { color: #5D8CA2; text-decoration: underline; }

	a:hover                             { color: #9CCEBC; text-decoration: underline; }

	

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

	li                                  { padding-left: 15px; background: url(../images/bullet.gif) 0 .5em no-repeat; margin: 0px 5px 5px 0px; }

	

	fieldset                            { border: solid 1px #ccc; padding: 6px; }

	legend                              { color: #000; }

	

	.clear { clear: both; }

	

	.Button { background-color:#BDD5B5; color: #23640D; cursor: hand; font-size:10px; text-decoration: none; border: 1px solid #6FAB5D;  }

	.ButtonHover { background-color: #BED4DE; color: #235268; cursor: hand; font-size:10px; text-decoration: none; border: 1px solid #84AEC1; }

	

	.errors {background-color:yellow; color:red; padding:2px 2px 2px 2px; font-weight:bold;}

	

/*  LAYOUT RULES *******************************************************************************************************************/

	

	#Container	{ margin: 0 auto; width: 766px; text-align: left;  height: auto;  /*firefox,safari fix*/ background: url(../images/container-bg.jpg) top left repeat-y ; }

	#Liner				{ position: relative; width: 734px; } /*Right  Div - Container*/

	#Float-wrap	{ float: left; width: 734px;  margin-right: 1px; /*Use Above total + Add Margin 1 Fix*/ }

	#Center			{ float: right;  width: 702px;  margin-bottom: -1px; /*Left  Div + Right Div - Container*/  overflow: visible; }

	#Left 				{ float: left; width: 32px;  height: 426px; background:  url(../images/left.jpg) top left repeat-x; }

	#Right			{ float: left; position: relative; width: 32px;  margin-right: -32px;   margin-left: -1px; height: 426px; background:  url(../images/right.jpg) top left repeat-x; }

	

	#row				{ margin: 0 auto; padding: 0px; width: 766px;  text-align: left; height: auto; background: url(../images/top-bg.jpg) top repeat-x ; height: 21px; clear: both; }

	#prop				{ margin: 0 auto; padding: 0px; width: 766px;  text-align: left; height: auto; background: url(../images/prop-bg.jpg) top repeat-x ; height: 55px; clear: both; }

	.row-r				{ margin: 0 auto; padding: 0px; float: right; }

	.row-l				{ margin: 0 auto; padding: 0px; float: left; }

	

	#BtmRow		{ margin: 0 auto; padding: 0px; width: 766px;  text-align: left;  background:  url(../images/btm-bg.jpg) top left repeat-x ; height: 42px; }

	.btmrowL		{ margin: 0 auto; padding: 0px;  float: left; }

	.btmrowR 		{ margin: 0 auto; padding: 0px;  float: right; }

	

	#header		{ border: 0px; margin: 0px 0px 0px 0px; padding: 0px; width: 702px; float: left; background: #A5C69B; margin: 4px 0px 5px 0px; }

	#flash 			{ border: 0; margin: 0; padding: 0px 0px 0px 0px; width: 702px; height: 273px; float: left;  }

	#ban   			{ border: 0px; margin: 0px; padding: 0px 0px 0px 0px; width: 702px; height: 155px; float: left; }

	#ph 		{ border: 0; margin: 0; padding: 0px ; width: 702px; height: 38px; background:  url(../images/ph-bg-left.jpg) top left repeat-y; float: left; text-align: right; }

	#booknow    { position: absolute; top: 15px; left: 455px; z-index: 1; width: 159px; height: 39px; }



	#mainContent{width:624px; float:left; padding-right:10px;  text-align:justify;}
	#mainContent1{width:464px; float:left; padding-right:10px; border-right: solid 1px #A2C498; text-align:justify;}


	#rightContent{width:170px; float:left; padding-left:10px; }



/*.......((  Nav Area )).............................................*/

	#Nav { text-align: center; float: left; width: 702px;  height: 100%; margin: 0px 0px 0px 0px; background:  #8FC1C3; }

	

	#Nav p { padding: 2px 0px 0px 0px; margin: 0px; }



	

	

	.light_blue {color:#6B9AC4;}

	.dark_blue {color:#195792;}

	h1{

		font-family:arial,verdana;

		font-size:22px;

		font-weight:normal;

	}

	

	h2 {

color:#990000;

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

font-size:14px;

font-weight:bold;

}



li {

background-image:url(../images/blue_arrow.png);

background-position:0 0.5em;

background-repeat:no-repeat;

list-style-image:none;

list-style-position:outside;

list-style-type:none;

padding-left:10px;

}

/*.......(( Content area )).................................*/



	#Cbg { background:  url(../images/content-bg.jpg) top left repeat-x; width: 702px; float: left; overflow: visible; } 		

	#Content {  position: relative; padding: 0px 19px 0px 19px; width: 664px;  /*width minus padding-Cheat a few pixels less/Older Browsers  will add to width*/ overflow: visible; float: left; height: 100%; voice-family: "\"}\"";  voice-family:inherit; height: 250px; }

	html>body #Content {  height: auto; }







/*.......((  Footer area ))...............................................*/



	#footer-bg { margin: 0px auto; text-align: left; font-size: 10px; width: 766px; background: #ACCBA2 url(../images/footer-bg-y.gif) top left repeat-y; }

	#footer { margin: 0px auto; text-align: left; font-size: 10px; width: 766px; background:  url(../images/footer-bg.jpg) top left repeat-x; }	

	#footer p { color: #EAF4E8; padding: 6px 100px 10px 70px; margin: 0px; }

	#footer a:link, #footer a:visited, #footer a:active { text-decoration: none; color: #EAF4E8;  }	

	#footer a:hover { text-decoration: underline; color: #517B44; } 







/*  WYSIWYG CLASSES *******************************************************************************************************************/



	/* PageContact */

	.PageContact_Office                 { margin-left: 0px; margin-top: 0px; margin-bottom: 2px; padding: 0px; }

	.PageContact_Office_CompanyName1    { font-size:16px; font-weight: bold; }

	.PageContact_Office_CompanyName2    { font-size:16px; font-weight: bold; }

	.PageContact_Office_OfficeLocation  { font-size:14px; font-weight: bold; }

	.PageContact_Office_Photo           { border: solid 1px #A2C498;  float: left; margin: 0px 0px 10px 15px; }

	.PageContact_Contact                { margin-left: 0px; margin-top: 0px; margin-bottom: 2px; }

	.PageContact_Contact_Name           { font-weight: bold; }

	.PageContact_Contact_Photo          { border: solid 1px #A2C498; }

	.PageContact_Contact_Seperator      { margin-top: 20px; padding-top: 5px; border-top: solid 1px #A2C498; }

	/*nuke bullets*/

	.PageContact_Office li              { list-style:none!important; /*ie */ background: none; margin: 0px; padding: 0px; }

	#_ctl2_pnlForm li                   { background: none; margin: 0px; padding: 0px; list-style:none!important; }

	

	/* PageInternetLink */

	.PageInternetLink_Intro             { }

	.PageInternetLink_Category_Container{ padding-top: 0px; border-top: solid 1px #A2C498; margin-top: 10px; margin-bottom: 20px; }

	.PageInternetLink_Category          { list-style:none; line-height:18px; margin-left: 0px; margin-bottom: 2px; margin-top: 0px; background: none; padding: 0px; }

	.PageInternetLink_Category_Name     { font-size:18px; font-weight: bold;background: none; margin: 0px; padding: 0px; }

	.PageInternetLink_Category_Description { background: none;margin: 0px; padding: 0px; }

	.PageInternetLink_Link              { list-style:none; margin-left: 0px; margin-bottom: 5px; margin-top: 3px; background: none; margin: 0px; padding: 0px; }

	.PageInternetLink_Link_Url          { font-weight: bold; background: none; margin: 0px; padding: 0px; }

	.PageInternetLink_Link_Description  { background: none; margin: 0px; padding: 0px; }

	

	/* PageTestimonial */

	.PageTestimonial_Intro              { padding-bottom: 18px; border-bottom: solid 1px #A2C498; }

	.PageTestimonial_Container          { margin: 10px 0px; border-bottom: solid 1px #A2C498; }

	.PageTestimonial_Quote              { font-size: 13px; font-style: italic; /* background: url(../images/testimonial-bg.PNG) bottom center no-repeat; Use ONLY if there is a grapHic used in the bg and mini contact form is on*/ }

	.PageTestimonial_ProvidedBy         { font-weight: bold; text-align:right; padding: 7px 0px 10px 0px; }

	

	/* PageFAQ */

	.PageFAQ_PageName                   { font-weight:bold; }

	.PageFAQ_Intro                      { }

	.PageFAQ_Container                  { padding-top: 10px; padding-left: 5px; }

	.PageFAQ_Question                   { padding-bottom:10px; }

	.PageFAQ_Answer                     { display:none; padding-bottom:15px; border-bottom: solid 1px #A2C498; }

	.PageFAQ_Answer p                   { padding-bottom: 10px; margin: 0px;  }

	 

	/* PageService_Intro */

	.PageService_Stylized               { font-size: 24px; }

	.PageService_Intro                  { }

	.PageService_Group                  { margin-left: 15px; margin-bottom: 2px; margin-top: 0px; padding: 0px; }

	.PageService_Group_Name             { font-weight: bold; list-style:none; background: none; }

	.PageService_Group_Name a:link, .PageService_Group_Name a:visited, .PageService_Group_Name a:active { }

	.PageService_Group_Name a:hover     { }

	.PageService_Group_Description      { padding-top:15px; }

	.PageService_Item                   { margin-left: 30px; margin-bottom: 2px; margin-top: 0px; list-style:none; padding: 0px; }

	.PageService_Item_Name              { }

	.PageService_Line_Group_Name        { border-bottom: solid 1px #A2C498; padding-bottom: 6px; font-weight: bold; }

	.PageService_Line_Group_Items       { text-align: right; padding: 8px 0px 0px 0px;  }

	.PageService_Line_Item_Name         { border-bottom: solid 1px #A2C498; padding-bottom: 6px; font-weight: bold; }

	.PageService_Item_Description       { padding-top:15px; }

	

	/* PageContact-Form */

	.qcform                             { margin: 0px 0px 0px 15px; text-align: left; background: #F9FBF9; border: 1px solid #A2C498; }

	.qcform p                           { text-align: left; padding: 0px 2px 5px; line-height: 16px; margin: 0px; }

	.qcform td                          { text-align: left; padding: 2px 15px; vertical-align: bottom; text-align: center; }

	.qcformcolor                        { font: 12px verdana, arial, sans-serif; padding: 2px; width: 234px; background-color: #FFF !important; border: 1px solid #A2C498; color: #6B8C61; }

	.qc-err                             { color:red; }

	hr.qcform                           { color: #A2C498; margin: 0px; padding: 0px; border-collapse: collapse; height: 1px; border: 0; background-color: #A2C498; }

	

	.contact_left{float:left; width:200px;}

	#contact_form {float:right;}

	

	/* AppointmentRequestForm */

	#AppointmentRequestForm .qcformcolor{ padding: 2px; width: 234px; /*background-color: #4b2224 !important; border: none; color: #EDD9B0;*/ }

	

	





/*.......(( Dev Edit Classes ))..........................................................*/

	

	.border				{ border: 1px solid #A2C498; }

	.border2				{ border: 2px solid #A2C498; }

	.mL						{ margin: 0px 0px 15px 15px; }

	.mR						{ margin: 0px 15px 15px 0px; }

	.border_mL		{ border: 1px solid #A2C498; margin: 0px 0px 15px 15px; }

	.border2_mL		{ border: 2px solid #A2C498; margin: 0px 0px 15px 15px; }

	.border_mR		{ border: 1px solid #A2C498; margin: 0px 15px 15px 0px; }

	.border2_mR	{ border: 2px solid #A2C498; margin: 0px 15px 15px 0px; }

	hr.size2 				{ color: #A2C498; height: 2px; }

	

	/* BMI-Calculator */

	#bmi-container { width: 285px; float: left; }

	.bmi-border { margin: 0px;  background: #9FBB92; border: 1px solid #53833D; width: 285px; height: 410px; float: left; }

	.bmi-content { margin: 25px; text-align: left; background: #fff url(http://styles.prosites.com/1081/images/bmi-bg.jpg) top left repeat-x; border: 1px solid #83AC70; width: 235px; height: 360px; float: left;}

	.bmi-yourbmi {  margin: 90px 0px 5px 5px; float: left; font-weight: bold; text-align: center; width: 230px; color: white; }

	.bmi-table { text-align: left; margin: 90px 0px 0px 10px; float: left; clear: left; width: 235px; }

	

	.bmi-form { font: 12px verdana, arial, sans-serif; padding: 2px; width: 50px; background-color: #5D6C55 !important; border: 1px solid #C3D5BB; color: #FFF; text-align: center; }

	.bmi-form-2 { font: 12px verdana, arial, sans-serif; padding: 2px; width: 40px; background-color: #DAE5D6 !important; border: 1px solid #9FBB92; color: #000; }

	.bmi-submit { text-align: center; margin: 15px 0px 0px 0px; float: left; clear: left; width: 235px; }

	

	

	/* MiniForm*/

	.m-form { background: #F9FBF9; border: 1px solid #A2C498; width: 148px; padding: 10px 13px; margin: 79px 0px 7px 20px; float:right; }

	.m-form-low { background: #F9FBF9; border: 1px solid #A2C498; width: 148px; padding: 10px 13px; margin: 67px 0px 7px 20px; float:right; }

	.m-form-services { background: #F9FBF9; border: 1px solid #A2C498; width: 148px; padding: 10px 13px; margin: 79px 0px 7px 20px; float:right; }

	.m-form-inner-services { background: #F9FBF9; border: 1px solid #A2C498; width: 148px; padding: 10px 13px; margin: 91px 0px 7px 20px; float:right; }

	.m-formcolor, .m-form-innercolor { font: 12px verdana, arial, sans-serif; width: 144px; background-color: #FFF !important; border: 1px solid #A2C498; color: #6B8C61; margin-top: 5px; padding: 2px; float: right; }

	.m-error { color: red; }

	.m-form .right, .m-form-low .right, .m-form-services .right, .m-form-inner-services .right { float: right; margin-top: 5px; } 

	.m-form h1, .m-form-low h1, .m-form-services h1, .m-form-inner-services h1  { font-size:19px;font-weight:bold;padding:0px;margin:0px;margin-bottom:2px;font-family:arial; }

	.shim 			{ float: right; clear: right; height: 20px; }

	.shim-none  		{ float: right; clear: right; }

	.shim-left		{ float: left; clear: left; height: 20px; display: block; }

	.return			{ margin: 0 0 8px; display: block;} /* edit margin for address spacing*/



	/* SmileQuizForm */

    .bg                                 { background-color:#f8fcf7; padding: 3px 0px; height: 30px; padding: 6px;  width: 100%; }

    .bg2                                { background-color:#f0f5ef; padding: 3px 0px; height: 30px; padding: 2px; width: 100%; }

	#Table1 hr			            	{ margin: 0px 0px; padding: 0px; border-collapse: collapse; color: #A2C498; height: 1px; border: 0; background-color: #A2C498; margin-bottom: 10px; }

    

	/* OptioVideo-Cosmetic Dentistry Page */

    .optioCosmeticIntro                 {	color: #6B8C61!important; font: 12px Verdana, Arial, Helvetica, sans-serif!important; }

	.optioCosmeticBody                  {	color: #6B8C61!important; font: 12px Verdana, Arial, Helvetica, sans-serif!important; }

    .optioCosmeticHeading               {	color: #6B8C61!important; font: 14px Verdana, Arial, Helvetica, sans-serif!important; font-weight: bold!important; }

    



#navcontainer ul

{

margin: 0;

list-style-type: none;

color: #FFF;

width: 100%;

font: normal 90% arial, helvetica, sans-serif;

text-align: center;

}



#navcontainer ul li { 

	display: inline; 

	padding-top:4px;

	padding-bottom:4px;

	background-image:url(../images/nav/bg.jpg); background-repeat:repeat-x; background-position:top left;

}



#navcontainer ul li:hover,#navcontainer ul li.active {background-image:url(../images/nav/bg_hover.jpg); background-repeat:repeat-x; background-position:top left;}



#navcontainer ul li a

{

text-decoration: none;

color: #FFF;

font-size:13px;

padding-right:12px;

}



#navcontainer ul li a:hover

{

color: #fff;

}

.subtitle {

color:#005E8D;

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

font-size:16px;

font-weight:none;

}

.subtitle2 {

color:#005E8D;

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

font-size:11px;

font-weight:none;

}

.subtitle1 {

color:#005E8D;

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

font-size:16px;

font-weight:bold;

}
