/*-------------------------------------------
	*  Filename:            default.css 
	*  Description          default css
	*  Version              1.0.0 [2012-01-06]
	*  Style ID             5485
	*  Author:              ProSites | Jayson Fanning
	---------------------------------------------*/
	
	@import url('../css/global.css');
	
	
	/* RESETS */
	
	#w_all, #container, #header, #nav_bg, #flash, #banner, #phone, #footer, #container_bg, #footer_bg { margin: 0 auto; padding: 0px; }
	body, #w_all, #container_bg, #nav_bg, #phone_bg, #footer_bg, #container, #header                  { text-align: center; }

	/*** GENERAL FORMAT *************************************************************************************/
	
	body                                {  background: #aaba6e url(../images/BG.gif) top center no-repeat; color: #474747; padding: 150px 0 50px 0; }
	body #interior                      { }	
	body, legend                        { color: #474747; font: 14px Arial, Helvetica, sans-serif; }
	                                 

	a:link, a:visited, a:active         { color: #571010; text-decoration: none; font-weight: bold; }
	a:hover                             { color: #892f2f; }
	
	fieldset,img                        { border-color: #3e4036; }
	fieldset                            { }
	hr  				    			{ background-color: #3e4036; color: #3e4036; }

	.Button			            		{ color: #fff; background: #aaba6e; border: solid 1px #d5e1a9; }
	.ButtonHover			    		{ color: #fff; background: #292929; border: solid 1px #fff; }
	.clear								{ clear: both;}
	 #home #StylizedImage               { display: none;}
	
	/* CONTAINER DIV - OPTIONAL ** use this to contain all the core elements within one wrapper *************/
	
	#container	 { width: 979px; height: auto; }
	
	
	/* CORE INNER ELEMENTS ****************/
	
	#nav		 { background: #571010; width: 979px; margin: 0 auto; padding: 7px 0 7px 0; min-height: 47px; }
	#banner		 { background: url(../images/banner.jpg) no-repeat; width: 979px; height: 399px; text-align: left; }
	#content	 { background: #fff; width: 979px; min-height: 400px; margin: 0px; padding: 0; overflow: visible; text-align: left; }
	#content-interior	 { background: #fff; width: 889px; min-height: 400px; margin: 0px; padding: 40px 45px 55px 45px; overflow: visible; text-align: left; }

	#footer		 { background: #3e4036 url(../images/footer-BG.gif) no-repeat right; width: 889px; height: auto; text-align: left!important; color: #fff; font-size: 12px; margin: 0 auto; padding: 20px 45px 25px 45px; }
	

	/*** CUSTOM DIVS if any custom CORE INNER ELEMENTS is needed please add in the section below*************/
	
	#logo		{ width: 391px; height: 143px; margin: 0; padding: 225px 0 0 50px; }
	#logo img	{ border: none;}
	#col-left			{ background: #daddca; width: 707px; min-height: 400px; margin: 0; padding: 0; float: left;}
	#col-right			{ background: #ccc; width: 272px; min-height: 400px; margin: 0; padding: 0; float: left;}

	
	.subgray		{ display: block; margin-bottom: 10px;}
	
	
	.sec1head				{ background: #daddca;  margin: 0; padding: 24px 0 25px 40px; vertical-align: top; color: #6e8255 ; font-size: 30px; letter-spacing: -1px;}
	.sec1				{ background: #daddca;  margin: 0; padding: 0px 0 0 40px; vertical-align: top;}
	.sec1b				{ background: #daddca;  margin: 0; padding: 0px 25px 0 25px; vertical-align: top;}
	.sec1c			{ background: #daddca;  margin: 0; padding: 0px 25px 15px 40px; vertical-align: top;}

	.sec2head				{ background: #fff;  margin: 0; padding: 30px 0 10px 40px; vertical-align: top; color: #6e8255 ; font-size: 30px; letter-spacing: -1px;}
	.sec2				{ background: #fff;  margin: 0; padding: 0px 0 0 40px; vertical-align: top;}
	.sec2b				{ background: #fff;  margin: 0; padding: 0px 25px 0 25px; vertical-align: top;}
	.sec2c			{ background: #fff;  margin: 0; padding: 0px 25px 15px 40px; vertical-align: top;}
	.sec2b ol		{ margin: 0px!important; }
	.tblBG			{ background: #eff0e7;}
	.spacer			{ width: 65px; background: #eff0e7; border-collapse:collapse;}	
	.sec3head				{ background: #eff0e7;  margin: 0; padding: 30px 0 10px 40px; vertical-align: top; color: #6e8255 ; font-size: 30px; letter-spacing: -1px;}
	.sec3				{ background: #eff0e7;  margin: 0; padding: 15px 0 18px 65px; vertical-align: top;}
	.sec3b				{ background: #eff0e7;  margin: 0; padding: 15px 75px 0px 25px; vertical-align: middle;  }
	.sec3c			{ background: #eff0e7;  margin: 0; padding: 0px 25px 15px 40px; vertical-align: top;}
	.sec_divider				{ padding: 0px 75px 0px 65px;  }
	.sec4				{ background: #fff;  margin: 0; padding: 25px 0 25px 40px; vertical-align: top; }
	.sec4b				{ background: #fff;  margin: 0; padding: 25px 25px 15px 25px; vertical-align: middle; }
	.img-left			{ float: left;}
	
	
	.sec2				{ margin: 0; padding: 0px 0 0 0}
	table				{ border-collapse: collapse; }
	table p 			{ margin: 0 0 10px 0; line-height: 19px; padding: 0; }
	
	#custom-form		{ background: #3e4036; padding: 25px; }
	#custom-form p			{color: #cfcfcf; font-size: 13px;}
	h3.appointment_request  { color: #FFF; letter-spacing: -1px; }
	.clientName 			{ width: 94%; height: 23px; margin-bottom: 4px; padding-left: 10px; color: #808080;}
	.clientEmail 			{ width: 43%; height: 23px; float:right; margin: 0 0px 4px 0; padding-left: 10px; color: #808080;}
	.clientPhone			{ width: 42%; height: 23px; float:left; margin-bottom: 4px; padding-left: 10px; color: #808080;}
	.clientComment		{ font: 14px Arial, Helvetica, sans-serif; width: 210px; height: 60px; padding: 0; padding: 6px 0 0 10px ; color: #808080; margin-bottom: 8px; }
	.clientBtn				{ margin: 0  0 0 162px;}
	
	
	#address		{ background: #3e4036; padding: 19px 25px 20px 25px;}
	#address p	{ color: #b7b7b7; margin: 0; font-size: 13px;}
	.address-heading	{ color: #fff; font-weight: bold; font-size: 15px;}
	
	#smiles-united		{ background: #daddca; padding: 20px 25px 5px 25px;}
	#smiles-united p		{ color: #595e49; font-size: 14px; line-height: 19px;}
	
	#slides					{ background: #eff0e7; padding: 25px; height: 179px; }
	#slides p				{ font-style: italic; font-size: 14px;}
	.green					{ color: #6e8255;}
	
	.signature				{ font-weight: bold; font-style: normal;  }
	.slides_container { width: 222px; height: 179px; }
	.slides_container div { width: 222px; height: 179px; display: block; }

	.pagination { display: none; }
	
	/***CUSTOM FORMAT specific to CORE INNER ELEMENTS***/
	
	/************************************************
	*												*
	*	NOTE global.css has additional formatting	*
	*	that may effect any custom code added		*
	* 	below. 										*
	*												*
	************************************************/
	
	
	 
	
	/*** #header ***********/
	#header p 	 { }
	#header img  	 { border: none; outline: none; }
	
	
	/*** #nav **************/
	#nav img     { margin: 0px; padding: 0px; }
	
	
	/*** #content **********/
	#content p   { }
	#content a   { }
	
	
	/*** #footer ***********/
	#footer .footer_nav          { color: #cad991; margin: 0px; padding: 5px 0px 10px 0px;  }
	#footer p 				     { margin: 0px; padding: 0px; }
	#footer br 				     { display: none!important; } /* hide coded breaks*/
	
	#footer a, .footer_nav a     { color: #cad991!important; text-decoration: none;  }
	#footer-btm                  { height: 30px;  position: relative; display: block; } 
	
	
	/*** #col1 *************/
	#col1 p      { }
	#col1 a      { }



	/************************************************
	*												*
	*	NOTE: Section below is for the default 		*
	*	pages in the engine. Only color,			*
	*	background color and border should be 		*
	*	changed. There is an exception for custom	*
	*	websites.									*
	*												*
	************************************************/


	/*  BORDER COLORS FOR DEFAULT PAGES *********************************************************************/
	
	.PageService_Line_Group_Name,        
	.PageService_Line_Item_Name,        
	.PageInternetLink_Category_Container,	
	.PageFAQ_Answer,			    
	.PageTestimonial_Intro,              
	.PageTestimonial_Container,          
	.PageContact_Office_Photo,           
	.PageContact_Contact_Photo,          
	.PageContact_Contact_Seperator	   
	 { border-color: #3e4036; }



	/*  INTERIOR DEFAULT FORMS ******************************************************************************/

	
	/* MAIN CONTACT PAGE FORM **********/
	
	.qcform              { background: #3e4036; border-color: #c5a96b; color: #c8c8c8; font-size: 13px; line-height: 15px; text-align: justify!important; } /*container form*/
	.qcformcolor, #AppointmentRequestForm .qcformcolor  { background-color: #fff!important; color: #808080; padding: 5px; border: 1px solid #636559!important; } /*input field*/
 	hr.qcform            { background-color: #A9A9A9; color: #A9A9A9; }
	.qcform a 				{ color: #aaba6e;}
	.qcform a:hover 				{ color: #8b9956;}

	/* MINI FORM PLUGIN ****************/

	.m-form, 
	.m-form-low, 
	.m-form-services,
	.m-form-inner-services					
	{ background: #3e4036!important;  color: #c8c8c8; }/*container form*/
	.m-form a 		{ color: #aaba6e;}
	.m-form a:hover	{ color: #8b9956;}

	
	.m-formcolor, 
	.m-form-innercolor	
	{ background: #fff!important; border-color: #c5a96b; color: #808080; }/*input field*/

	.m-form h1,
	.m-form-low h1, 
	.m-form-services h1, 
	.m-form-inner-services h1
	{ font-family:arial; /*NEED TO DECLARE FONT HERE*/ }

	
	/* MINI FORM POSITION **************/
	/*NEED TO ADJUST TOP MARGIN FOR EACH*/ 
	
	.m-form
	{ margin: 63px 0px 7px 20px; }
	.m-form-low
	{ margin: 75px 0px 7px 20px; }
	.m-form-services
	{ margin: 63px 0px 7px 20px; }
	.m-form-inner-services
	{ margin: 88px 0px 7px 20px; }