/*-------------------------------------------
	*  Filename:            default.css 
	*  Description          default css
	*  Version              1.0.0 [2012-01-06]
	*  Style ID             1094
	*  Author:              ProSites
	---------------------------------------------*/
	
	@import url('//styles.prosites.com/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; }

/*.......((  Site Layout Elements ))...........................*/


body				 { background:  #6B7240 url(../images/Bg.jpg) top left repeat-x ; height: auto; background-attachment: fixed}
body, legend                        { color: #E6DA7E; }

#Container	{ margin: 0 auto; width: 754px; text-align: left;  height: auto;  /*firefox,safari fix*/ background:  #3F4223 url(../images/PageBg.jpg) top left repeat-y ; }
#Liner				{ position: relative; width: 750px; }
#Float-wrap	{ float: left; width: 750px;  margin-right: 1px; }
#Center			{ float: right;  width: 746px;  margin-bottom: -1px; /*left container siz minus Container size*/  overflow: visible; }
#Left 				{ float: left; width: 4px;   height: 500px; }
#Right			{ float: left; position: relative; width: 4px;  margin-right: -4px;   margin-left: -1px; height: 500px;    }

#BtmRow		{ margin: 0 auto; padding: 0px; width: 754px;  text-align: left; height: auto; background:  url(../images/btmBg.jpg) top left repeat-x ; height: 4px; }
.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: 746px; float: left; background: #36391D; }
#flash 			{ border: 0; margin: 0; padding: 0px 0px 0px 0px ; width: 746px; height: 171px; float: left; background: #909148; }
#Ban   			{ border: 0px; margin: 0px; padding: 0px 0px 0px 0px ; width: 746px; height: 125px; float: left; background: #909148; }
#Line1			{ float: left; width: 683px; border-bottom: 1px solid #C1BFA3; margin: 0px 0px 0px 0px; height: 0px; }
#Line2			{ float: left; width: 683px; border-top: 1px solid #FFFFFF;  margin: 0px 0px 0px 0px; height: 0px; }
#Blk		   	{ border: 0px; margin: 0px; padding: 0px; width: 746px; height: 11px; float: left; background: url(../images/imgblock.jpg)  top left repeat-x; }

	fieldset                            { border: solid 1px #E6DA7E; padding: 6px; }
   
	
	hr									{ color: #696E3D; margin: 0px; padding: 0px; border-collapse: collapse; height: 1px; border: 0; background-color: #696E3D; }

	p { border: 0px; }

	a:link, a:visited, a:active { color: #EB9E46; ;  }
	a:hover { color: #EFD259; }



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

#Nav {
	text-align: center;
	float: left;
	width: 746px; 
	height: 100%;
	margin: 0px 0px 0px 0px;
	background:  #4F512B url(../images/NavBg.jpg)  top left no-repeat;
	}

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


/*.......(( Content area )).................................*/
#ContentBg { /*background-color: #EFF3D8; */ background: url(../images/ContentBg.jpg)  top left repeat-x; width: 746px; float: left;  } 		
#ContentBgSub { /*background-color: #EFF3D8; */ background: url(../images/ContentBgSub.jpg)  top left repeat-x; width: 746px; float: left;  } 		
#Content		{  position: relative; padding: 30px 35px 30px 35px; width: 670px;  /*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 {
	margin: 0px auto;
	text-align: left;
	font-size: 10px;
	width: 680px;
	border-top: 1px solid #999B5E; 
	}
	
#Footer p {
	color: #A9A35D;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	}

#Footer a:link, #Footer a:visited, #Footer a:active {
	text-decoration: none;
	color: #EB9E46; 
	}
	
#Footer a:hover {
	text-decoration: underline;
	color: #EFD259;
	} 



/*.......(( Misc. elements ))....................................................*/

.clear { clear: both; }

.Button {
	background-color:#BEBE71;
	color: #3f4223;
	cursor: hand;
	font-size:10px;
	text-decoration: none;
	border: 1px solid #FCF5CA; 
	}
	
.ButtonHover {
	background-color: #EE8B23;
	color: #FFF;
	cursor: hand;
	font-size:10px;
	text-decoration: none;
	border: 1px solid #FCF5CA; 
	}
	
/*.......(( Dev Edit Classes ))..........................................................*/

.border				{ border: 1px solid #696E3D; }
.border2				{ border: 2px solid #696E3D; }
.mL						{ margin: 0px 0px 15px 15px; }
.mR						{ margin: 0px 15px 15px 0px; }
.border_mL		{ border: 1px solid #696E3D; margin: 0px 0px 15px 15px; }
.border2_mL		{ border: 2px solid #696E3D; margin: 0px 0px 15px 15px; }
.border_mR		{ border: 1px solid #696E3D; margin: 0px 15px 15px 0px; }
.border2_mR	{ border: 2px solid #696E3D; margin: 0px 15px 15px 0px; }



/* Page Layout Classes */

/************************************************
	*												*
	*	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: #696E3D; }



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


	/* MAIN CONTACT PAGE FORM **********/
	
	.qcform              { background: #4A4920; border-color: #7C8247; } /*container form*/
	.qcformcolor         { background-color: #383B1E!important; border-color: #7C8247; color: #E6DA7E; } /*input field*/
 	hr.qcform            { background-color: #7C8247; }


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

	.m-form, 
	.m-form-low, 
	.m-form-services,
	.m-form-inner-services					
	{ background: #4A4920!important; border-color: #7C8247; }/*container form*/
	
	.m-formcolor, 
	.m-form-innercolor	
	{ background: #383B1E; border-color: #7C8247; color: #E6DA7E; }/*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: 83px 0px 7px 20px; }
	.m-form-low
	{ margin: 93px 0px 7px 20px; }
	.m-form-services
	{ margin: 83px 0px 7px 20px; }
	.m-form-inner-services
	{ margin: 93px 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; } }