/*-------------------------------------------
	*  Filename:            default.css 
	*  Description          default css
	*  Version              1.0.0 [2012-02-15]
	*  Style ID             1055
	*  Author:              ProSites
	---------------------------------------------*/
	
	@import url('http://styles.prosites.com/css/global_content.css');


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

html, body 		 { margin: 0; padding: 0; border: 0; height: auto; }
body				 { border: 0px; margin: 0px; padding: 0px; font: 12px Verdana, Arial; text-align: center; color: #35748F; background: #E4F3F8 url(../images/bg.jpg) top left repeat-x ; height: auto; }
#Container	{ margin: 0 auto; width: 771px; text-align: left;  height: auto;  /*firefox,safari fix*/ background: 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: 738px;  margin-bottom: -1px; /*Left  Div + Right Div - Container*/  overflow: visible; }
#Left 				{ float: left; width: 17px;  height: 411px; background:  url(../images/left.jpg) top left repeat-x; }
#Right			{ float: left; position: relative; width: 16px;  margin-right: -16px;   margin-left: -1px; height: 411px; background:  url(../images/right.jpg) top left repeat-x; }

#row				{ margin: 0 auto; padding: 0px; width: 738px;  text-align: left; height: auto; background: url(../images/top-bg.jpg) top repeat-x ;  height: 31px; float: left; }
#prop				{ margin: 0 auto; padding: 0px; width: 738px;  text-align: left; height: auto; background: url(../images/prop-bg.jpg) top repeat-x ; height: 36px; clear: both; }
.row-r				{ margin: 0 auto; padding: 0px; float: right; }
.row-l				{ margin: 0 auto; padding: 0px; float: left; }

#BtmRow		{ margin: 0 auto; padding: 0px; width: 771px;  text-align: left;  background:  url(../images/btm-bg.jpg) top left repeat-x ; height: 25px; }
.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: 738px; float: left;  margin: px 0px px 0px;  }
#flash 			{ border: 0; margin: 0; padding: 0px 0px 0px 0px ; width: 738px; height: 211px; float: left;  }
#ban   			{ border: 0px; margin: 0px; padding: 0px 0px 0px 0px ; width: 738px; height: 120px; float: left;  }
#m-row		   		{ border: 0px; margin: 0px; padding: 0px; width: 738px; height: 8px; float: left; background: url(../images/footer-top.jpg)  top left repeat-y; }

/*.......((  Nav Area )).............................................*/
#Nav {
	text-align: center;
	float: left;
	width: 738px; 
	height: 100%;
	margin: 0px 0px 0px 0px;
	background:  #69A3BC url(../images/nav-bg.jpg)  top left repeat-x;
	}

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

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

#Cbg { background:  url(../images/content-bg.jpg) top left repeat-x; width: 738px; float: left; } 		
#Content {  position: relative; padding: 28px 25px 15px 25px; width: 688px;  /*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 ))...............................................*/


#f-bg {
	margin: 0px auto;
	width: 738px;
	 float: left; 
	}
	
#footer {
	text-align: left;
	font-size: 10px;
	width: 738px;
	float: left; 
	background:  url(../images/footer-bg.jpg) top left repeat-y;
	}

#footer p {
	color: #689AAE;
	padding: 12px 19px 10px 19px;
	margin: 0px;
	}

#footer a:link, #footer a:visited, #footer a:active {
	text-decoration: none;
	color: #689AAE; 
	}
	
#footer a:hover {
	text-decoration: underline;
	color: #35738C;
	} 


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

.clear { clear: both; }

.Button {
	background-color:#229BA6;
	color: #FFF;
	cursor: hand;
	font-size:10px;
	text-decoration: none;
	border: 1px solid #33B0BB	; 
	}
	
.ButtonHover {
	background-color: #4385A3;
	color: #FFF;
	cursor: hand;
	font-size:10px;
	text-decoration: none;
	border: 1px solid #2F7391; 
	}


/*.......(( Basic HTML elements ))....................................................*/

p { border: 0px; }

a:link, a:visited, a:active { color: #046A9F; text-decoration: underline;  }
a:hover { color: #00B4FF; text-decoration: underline; }

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

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

hr 						{ background-color: #B7D5E1; color: #B7D5E1; }
hr.size2 				{ color: #B7D5E1; 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: #B7D5E; }



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

	
	/* MAIN CONTACT PAGE FORM **********/
	
	.qcform              { background: #fff; border-color: #B7D5E1; } /*container form*/
	.qcformcolor         { background-color: #F5FAFC!important; border-color: #B0CDD5; color: #35748F; } /*input field*/
 	hr.qcform            { background-color: #f0efec; color: #B7D5E1; }


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

	.m-form, 
	.m-form-low, 
	.m-form-services,
	.m-form-inner-services					
	{ background: #fff!important; border-color: #B7D5E1; }/*container form*/
	
	.m-formcolor, 
	.m-form-innercolor	
	{ background: #F5FAFC; border-color: #B0CDD5; color: #35748F; }/*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: 98px 0px 7px 20px; }