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

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

body {
	margin: 0;
	padding: 0;
	border: 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color: #FFC399;
	background: #4E0317 url(../images/BG.jpg) top left repeat-x; }
	
p {
	border: 0px;

	}
		
a:link, a:visited, a:active {
	color:#CC0033;
	text-decoration: underline; }
		
a:hover {
	color: #F7D8A1;	
	text-decoration: underline; }

	
.Button {
	background-color: #9F020B;
	color: #F7D8A1;
	cursor: hand;
	font-size:10px;
	text-decoration: none;
	border: 1px solid #CC0107; }
	
.ButtonHover {
	background-color: #650410;
	color: #F7D8A1;
	cursor: hand;
	font-size:10px;
	text-decoration: none;
	border: 1px solid #CC0107; }
	
	
/* ----((  body, content area ))---------------------------------------------*/
#Container {
	margin: 0px auto;
	padding: 0;
	border: 0;
	width: 770px;
	height: auto;
	text-align:left;
	background-image: url(../images/wrapBG.jpg) ; background-repeat: repeat-y;  }
	
	
#Pagewrap { border: 0; padding: 0; width: 770px; height: 100%; float: left; background-image: url(../images/wrapBG.jpg) ; background-repeat: repeat-y; background-position: top;  }
#wrapleft { border: 0; padding: 0; width: 19px;  height: 519px; float: left; background-image:  url(../images/wrapleftBG.jpg) ; background-repeat: no-repeat;  }
#wrapcenter { border: 0; padding: 0; width: 732px; height: 100%; float: left; 	}
#wrapright {border: 0; padding: 0; width: 19px; height: 519px; float: left; background-image: url(../images/wraprightBG.jpg);background-repeat: no-repeat; background-position: top; }
html>body #wrap{
height: auto; }

#header { margin: 0; padding: 0; border: 0;width: 732px; }

	


#Content { 
	border: 0px;
	width: 732px;
	float: left;
	height: 100%; 
	margin-bottom: 0px; 
	background-color: #21050E;
	overflow: visible;
}
#ContentLiner {
	padding: 0px 35px 30px 35px;
}

#interiorContent { 
	border: 0px;
	width: 732px;
	float: left;
	height: 100%; 
	margin-bottom: 0px; 
	background-color: #21050E;
	overflow: visible;
	}

	

/* ----((  navigational area ))---------------------------------------------*/
#navwrap {
	width: 732px;
	float: left;
	text-align: center;
	margin: 0px;
	background-image: url(../images/navBG.gif);
	background-position:top;
	background-repeat:repeat-y;
	background-color: #000; }
	
	
#nav {
	width: 732px;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/navimgBG.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
#nav p {
	padding: 2px 0px 2px 0px;
}

	
	
	
/* ----((  footer area ))---------------------------------------------*/
#footerwrap {
	width:770px;
	clear: both;
	margin-left: 0px;
	background:  #000 url(../images/footerBG.jpg) top left repeat-y; }
	
#footer {
	width:770px;
	clear: both;
	margin-left: 0px;
	background:  url(../images/footerimgBG.jpg) top left repeat-x;
	text-align: left!important; }
	
	#footer p,  #subfooter p {
	margin: 0;
	padding:  10px 35px;
	border: 0;
	font-size: 10px;
	line-height: 14px;
	color: #FF0022; }

	#footer p br				            { display: block!important; /* nuke coded breaks*/ }
#subfooter p br                                               { display: block!important; /* nuke coded breaks*/ }

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

.footcolor { clear: left;}
	#footer br 				            { display: none!important; } /* nuke coded breaks*/


	/* ----(( misc. elements))---------------------------------------------*/
	
	#phonecenter { border: 0; padding: 0; margin: 0px; width: 732 px; height: 39px; text-align: right; float: right; background-color: #19040B; }
	
	#flash {
		margin: 0;
		padding: 0;
		border: 0;
		width: 732px;
		height: 270px;
		float: left; }
	
	#banner {
		margin: 0;
		padding: 0;
		border: 0;
		float: left;
		width: 732px;
		height: 118px; }
	
	#boxclear  { 
		line-height: 10px ;
		clear:both; }
		
		
	#img1  {  margin: 0; padding: 0; border: 0; height: 19px; width: 732px; clear: both; }
	#img2  {  margin: 0; padding: 0; border: 0; height: 14px; width: 732px; clear: both; }
	#img3  {  margin: 0; padding: 0; border: 0; height: 21px; width: 732px; clear: both; }
	#img4  {  margin: 0; padding: 0; border: 0; height: 15px; width: 770px; clear: both; }

	/*.......(( Dev Edit Classes ))..........................................................*/
	
	.border					{ border: 1px solid #94010B; }
	.border2				{ border: 2px solid #94010B; }
	.mL						{ margin: 0px 0px 15px 15px; }
	.mR						{ margin: 0px 15px 15px 0px; }
	.border_mL	 			{ border: 1px solid #94010B; margin: 0px 0px 15px 15px; }
	.border2_mL				{ border: 2px solid #94010B; margin: 0px 0px 15px 15px; }
	.border_mR				{ border: 1px solid #94010B; margin: 0px 15px 15px 0px; }
	.border2_mR				{ border: 2px solid #94010B; margin: 0px 15px 15px 0px; }
	
	hr 						{ background-color: #94010B;  color: #94010B; }
	
		
		
	
	/************************************************
	*												*
	*	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: #94010B; }



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

	
	/* MAIN CONTACT PAGE FORM **********/
	
	.qcform              { background: #120207; border-color: #94010B; } /*container form*/
	.qcformcolor         { background-color: #21050E!important; border-color: #94010B; color: #FFC399; } /*input field*/
 	hr.qcform            { background-color: #CC1321; color: #CC1321; }


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

	.m-form, 
	.m-form-low, 
	.m-form-services,
	.m-form-inner-services					
	{ background: #120207!important; border-color: #94010B; }/*container form*/
	
	.m-formcolor, 
	.m-form-innercolor	
	{ background: #21050E; border-color: #94010B; color: #FFC399; }/*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: 86px 0px 7px 20px; }
	.m-form-low
	{ margin: 67px 0px 7px 20px; }
	.m-form-services
	{ margin: 86px 0px 7px 20px; }
	.m-form-inner-services
	{ margin: 91px 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; } }


	
	/* ----((  Form Classes  ))---------------------------------------------*/
	.form {
		width:190px;
		font-family: A, Helvetica, sans-serif;
		font-size: 12px;
		background-color: #BB9459;
		border: 1px solid #DBB36D;
	}
	
	.Message {
		width:190px;
		font-family: Vedana, Helvetica, sans-serif;
		font-size: 12px;
		background-color: #BB9459;
		border: 1px solid #DBB36D;
		height: 65px;
	}
	
	.bg { background-color:#BB9459; color: #FED482;}
	.bg2 { background-color:#AF8952; color: #FED482;}
	.line { border-top: 2px solid #F0C775; height: 5px;}