/*-------------------------------------------
	*  Filename:            default.css 
	*  Description          default css
	*  Version              1.0.0 [2011-10-20]
	*  Style ID             2081
	*  Author:              ProSites
	---------------------------------------------*/
	
	@import url('global.css');
	
	
	/* RESETS */
	
	#w_all, #container, #header, #nav_bg, #flash, #panels, #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                                { background: url(../images/footer_bg_pattern.jpg) top center repeat;color: #%BodyBGColor%; margin: 0px;  }
	body #interior                      { }	
	body, legend                        { color: #D5D5D5; }
	                                 

	a:link, a:visited, a:active         { color: #7AAFFF; }
	a:hover                             	{ color: #B2D1FF; }
	
	.m-form a:link, 
	.m-form a:visited, 
	.m-form a:active         	{ color: #7AAFFF; text-decoration: underline; outline: none; outline: none; }
	.m-form a:hover                     { color: #B2D1FF; text-decoration: underline; outline: none; outline: none; }

	fieldset,img                        { border-color: #7AAFFF; }
	fieldset                            { padding: 6px; }
	hr  				    			{ background-color: #8CA7D6; color: #8CA7D6; }
	
	.Button			            		{ color: #000000; background: #8FB4EB; border: solid 1px #BAD2FF; }
	.ButtonHover			    		{ color: #FFFFFF; background: #676767; border: solid 1px #989898; }
	
	
	/* PARENT WRAPPERS ***** NOTE** indicate wrapper children in ID/class name ******************************/
	
	#w_all        { width: auto; height: auto; min-width: 1000px; background: #2B2B2B; } 
	#w_top	      { width: auto; height: auto; min-width: 1000px; background: #1C1C1C url(../images/bg.jpg) bottom center repeat-x;  }
	#interior #w_top { background: #1C1C1C url(../images/bg_interior.jpg) bottom center repeat-x;  }  
	#w_content    { width: 1000px; margin: 0px auto; position: relative; } 
	#w_footer     { width: auto; min-width: 1000px; background:  url(../images/footer_bg.png) top center repeat-x; } 
 
	
	/* 100% or FIXED BG ELEMENTS ****************************************************************************/
	
	#container_bg{ /*- No Div -*/ }
	#header_bg	 { /*- No Div -*/ } 
	#nav_bg		 { width: auto; height: 100%; min-width: 1000px; background:  url(../images/nav_bg.png) top center repeat-y; line-height: 0px; }
	#panels_bg	 { width: 1000px; margin: 0px auto; height: 353px; position: relative; z-index: 2; background: url(../images/panel_bg.png) top center no-repeat; } 
	#banner_bg	 { width: 1000px; margin: 0px auto; height: 178px; position: relative; z-index: 2; background: url(../images/banner_bg.png) top center no-repeat; }
	#phone_bg	 { /*- No Div -*/ }
	#content_bg	 { /*- No Div -*/ }
	#footer_bg   { width: 1000px; margin: 0px auto;  } 

	/* CONTAINER DIV - OPTIONAL ** use this to contain all the core elements within one wrapper *************/
	
	
	#container 	            { width: auto;  margin: 15px auto 0px auto; display: table!important; min-width: 1000px; padding-bottom: 20px;  }

	/* CORE INNER ELEMENTS ****************/

	#header 	 { width: 1000px; margin: 0px auto; text-align: center; position: relative; padding: 0px 0px 11px 0px; }
	#nav		 { width: 960px; margin: 0px auto 0px auto; height: auto; padding: 0px 20px 0px 20px; line-height: 0px; }
	#slides	  	 { width: 1000px; height: 350px; position: relative; z-index: 2; top: 7px; }
	#banner		 { width: 1000px; height: 162px; position: relative; z-index: 3; top: 7px; }
	
	#phone                     { width: 623px; height: auto; text-align: center; position: absolute; left: 189px; z-index: 0!important; top: 0px;   background: url(../images/phone.jpg) top center no-repeat;
}
	
	.phoneBox a, .phoneBox a:hover {		 
	  color: #7AAFFF;
  	  text-decoration: none;
}
	.phoneBox { /* Added  - 7/5/2015*/
	  height: 60px;
	  padding: 10px 0;
	  font-family: 'Crimson Text', serif;
	  font-size: 28px;
	  text-transform: uppercase;
	  color: #7AAFFF;
}


	.span1 {
		color: #fff ;
	}


	#content   { height: 100%; margin: 0px; padding: 59px 50px 0px 50px; overflow: visible; text-align: left; min-height: 400px; }

	#footer      { height: auto; text-align: center!important; color: #729BDB; font-size: 12px;  padding: 30px 50px 20px 50px; }


	
	
	/*** CUSTOM DIVS if any custom CORE INNER ELEMENTS is needed please add in the section below*************/
	
	#header_top  { width: 1000px; height: 32px; margin: 0px auto; text-align: center; position: relative; background: url(../images/header_top_bg.png) top center no-repeat; }
	#nav_bottom  { width: auto; min-width: 1000px; height: 20px!important; background: url(../images/nav_bottom_bg.png) top center no-repeat; }
	#nav_bottom .block  { height: 7px; display: block; overflow: hidden; }
	.block       { width: 1000px; }
	
	
	/***CUSTOM FORMAT specific to CORE INNER ELEMENTS***/
	
		/*** CUSTOM DIVS if any custom CORE INNER ELEMENTS is needed please add in the section below*************/

	/*
		Load CSS before JavaScript
	*/
	
	/*
		Slides container
		Important:
		Set the width of your slides container
		Set to display none, prevents content flash
	*/
	.slides_container {	width:1000px; display:none;}
	.slides_container div {	margin-top:3px}
	/*
		Each slide
		Important:
		Set the width of your slides
		If height not specified height will be set by the slide content
		Set to display block
	*/
	.slides_container div { width:1000px; height:350px; display:block; }
	
	
	.pagination 	  { margin: 0px 0 0px 0px; position: absolute; z-index: 500; bottom: 24px; left: 32px;}
	.pagination li    { float: left; list-style-type: none; padding: 0px; margin-right: 0px; }
	.pagination li a  { background: url(../images/banner-onoff-btn.png) top center; height: 16px; width: 16px; display: block; text-indent: -9999px; list-style-type: none; margin: 0 0 0 -30px; outline: none;}
	.pagination li.current a { background: url(../images/banner-onoff-btn.png) bottom center; height: 16px; width: 16px; }
	
	
	
	/************************************************
	*												*
	*	NOTE global.css has additional formatting	*
	*	that may effect any custom code added		*
	* 	below. 										*
	*												*
	************************************************/
	
	
	 
	
	/*** #header ***********/
	#phone img 	     { border: none; }
	#header img  	 { border: none; outline: none; }
	
	
	/*** #nav **************/
	#nav img     { display: inline; margin: 0px; }

	
	/*** #content **********/
	#content p   { }
	#content a   { }
	
	
	/*** #footer ***********/
	#footer .footer_nav          { margin: 0px; padding: 5px 0px 10px 0px;  }
	#footer p 				     { margin: 0px; padding: 0px; }
	#footer .devby               { margin: 0px; padding: 10px 0px 15px 0px; }
	#footer br 				     { display: none!important; } /* hide coded breaks*/
	
	#footer a:link, #footer a:visited, #footer a:active     { color: #BAD6FE; text-decoration: none; font-weight: bold; }
	#footer a:hover                                         { color: #ECF5FE; text-decoration: none; font-weight: bold; }
	#footer_btm                                             { height: 28px; position: relative; background: url(../images/footer_btm.png) top center no-repeat; display: block; padding-bottom: 30px; } 
	







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



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

	
	/* MAIN CONTACT PAGE FORM **********/
	
	.qcform              {color: #EFEFEF;  background: #030303; border: 1px #2C2C2C solid; color: #EFEFEF; } /*container form*/
	.qcformcolor         { background-color: #1B1B1B!important; border: 1px #484848 solid; color: #EFEFEF; } /*input field*/
 	hr.qcform            { background-color: #586170; color: #586170; }


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

	.m-form, 
	.m-form-low, 
	.m-form-services,
	.m-form-inner-services					
	{color: #EFEFEF;  background: #030303!important; border: 1px #2C2C2C solid; color: #EFEFEF; }/*container form*/

	.m-formcolor, 
	.m-form-innercolor	
	{ background-color: #1B1B1B!important; border: 1px #484848 solid; color: #EFEFEF; }/*input field*/

	.m-form h1,
	.m-form-low h1, 
	.m-form-services h1, 
	.m-form-inner-services h1
	{color: #EAEAEA; padding-top:12px; font-family:arial; }

	
	/* MINI FORM POSITION **************/
	/*NEED TO ADJUST TOP MARGIN FOR EACH*/ 
	
	 .m-form  { margin: 82px 0px 7px 20px; } 
	 .m-form-low  { margin: 82px 0px 7px 20px; }
	 .m-form-services  { margin: 82px 0px 7px 20px; }
	 .m-form-inner-services  { margin: 106px 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; } }