/*-------------------------------------------
	*  Filename:            default.css 
	*  Description          default css
	*  Version              1.0.0 [2012-01-06]
	*  Style ID             4038
	*  Author:              ProSites
	---------------------------------------------*/
	
	@import url('//styles.prosites.com/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                                { background: #3C3C3C url(../images/bg.jpg) top center repeat-x; color: #FFFFFF; }
	#interior                           { background: #3C3C3C url(../images/bg-interior.jpg) top center repeat-x; }	
	body, legend                        { color: #FFFFFF; }
	                                 

	a:link, a:visited, a:active         { color: #FDCF5D; }
	a:hover                             { color: #BF6A1F; }
	
	fieldset,img                        { border-color: #FDCF5D; }
	fieldset                            { }
	hr  				    			{ background-color: #F39B55; color: #F39B55; }

	.Button			            		{ color: #3C3C3C; background: #FDCF5D; border: solid 1px #FFE3A3; }
	.ButtonHover			    		{ color: #3C3C3C; background: #FBA101; border: solid 1px #E5A713; }	


	/*  LAYOUT RULES **************************************************************************************************************/

	#container-bg-image                 { width: 100%; min-width: 1000px; padding: 0px; background: url(../images/container-bg-image.jpg) top center no-repeat; text-align: center; display: table;}
    #interior #container-bg-image       { background: url(../images/container-bg-image-interior.jpg) top center no-repeat; }
   
    #header                            	{ position: relative; width: 1000px; height: 135px; margin: 0px auto; padding: 0px; }
	#header img                         	{ border: none; }
	#header .logo                       	{ position:absolute;	 padding-left: 30px;}	
	
	#flash                              { width: 940px; height: 310px; position: relative; margin: 0px auto; margin-bottom: 10px; }
	
	#banner                             { width: 960px; height: 170px; position: relative; margin: 0px auto; margin-bottom: 10px;}
	
	#content                            { width: 960px; margin: 0px auto; padding: 0px; text-align: left; position: relative; background: url(../images/content-bg.png) top center no-repeat; min-height: 400px; } 
	#content .padding                   { height: 100%; margin: 0px; padding: 21px 30px 30px 30px; overflow: visible; text-align: left; }

	#phone                              { width: 940px; height: 45px; margin: 0px auto; padding: 0px; text-align: right; }
	#phone img                          { margin: 0px; }
	 
	 	
	/*  NAVIGATION ****************************************************************************************************************/

	#nav-bg                             { width: 100%; min-width: 1000px; padding: 0px; background: url(../images/nav-bg.png) top center repeat-y; overflow: hidden; text-align: center; }
	#nav                                { margin: 0px auto; padding: 0px; width: 940px }
	#nav img                            { }
	
	
	
	/*  FOOTER ********************************************************************************************************************/
	
	#footer-bg                          { margin: 0px auto; padding: 0px; width: 100%; text-align: center; background: #000000  url(../images/footer-bg.jpg) top left repeat-x;}
	#footer                             { margin: 0px auto; padding: 0px 0px; width: 900px; font-size: 12px; color: #C2C2C2; text-align: center; }
	
	#footer .footer-nav          { margin: 0px; padding: 25px 0px 6px 0px;  }
	#footer p 				     { margin: 0px; padding: 0px; }
	#footer .devby               { margin: 0px; padding: 6px 0px 25px 0px; }
	#footer br 				     { display: none!important; } /* hide coded breaks*/
	
	#footer a:link, #footer a:visited, #footer a:active     { color: #FBA408; text-decoration: none; font-weight: bold; }
	#footer a:hover                                         { color: #ECC157; text-decoration: none; font-weight: bold; }

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



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

	
	/* MAIN CONTACT PAGE FORM **********/
	
	.qcform              { background: #5B5B5B; border-color: #3C3C3C; } /*container form*/
	.qcformcolor         { background-color: #868686!important; border-color: #4B4551; color: #FFFFFF; } /*input field*/
 	hr.qcform            { background-color: #C96E25; color: #C96E25; }


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

	.m-form, 
	.m-form-low, 
	.m-form-services,
	.m-form-inner-services					
	{ background: #5B5B5B!important; border-color: #3C3C3C; }/*container form*/
	
	.m-formcolor, 
	.m-form-innercolor	
	{ background: #868686; border-color: #4B4551; color: #FFFFFF; }/*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: 73px 0px 7px 20px; }
	.m-form-low
	{ margin: 69px 0px 7px 20px; }
	.m-form-services
	{ margin: 72px 0px 7px 20px; }
	.m-form-inner-services
	{ margin: 100px 0px 7px 20px; }  
	
	
	/* AppointmentRequestForm */
	#AppointmentRequestForm .qcformcolor{ font: 12px verdana, arial, sans-serif; padding: 2px; width: 234px; }
		
	
	
	/* 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; } }





/* The Nivo Slider styles */
	.nivoSlider 					{ position:relative; top:0px; left:0px; height:310px; }
	.nivoSlider img 				{ position:absolute; top:0px; left:0px; display:none; }
	
	/* If an image is wrapped in a link */
	.nivoSlider a.nivo-imageLink 	{ position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; }
	.nivoSlider a 					{ border:0; display:block;}

	
	/* The slices and boxes in the Slider */
	.nivo-slice { display:block; position:absolute; z-index:5; height:100%; }
	.nivo-box { display:block; position:absolute; z-index:5; }

	/* Control nav styles (e.g. 1,2,3...) */
	.nivo-controlNav a {		position:relative;		z-index:9;		cursor:pointer;	}
	.nivo-controlNav a.active {		font-weight:bold;	}
	.nivo-controlNav { display: none; }
	
	/* Caption styles */
	.nivo-caption {
		position:absolute;
		left:0px;
		bottom:0px;
		background:#000;
		color:#fff;
		opacity:0.8; /* Overridden by captionOpacity setting */
		width:100%;
		z-index:8;
	}
	.nivo-caption p {		padding:5px;		margin:0;	}
	.nivo-caption a {		display:inline !important;	}
	.nivo-html-caption {		display:none;	}
	/* Direction nav styles (e.g. Next & Prev) */
	.nivo-directionNav a {
		position:absolute;
		top:45%;
		z-index:9;
		cursor:pointer;
	}
	.nivo-prevNav {		display: none;	}
	.nivo-nextNav {		display: none;	}