/*-------------------------------------------
	*  Filename:            default.css 
	*  Description          default css
	*  Version              1.0.0 [2012-01-06]
	*  Style ID             1028
	*  Author:              ProSites
	---------------------------------------------*/
	
	@import url('http://styles.prosites.com/css/global.css');
	
	
/*.......((  general site layout ))....................................................*/

body {
	border: 0px;
	margin: 0px;
	padding: 0px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #74511B;
	background:  #7A6545 url(../images/BG.jpg) top left repeat ;
	}
	 
	
.Button {
	background-color: #E0B45B;
	color: #7A4B18;
	cursor: hand;
	font-size:10px;
	text-decoration: none;
	border: 1px solid #B58143; 
	}
	
.ButtonHover {
	background-color: #FFFFFF;
	color: #BF8C4A;
	cursor: hand;
	font-size:10px;
	text-decoration: none;
	border: 1px solid #FFC46A; 
	}


p { border: 0px; }
		
a:link, a:visited, a:active {
	color:#9F3100;	
	text-decoration: underline; 
	}
		
a:hover {
	color: #563B13;	
	text-decoration: underline; 
	}
	
	
	
#Container {
	border: 0px;
	margin: 0px auto;
	padding: 0px;
	width: 770px;
	height: auto;
	text-align:left;
	}
	
#Pagewrap	{ border: 0; padding: 0; margin: 0px; width: 770px; height: auto; background: url(../images/ContainerBG.jpg) top left repeat-y; float: left; }
#Pageleft 		{ border: 0; padding: 0; margin: 0px; width: 29px; height: 545px; float: left; }
#Pagecenter	{ border: 0; padding: 0; margin: 0px; width: 709px; height: 100%; float: left; }
#Pageright	{ border: 0; padding: 0; margin: 0px; width: 32px; height: 545px; float: left; }

#topleft	        { width: 29px; height: 34px; float: left; background:  url(../images/imgTopleft.jpg) top left repeat-x; }
#topcenter		{ width: 709px; height: 34px; float: left; background:  url(../images/imgTopMid.jpg) top left repeat-x; }
#topright 	    { width: 32px; height: 34px; float: right;  background: url(../images/imgTopright.jpg) top left repeat-x; }

#midleft         { width: 5px; height: 14px; float: left; background:  url(../images/imgMidleft.gif) top left repeat-x; }
#midcenter   { width: 699px; height: 14px; float: left;background:  url(../images/imgMidStrip.gif) top left repeat-x; }
#midright		{ width: 5px; height: 14px; float: right;  background: url(../images/imgMidright.gif) top left repeat-x;  }

#bottomleft		{ width: 29px; height: 26px;float: left; background: url(../images/imgBottomleft.jpg) top left repeat-x; clear: left; }
#bottomcenter	{ width: 709px; height: 26px; float: left; background: url(../images/imgBottomstrip.jpg) top left repeat-x; }
#bottomright		{ width: 32px; height: 26px; float: right;  background: url(../images/imgBottomright.jpg) top left repeat-x; }

#header		{ border: 0px; margin: 0px; padding: 0px; width: 709px; display: block; }
#flash 		{ margin: 0; padding: 0; border: 0; width: 709px; height: 213px; float: left; background: #735E3F;  }
#ban   		{ border: 0px; margin: 0px; padding: 0px; width: 709px; height: 117px; float: left; background: #735E3F; }

#phoneLeft	 { border: 0px; margin: 0px; padding: 0px; width: 439px; height: 43px; float: left;  background: url(../images/imgLeft.jpg) top left repeat-x;}
#phoneRight { border: 0px; margin: 0px; padding: 0px; width: 270px; height: 43px; float: left; }



/*.......((  menu area ))....................................................*/

#Nav {
	width: 709px;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background:  url(../images/NavBGstrip.jpg) top left repeat-y;
	}

#Nav .bg  {
	background:  url(../images/NavBGimage.jpg) top left repeat-x;
	margin: 0px;
	border: 0px;
	text-align: center;
	}

#Nav  p {
	padding: 0px 10px 0px 0px;
	margin: 0px;
	border: 0px;
	}



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

#Content { 
	border: 0px;
	margin: 0px;
	width: 709px;
	height: 100%; 
	float: left;
	clear: both;
	overflow: visible;
	background:  url(../images/ContentBG.jpg) top left repeat-x; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 150px;
	}

html>body #Content {  height: auto; }

#ContentLiner { 
	padding: 40px 30px 30px 30px;
	}


	


/*.......((  footer area ))....................................................*/

#footer {
	width:704px;
	clear: both;
	margin-left: 4px;
	background:  #FFDD9C; 

	}

#footer p,  #subfooter p {
	border: 0;
	font-size: 10px;
	line-height: 14px;
	text-align: left!important;
	color: #9F3100;
	padding: 5px 10px;
	margin: 0px 0px 0px 0px;
	}

#footer a:link, #footer a:visited, #footer a:active {
	text-decoration: none;
	color: #7D5834; 
	}
	
#footer a:hover {
	text-decoration: underline;
	color: #9F3100; 
	} 
	#footer br 				            { display: block!important; } /* nuke coded breaks*/


/*.......(( misc. elements ))....................................................*/
	
.boxclear { 
	line-height: 10px ;
	clear:both; 
	}
	
.right {
	border: 0px;
	margin: 0px;
	padding: 0px;
	float: right;
	display: inline;
	 }


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

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

hr 						{ background-color: #B58143; color: #B58143; }
hr.size2 				{ color: #B58143; height: 2px; }


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



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

	
	/* MAIN CONTACT PAGE FORM **********/
	
	.qcform              { background: #FFEBB3; border-color: #B58143; } /*container form*/
	.qcformcolor         { background-color: #FFF9EA!important; border-color: #B58143; color: #74511B; } /*input field*/
 	hr.qcform            { background-color: #B58143; color: #B58143; }


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

	.m-form, 
	.m-form-low, 
	.m-form-services,
	.m-form-inner-services					
	{ background: #FFEBB3!important; border-color: #B58143; }/*container form*/
	
	.m-formcolor, 
	.m-form-innercolor	
	{ background: #FFF9EA; border-color: #B58143; color: #74511B; }/*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: 88px 0px 7px 20px; }
	.m-form-low
	{ margin: 69px 0px 7px 20px; }
	.m-form-services
	{ margin: 88px 0px 7px 20px; }
	.m-form-inner-services
	{ margin: 115px 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; } }