/*-------------------------------------------
	*  Filename:            default.css 
	*  Description          default css
	*  Version              1.0.0 [2011-10-20]
	*  Style ID             1013
	*  Author:              ProSites
	---------------------------------------------*/
	
	@import url('//styles.prosites.com/css/global_content.css');
	

	
/*** GENERAL FORMAT *************************************************************************************/

body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: url(../images/BG.jpg);
	background-repeat: repeat-x;
	text-align:center;
	color: #FFFFFF;
	background-color: #C4BD4B;
	padding-bottom: 10px;
	}

	body, legend                        { color: #FFFFFF; }
	                                 

	a:link, a:visited, a:active         { color: #827704; }
	a:hover                             { color: #FFD643; }
	
	fieldset,img                        { border-color: #E8C23D; }
	fieldset                            { }
	hr  				   		 { background-color:#E8C23D; color: #E8C23D; }/*--color for IE7---*/

	.Button			            { color: #817815; background: #EECA36; border: solid 1px #EEE097; }
	.ButtonHover			    { color: #817815; background: #C5BE4C; border: solid 1px #EEE097; }
	a img 						{ border:none;}


/* ----((  general layout ))---------------------------------------------*/		

#masterwrap {
	width: 734px;
	margin: 0px auto;
	padding: 0px;
	height: auto;
	text-align:left;
	background-image: url(../images/wrapBG.jpg) ;
	background-repeat: repeat-y; 
	}

#wrap { border: 0; padding: 0; 	width: 734px; height: auto; background-image: url(../images/wrapBG.jpg) ; background-repeat: repeat-y;  }
#wrapleft { border: 0; padding: 0; width: 16px; height: 584px;  float: left; background-image:  url(../images/wrapleft.jpg) ; background-repeat: no-repeat;  }
#wrapcenter	{ border: 0; padding: 0; width: 702px; height: 100%; float: left; }
#wrapright	{ border: 0; padding: 0; width: 16px; height: 584px; float: left; background-image: url(../images/wrapright.jpg);background-repeat: no-repeat; background-position: top;}

html>body#wrapcenter {
	height: auto;
	}
	

#header {
	width: 702px;
	}



/* ----((  phone area ))---------------------------------------------*/

#phoneleft{ border: 0; padding: 0;  width: 661px; height: 33px; text-align: right;   float: left; background-image:url(../images/phoneleft.jpg); background-repeat:repeat-x }
#phoneright	{ border: 0; padding: 0; width: 41px; height: 33px; float: left; background-image: url(../images/phoneright.jpg);background-repeat: repeat-x; background-position: top; }
	
	

/* ----((  navigational area ))---------------------------------------------*/

#nav {
	width: 702px;
	float: left;
	vertical-align: top;
	text-align: center;
	margin: 0px;
	padding:  5px 10px 0px 10px ;
	background-image: url(../images/navBG.jpg);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #918300;
	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:682px;

	}
	
html>body #nav {
	width:682px;
	}



/* ----((  body, content area ))---------------------------------------------*/

#wrapbody { width: 702px; float: left; background-image: url(../images/bodyimgBG.jpg); background-repeat: no-repeat; background-position:top;  margin-bottom: 0px; padding: 0px 35px 50px 35px; height: 100%; 	overflow: visible;
	
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 100px;
	width: 632px;
	}

 html>body #wrapbody {
	height: auto;
	width: 632px;
	}


/* ----((  general subpage layout ))---------------------------------------------*/

#banner {
	width: 702px;
	height: 118px;
	}


/* ----((  footer area ))---------------------------------------------*/

.spacer {
	width: 745px;
	height: 12px;
	background-color: #E2E5EA;
	float: left;
	}

#footer {
	float: left;
    width: 702px;
	font-size: 9px;
	color: #ADA33B ;
	clear: both;
	margin-left: 11px;
	background-color: #FBE058;
	voice-family: "\"}\""; 
	voice-family:inherit;
	   width: 691px;
	}
	
html>body #footer {
	    width: 691px;
				margin-left: 22px;

	}
#footer p {
	line-height: 13px;
	padding: 10px 15px 10px 15px;
		}

#footer a:link, #footer a:visited, #footer a:active {
	text-decoration: none;
	color: #ADA33B ;
}
#footer a:hover {
	text-decoration: underline;
	color: #EAC23E ;
}


/* ----(( misc. elements))---------------------------------------------*/
.boxclear  { clear: both; line-height: 10px;}
#yellowbox  { width: 691px; height: 20px; background-color: #EAC23E; 	margin-left: 22px; clear: both; }

#flash { width:702px; height:219;}



/* ----((  Before & After Classes ))---------------------------------------------*/

.BAsetLeft {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 220px;
	float: left;
	padding: 20px  0px 30px 35px;
	}
	
.BAsetRight {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 220px;
	float: right;
	padding: 20px  35px 30px 0px;
	}
	
.BAimgwrap {
	margin: 4px;
	padding: 5px;
	border: 0px;
	float: left;
	background-color: #FFF;
}
.BAimgwrap P {
	padding: 3px 0px 0px 0px;
}
.BAtext {
	padding: 0px 0px 8px 0px;
	text-align: center;
}




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



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

	
	/* MAIN CONTACT PAGE FORM **********/
	
	.qcform              { background: #A49B36; border-color: #E8C23D; } /*container form*/
	.qcformcolor         { background-color: #948B30 !important; border-color: #E8C23D; color: #FFFFFF; } /*input field*/
 	hr.qcform            { background-color: #E8C23D;}


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

	.m-form, 
	.m-form-low, 
	.m-form-services,
	.m-form-inner-services					
	{ background: #A49B36!important; border-color: #E8C23D; }/*container form*/
	
	.m-formcolor, 
	.m-form-innercolor	
	{ background: #948B30; border-color: #E8C23D; color: #FFFFFF; }/*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: 80px 0px 7px 20px; }
	.m-form-low
	{ margin: 76px 0px 7px 20px; }
	.m-form-services
	{ margin: 82px 0px 7px 20px; }
	.m-form-inner-services
	{ margin: 100px 0px 7px 20px; }