/*-------------------------------------------
	*  Filename:            default.css 
	*  Description          default css
	*  Version              1.0.0 [2012-01-06]
	*  Style ID             1099
	*  Author:              ProSites
	---------------------------------------------*/
	
	@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				 { color: #776329; background: #EAE6CB url(../images/bg.jpg) top left repeat-x ; height: auto; }


	a:link, a:visited, a:active         { color: #548A00; }
	a:hover                             { color: #C1773C; }

	
	fieldset, img                          { border-color: #776329; }
	legend                              { color: #776329; }
	
	hr                                  { color: #C5B382; background-color: #C5B382; }

#Container	{ margin: 0 auto; width: 771px; text-align: left;  height: auto;  /*firefox,safari fix*/ background: #fff url(../images/container-bg.jpg) top left repeat-y ; }
#Liner				{ position: relative; width: 755px; } /*Right  Div - Container*/
#Float-wrap	{ float: left; width: 755px;  margin-right: 1px; /*Use Above total + Add Margin 1 Fix*/ }
#Center			{ float: right;  width: 739px;  margin-bottom: -1px; /*Left  Div + Right Div - Container*/  overflow: visible; }
#Left 				{ float: left; width: 16px;  height: 553px; background:  url(../images/left.jpg) top left repeat-x; }
#Right			{ float: left; position: relative; width: 16px;  margin-right: -16px;   margin-left: -1px; height: 553px; background:  url(../images/right.jpg) top left repeat-x;   }

#top-row		{ margin: 0px; padding: 0px; width: 739px;  text-align: left; height: auto; background: url(http://styles.prosites.com/1099/images/top-bg.jpg) top repeat-x;  height: 40px; }
#mid-row		{ border: 0px; margin: 0px; padding: 0px; width: 739px; height: 69px; float: left; }
#btm-row		{ margin: 0 auto; padding: 0px; width: 771px;  text-align: left;  background:  url(../images/btm-bg.jpg) top repeat-x ; height: 29px;  }
.row-r				{ margin: 0 auto; padding: 0px; float: right; }
.row-l				{ margin: 0 auto; padding: 0px; float: left; }

#header		{ border: 0px; margin: 0 auto; padding: 0px; width: 739px;  /*border-bottom: 3px solid #FFF; */ }
#flash 			{ border: 0; margin: 0; padding: 0px 0px 0px 0px ; width: 739px; height: 248px; float: left; }
#ban   			{ border: 0px; margin: 0px; padding: 0px 0px 0px 0px ; width: 739px; height: 120px; float: left; border-bottom: 3px solid #AD944F;  border-top: 2px solid #E4DABD;}
#ph 		{ border: 0; margin: 0; padding: 0px ; width: 739px; background:  url(../images/ph-bg-left.jpg) top left repeat-y ; float: left; text-align: right; }



/*.......((  Nav Area )).............................................*/
#Nav {
	text-align: center;
	float: left;
	width: 739px; 
	height: 100%;
	margin: 0px 0px 0px 0px;
	background:   url(../images/nav-bg.jpg)  top left repeat-y;
	border-top: 3px solid #D5C59B;
	border-bottom: 2px solid # D7C79C; 
	}

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

/*.......(( Content area )).................................*/

#Cbg { background:  url(../images/content-bg.jpg) top left repeat-x; width: 739px; float: left; margin: 0px; padding: 0px;} 		
#Content {  position: relative; padding: 0px 25px 0px 25px; width: 689px;  /*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: 210px;
	}
html>body #Content {  height: auto; }

/*.......((  Footer area ))...............................................*/

#footer {
	text-align: left;
	font-size: 10px;
	width: 739px;
	margin: 0 auto;
	background:  #D1C194;
	}

#footer p {
	color: #FFF;
	padding: 0px 19px 10px 20px;
	margin: 0px;
	}

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


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

.clear { clear: both; }

.Button {
	background-color: #4A7900;
	color: #EAE9BA;
	cursor: hand;
	font-size:10px;
	text-decoration: none;
	border: 1px solid #385B02; 
	}
	
.ButtonHover {
	background-color: #B29B5A;
	color: #FFF;
	cursor: hand;
	font-size:10px;
	text-decoration: none;
	border: 1px solid #9F884A; 
	}

	
/*.......(( Dev Edit 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: #C5B382; }



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


	/* MAIN CONTACT PAGE FORM **********/
	
	.qcform              { background: #E8DEC0!important; border-color: #CAB989; } /*container form*/
	.qcformcolor         { background-color: #F0EDDA!important; border-color: #CAB989; color: #776329; } /*input field*/
 	hr.qcform            { background-color: #BAAA85; }

	/* AppointmentRequestForm */

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

	.m-form, 
	.m-form-low, 
	.m-form-services,
	.m-form-inner-services					
	{ background: #E8DEC0!important; border-color: #CAB989; }/*container form*/
	
	.m-formcolor, 
	.m-form-innercolor	
	{ background-color: #F0EDDA!important; border-color: #CAB989; color: #776329; }/*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: 67px 0px 7px 20px; }
	.m-form-low
	{ margin: 67px 0px 7px 20px; }
	.m-form-services
	{ margin: 67px 0px 7px 20px; }
	.m-form-inner-services
	{ margin: 77px 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-
.return			{ margin: 0 0 8px; display: block;} /* edit margin for address spacing*/