/*-------------------------------------------
	*  Filename:            default.css 
	*  Description          default css
	*  Version              1.0.0 [2012-02-06]
	*  Style ID             1119
	*  Author:              ProSites
	---------------------------------------------*/
	
	@import url('//styles.prosites.com/css/global.css');


	/*** GENERAL FORMAT *************************************************************************************/
	
	body                                { color: #d4c7b2; font: 12px Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 0px; padding: 0px; background: url(../images/bg.gif) top left repeat; }
	body #interior                      { }	
	body, legend                        { color: #d4c7b2;}
	
	a:link, a:visited, a:active         { color: #b99860;}
	a:hover                             { color: #fff;}
	
	fieldset, img                       { border-color: #6b5e4e; }
	hr  				    			{ background-color: #6b5e4e; color: #6b5e4e; }
	fieldset 							{ padding: 8px;}
	
	.ButtonHover			   			{ color: #413629; background: #d4c7b2; border: solid 1px #ecdec8; }
	.Button			           			{ color: #413629; background: #b99860; border: solid 1px #c5a570; }

	#StylizedImage                      { position: relative; top: 0px; left: 0px; padding-top: 0px; margin: 0px; padding-bottom: 10px; }



	/*  LAYOUT RULES **************************************************************************************************************/
	
	#container                          { width: 100%; height: auto; margin: 0px auto; text-align: center; background: url(../images/bg.gif) top left repeat; position: relative;   }
	#center                             { width: 1000px; margin: 0px auto; padding: 0px; text-align: center; padding: 0px; }

	#header                             { width: 100%;  margin: 0px auto; text-align: center; padding: 0px; background: #d0cbc5; }
	#header-content                     { height: auto; padding: 0px 20px; width: 960px; margin: 0px auto; }
	
	#flash                              { width: 100%; min-width: 1000px; height: 440px; text-align: center; background: url(../images/flash-bg.gif) top left repeat-x; }
	#flash #movie                       { width: 1000px;  height: 440px; margin: 0px auto; padding: 0px; text-align: center; }
	

	
	#panels_bg 							{ width: 100%; min-width: 1000px; height: 440px;  background: url(../images/panel-bg.jpg) center top no-repeat;}
	#slides								{ width: 1000px; height: 440px; margin: 0 auto;	position: relative;}
	#slides 							{ display:none; }

	#banner                             { width: 100%; height: 353px; margin: 0px auto; text-align: center; background: url(../images/flash-bg.gif) top left repeat-x; }
	#banner p                           { width: 960px; margin: 0px auto; padding: 0px; text-align: center; padding: 0px 20px; }

	#content                            { width: 960px; margin: 0px auto; padding: 0px; text-align: left; position: relative;   } 
	#content #padding                   { height: 100%; margin: 0px; padding: 30px 30px 0px 30px; overflow: visible; text-align: left; background: url(../images/content-bg.png) top center repeat-x; min-height: 200px; }

	#phone-holder                       { width: 1000px; margin: 0px auto; position: relative; }
	#phone                              { width: 240px; height: 48px; margin: 0px; padding: 0px; text-align: center; clear: both; position: absolute; top: -373px!important; left: 40px; z-index: 1000!important; }
	#phone-interior                     { width: 240px; height: 48px; margin: 0px; padding: 0px; text-align: center; clear: both; position: absolute; top: -286px; left: 40px; }

			
	/*  NAVIGATION ****************************************************************************************************************/

	#nav                                { width: 960px; margin: 0px auto; padding: 0px; text-align: center; background: url(../images/nav-bg.gif) top left repeat-x;  }
	#nav p                              { margin: 0px; padding: 0px; }
	#nav img                            { padding: 0px; margin: 0px; }
	
	
	/*  FOOTER ********************************************************************************************************************/
	
	#footer-bg                          { margin: 0px auto; padding: 0px; width: 100%; text-align: center; background: #211d19 url(../images/footer-bg.gif) 0px 0px repeat-x; height: auto; }
	#footer                             { margin: 0px auto; padding: 0px 30px 0px 130px; width: 800px; text-align: left; font-size: 11px; color: #907d66; background: url(../images/footer.png) top left no-repeat; text-align: justify!important; }
    #footer .footer-nav                 { margin: 0px; padding: 140px 0px 3px 0px; }
	#footer p 				            { margin: 0px; padding: 0px; }
    #footer .devby                      { margin: 0px; padding: 3px 0px 20px 0px; }
	#footer br 				            { display: none!important; } /* nuke coded breaks*/
	
	#footer a:link, #footer a:visited, #footer a:active     { color: #d4c7b2; text-decoration: none; }
	#footer a:hover                                         { color: #fff; text-decoration: none; } 



	/************************************************
	*												*
	*	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: #6b5e4e; }



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

	
	/* MAIN CONTACT PAGE FORM **********/
	
	.qcform              { background: #2f281f; border-color: #6b5e4e; } /*container form*/
	.qcformcolor         { background-color: #42392d!important; border-color: #554736; color: #d4c7b2; } /*input field*/
 	hr.qcform            { background-color: #6b5e4e; color: #6b5e4e; }


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

	.m-form, 
	.m-form-low, 
	.m-form-services,
	.m-form-inner-services					
	{ background: #2f281f!important; border-color: #6b5e4e; }/*container form*/
	
	.m-formcolor, 
	.m-form-innercolor	
	{ background: #42392d; border-color: #554736; color: #d4c7b2; }/*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*/ }

	
/* AppointmentRequestForm */
	#AppointmentRequestForm .qcformcolor{ color: #d4c7b2; background-color: #2f281f!important; border: 1px solid #554736; font: 12px verdana, arial, sans-serif; padding: 2px; width: 234px; }

	
	/* MINI FORM POSITION **************/
	/*NEED TO ADJUST TOP MARGIN FOR EACH*/ 
	
	.m-form
	{ margin: 70px 0px 7px 20px }
	.m-form-low
	{ margin: 75px 0px 7px 20px; }
	.m-form-services
	{ margin: 68px 0px 7px 20px; }
	.m-form-inner-services
	{ margin: 95px 0px 7px 20px; }  
	
	
		
	/* Webkit - Browsers have an offset of 1px horizontally - due to odd nuber in pixel resolution vieport */
	
	@media screen and (-webkit-min-device-pixel-ratio:0) { html { overflow-x: scroll; margin-left: -1px; } }