@charset "utf-8";
/* CSS Document */


body 
{
			font: 100% Verdana, Arial, Helvetica, sans-serif;
			background: #fcfcfc;
			margin: 0; 
			padding: 0;
			color: #000000;
}


/************************* BROWSER RESET ********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
 blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video 
{
	margin: 0;
	padding: 0;
	border: 0;
	
	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section 
{
	display: block;
}


a
{
		text-decoration:none;
}


/******************* FORM ********************/
form input, form textarea
{
		max-width:100%;
}


/****************** IMAGES ******************************/
img
{
		max-width:100%;
		height:auto;
		border:0;
}



.float_left
{
		float:left;
		margin:10px;
}


.float_right
{
		float:right;
		margin:10px;
}

/*************************** CONTAINER **********************/
#container 
{
		width:98%; 
		max-width:1440px;
		background: #ececec;
		margin: 0 auto; 
		
			
}



/*********************************** MAIN CONTENT ******************/
#main-content 
{		float:left;
		width:100%;
		margin:0;
		
		
		
		
}

#main-content  h3
{
		color:#C96;
		font-size:23px;
		padding-left:10px;
		
		
			
}

#main-content  h4
{
		color: #930;
		font-size:23px;
		padding-left:10px;
		
		
			
}


#main-content  h5
{
		color: #930;
		font-size:23px;
		padding-left:10px;
		
		
			
}

#main-content  h2
{
		color:#C96;
		font-size:20px;
		padding-left:10px;
		
}
 
#main-content  h1
{
		color: #903;
		padding-top:20px;
		padding-left:10px;
		
			
}


#main-content   p
{
		text-align:justify;
		line-height:30px;
		font-size:17px;
		font-family:Arial, Helvetica, sans-serif;
		padding-left:10px;
		padding-right:10px;
}

/************* TOP CONTAINER*******************/
#top-container
{
		float:left;
		width:100%;
		background:#7d0505;
		margin:0;
}

#top-container a
{
		color:#FFF;
}

#top-container p
{
		font-size:18px;
		color:#FFF;
		font-weight:bold;
		margin:0;
		text-align:center;
}


/********************* TOP WRAPPEER **********************/
#top-wrapper
{
		width:98%; 
		max-width:1440px;
		margin: 0 auto;		
}

/*************************** TOP CONTENT**************/
#top-content
{
		float:left;
		width:100%;
		margin:10px 0 10px 0;
}


/*********************HEADER CONTAINER **********************************/
#header-container 
{
			
		float:left;
		width:100%;
		height:auto;
		margin:0;
		background: url(../images/headerbg.jpg);
		border-bottom:3px dashed;
			
		 
}


#header-container #logo  img
{
		width:100%;
		height:auto;
}

/********************* HEADER WRAPPEER **********************/
#header-wrapper
{
		width:98%; 
		max-width:1440px;
		margin: 0 auto;		
}


/***************************HEADER CONTENT**************/
#header-content
{
		float:left;
		width:100%;
		margin:0 0 10px 0;
}


/*********************** LOGO ************************/
#logo
{
		float:left;
		width:40%;
		height:auto;
		margin:0 1% 0 5px;
				
			
			 
		
}


/******************** FREE QUOTE ***********************/
#free-quote
{
		float:left;
		width:50%;
		height:auto;
		margin:30px 1% 0 1%;
		
	
}


#free-quote p
{
		font-size:30px;
		font-weight:bold;
		text-align:center;
		margin:0;
		padding-top:10px;
		line-height:30px;
		color:#800505;
}




/********************* TOP NAVIGATION ****************************/
#top_nav
{
		float:left;
		width:100%;
		height:auto;
		margin:0;
		background:#e9a97a;
			
}

/********************* NAV WRAPPEER **********************/
#nav-wrapper
{
		width:98%; 
		max-width:1440px;
		margin: 0 auto;		
}

/***************************NAV CONTENT**************/
#nav-content
{
		float:left;
		width:100%;
		margin:5px 0 5px 0;
}


/********************** BANNER CONTAINER AND SLIDE SHOW ******************/
#banner_container
{
		float:left;
		width:100%;
		height:auto;
		margin:0;
			
}


#banner_container img
{
		width:100%;
		height:auto;
}

/*********************** SERVICES CONTAINER***********/
#services-container
{
		float:left;
		width:100%;
		margin:0 0 10px 0;
		background:#ceaeae;
		
		
}

/********************* service WRAPPEER **********************/
#services-wrapper
{
		width:98%; 
		max-width:1440px;
		margin: 0 auto;		
}

/***************************SERVICES CONTENT**************/
#services-content
{
		float:left;
		width:98%;
		margin:20px 0 10px 10px;
		
		
}

#services-container a
{
	 color:#800505;
		
}


#services-container p
{
	 color:#800505;
	 font-size:25px;
	 font-weight:bold;
		
} 
#services-container a:hover
{
		text-decoration:underline;
		color: #C30;
}

#services-container h1
{
	
	color:#800505;
	
}


/********************* CONTACT PAGE*******************/
#contact-address
{
		float:left;
		width:47%;
		height:auto;
		margin:10px 0 10px 10px;
		
}


#contact-address p.pobox
{
		background-image: url(../contact/images/post.png);
		background-repeat:no-repeat;
		height:57px;
		padding-left:70px;
}

#contact-address p.mobile
{
		background-image: url(../contact/images/mobile.png);
		background-repeat:no-repeat;
		height:52px;
		padding-left:70px;
}

#contact-address p.myemail
{
		background-image: url(../contact/images/email.png);
		background-repeat:no-repeat;
		height:56px;
		padding-left:70px;
}
	
	


/*************** CONTACT FORM**********************/
#contact-form
{
		float:left;
		width:50%;
		height:auto;
		margin:10px 0 10px 10px;
		border-radius:8px;
		padding-top:10px;
		background:#860808;
		background: -webkit-linear-gradient(#860808, #f6b1b1); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#860808, #f6b1b1); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#860808, #f6b1b1); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#860808, #f6b1b1); /* Standard syntax */
		
}


#contact-form label.con-label
{
		display:block;
		width:35%;
		float:left;
		font-size:16px;
		color: #FFF;
		font-weight:bold;
		margin-left:20px;
				
}

#contact-form input.con-input
{		width:55%;
		float:left;
		height:30px;
		border-radius:8px;
		background:#FFF;
		margin:0 0 10px 0;
		
}

#contact-form textarea
{		width:55%;
		height:100px;
		border-radius:8px;
		margin-top:10px;
		
}


#contact-form .button input
{
		background:#770707;
		font-size:16px;
		color: #FFF;
		font-weight:bold;
		border-radius:8px;
		height:30px;
		width:20%;
		margin-bottom:20px;
		margin-left:250px;
		cursor:pointer;
		
		
}

#contact-form .button input:hover
{
		color:#FFF;
		background:#d20202;
}


/********************FOTTER CONTAINER *********************/
#footer-container
{ 
			background:#c2a779;
			height:auto;
			float:left;
			width:100%;
}

/********************* FOOTER WRAPPER **********************/
#footer-wrapper
{
		width:98%; 
		max-width:1440px;
		margin: 0 auto;		
}

/*********************************** FOTTER *********************/
#footer-content 
{
	float:left;
	width:98%;
	margin:10px 0 10px 10px;
			
} 


#footer-content  p 
{
			margin: 0; 
			padding: 10px 0;
			font-size:12px;
}

#footer-content a
{
			color:#000;
}

#footer-content a:hover
{
			color: #FFF;
			text-decoration:underline;
}

/************************** FOOTER CONTACT*********************/
#footer-contact 
{
	float:left;
	width:100%;
	margin:0 0 10px 0;
	
			
} 

#footer-contact p
{
	font-size:18px;
	font-weight:bold;
}




/************************** FOOTER LINKS*********************/
#footer-links
{
	float:left;
	width:100%;
	margin:0;
	
	
			
} 

/********* MEDIA QUERIES TABLET LAYOUT *********************/
@media only screen and (max-width: 768px) 
{



.image_container
{
		height:400px;
}

	
#main-content  .services h2
{
		margin:1% 0 0 2%;
		font-size:18px;
		text-align:center;
		width:100%;
		margin-bottom:10px;
		color: #066;
}

#phones p
{
			font-size:18px;
			font-weight:bold;
			margin-top:40px;
}

}