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

body 
{
		font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		color: #000;
		background:#f3f3f3;	
	
}

/************************* BROWSER RESET ********************/
html, body, div, span, applet, object, iframe, blockquote, pre, h1, h2, h3, h4, h5, h6, 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, 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;
}


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


img 
{ 
			
			border:0;
			max-width:100%;
					
}
/******************************** CONTAINER ***************************/
#container 
{
			width:98%;
			max-width:1366px;
			margin: 0 auto;
			
}

/*********************** CONTENT WRAPPER *********************/
#content-wrapper
{
		float:left;
		width:100%;
		margin:0;
		padding:0;
		background:#f3f3f3;		
}

#content-wrapper a
{
		color:#FFF;
		text-decoration:none;
}


/********************************* HEADER *********************/
#topheader 
{

		margin:0;
		height:auto;
		float:left;
		width:100%;
		background:#060b25;
		
			
}

#logo
{
		float:left;
		width:100%;
		margin:0;

}

#logo p
{		margin:0;
		padding:0;
}


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

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

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


/*****************LEFT CONTENT ****************************/
#leftcontent 
{
		
		width:69%;
		float:left;
		margin:1% 0 0 0;
		padding:0;
		
			
			
}


#leftcontent h1
{
		font-size:140%;
		color:#032749;
		padding-left:11px;
	
			
			
}

#leftcontent h2
{
			text-align:justify;
			line-height:180%;
			padding:0 1% 0 2%;
			color:#727272;

			
			
}


#leftcontent p
{
			text-align:justify;
			line-height:190%;
			padding:0 1% 0 2%;
	
			
			
			
}


/************************** BANNER FLASH ANIMATION ***********/
#banner_container
{
		float:left;
		width:98%;
		height:auto;
		margin:1% 0 1.5% 15px;
		
		
		
}

#slideshow
{
		float:left;
		width:100%;
		height:auto;
		margin:1% 0 1% 0;
		padding:0;
			
			
}

/************************** STATIC BANNER  ***********/
#static-banner
{
		float:left;
		width:97%;
		height:auto;
		margin:15px 0 1.5% 10px;	
}

#static-banner img
{
		width:100%;
		height:auto;
}

/**************** SLOGAN **************************/
#slogan
{
		float:left;
		width:98%;
		height:auto;
		margin:15px 0 1.5% 10px;
		background:#545252;
		color:#04bdfa;
		font-size:24px;
		font-weight:bold;
}

#leftcontent #slogan p
{
		text-align:center;
		font-style:italic;
}


/********************* QUOTE CALL **********************/
#quote-call
{
		float:left;
		width:80%;
		margin:10px 0 10px 20px;
		font-size:28px;
		padding-top:20px;
		padding-left:10px;
		border-radius:8px;
		color:#FFF;
		background:#032749;
		background: -webkit-linear-gradient(#032749, #019bfc); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#032749, #019bfc); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#032749, #019bfc); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#032749, #019bfc); /* Standard syntax */
			
}

/****************** SERVICES LIST*****************/
.services-list
{
		float:left;
		width:50%;
		margin:15px 0 10px 0;
		
		
}

.services-list ul
{
		list-style-image:url(../images/blue.gif);
		font-size:19px;
		line-height:30px;
}


/********************RIGHT CONTENT *********************************/
#rightcontent
{
		float:right;
		width:28%;
		padding-bottom: 10px;
		margin:10px 1% 2% 1%;
		padding-bottom:1%;
			
}


#rightcontent img
{
		margin:0 0 1% 2%;
		width:94%;
}

/************** HEADING BACKGROUND********************/
.headingbg
{
			float:left;
			width:100%;
			margin:0;
			padding:0;
			border-radius:8px 8px 0 0;
			background:#032749;
			
			
}

/*******************BOX CONTENT **************************/
.box-content
{
		float:left;
		width:100%;
		margin:0;
		padding:0;
		background:#91c8fb;
		border-radius:0 0 8px 8px;
}


/*************  CALL NOW ******************************/
#call-now
{
		float:left;
		width:94%;
		margin:0 0 2% 3%;
		padding-top:5px;
}

/*************** CALL BG ****************/
.callbg
{
		float:left;
		width:100%;
		margin:0;
		padding:5px 0 0 0;
		border-radius:8px;
		background:#F00;
			
			
}

#call-now p
{
		margin:0;
		
}

p.callme
{
		margin:0;
		font-size:35px;
		color:#FFF;
		padding-left:5px;
		
}

/************* EC CONTAINER ******************************/
#ec-container
{
		float:left;
		width:94%;
		margin:0 0 2% 3%;
		padding-top:5px;
}

#ec-container p
{
		margin:0;
}

/*************** EC BG ****************/
.ecbg
{
		float:left;
		width:100%;
		margin:0;
		padding:5px 0 0 0;
		border-radius:8px;
		background:#032749;
			
			
}

/*************** FREE QUOTE *************************/
#free-quote
{
		float:left;
		width:94%;
		margin:10px 0 2% 3%;	
}


#free-quote h2
{
	
		font-family:Verdana, Geneva, sans-serif;
		font-size:18px;
		color: #FFF;
		margin:0;
		padding:5px 0 5px 0;
		text-align:center;
		
}


/************** label class********************/
#free-quote .quote
{
		width:90%;
		height:14px;
		float:left;
		margin:0px 0 0 10px;
		padding:9px 0 9px 0;
		font-family: Arial;
		font-size:18px;
		color:#333;
		text-align:center;
		
}

#free-quote textarea
{
		width:90%;
		height:100px;
		margin:0px 0 0 10px;
}

	
/******************* INPUT CLAASSS**************/
#free-quote .quoteinput
{
		width:90%;
		height:23px;
		float:left;
		margin:0px 0 0 10px;
		padding:0px;
		font-family: Arial;
		
		
}
	

#free-quote .button input
{
		margin:20px 0 20px 20px;
		float:left;
		width:40%;
		background:#032749;
		font-size:16px;
		color:#FFF;
		font-weight:bold;
		border-radius:8px;
		height:30px;
		cursor:pointer;
}

#free-quote .button input:hover
{
		background:#CCC;
		color:#000;
}

/*************** contact info *************************/
#contact-info
{
		float:left;
		width:94%;
		margin:10px 0 1% 3%;
		padding-top:10px;
		padding-bottom:10px;		
}


#contact-info h2
{
		font-family:Verdana, Geneva, sans-serif;
		font-size:18px;
		color: #FFF;
		margin:0;
		padding:5px 0 5px 0;
		text-align:center;
}

#rightcontent #contact-info p
{
		padding-left:10px;
		font-size:20px;
}

span.myemail
{
		font-size:13px;
}

/*************** SOCIAL MEDIA *************************/
#social-media
{
		float:left;
		width:94%;
		margin:10px 0 1% 3%;
}


#social-media h2
{
	
		font-family:Verdana, Geneva, sans-serif;
		font-size:18px;
		color: #FFF;
		margin:0;
		padding:5px 0 5px 0;
		text-align:center;
		
}

/**************** MIDDLE CONTENT **************************/
#middle-content
{
		float:left;
		width:98%;
		height:auto;
		margin:15px 0 1.5% 10px;
	
		
}

#middle-content a
{
		color: #039;
}

#middle-content a:hover
{
		color:#333;
		text-decoration:underline;
}

#middle-content p
{
		text-align:justify;
		line-height:190%;
		padding:0 1% 0 0;
	
}

#middle-content ul
{
		text-align:justify;
		line-height:190%;
			
	
}

/****************** WHY CHOOSE US*************/
#why-choose-container
{
		float:left;
		width:100%;
		margin:10px 0 20px 0;
}

/******************** WHY CHOOSE WRAPPER***************************/
#why-choose-wrapper
{
			width:98%;
			max-width:1366px;
			margin: 0 auto;
			
}
	
#why-choose-container h2
{
		
		text-align:center;
		color:#FFF;
		background:#032749;
		padding-top:10px;
		padding-bottom:10px;
		font-size:24px;
}

#why-choose-container h3
{
		
		text-align:center;
		color:#0090ff;
		padding-top:10px;
		font-size:17px;
		
		
}

#why-choose-container p
{
		text-align:justify;
		line-height:190%;
		padding-left:10px;
		padding-right:10px;
}

/****************** SERVICES BOX*****************/
.services-box
{
		float:left;
		width:47%;
		height:340px;
		margin:15px 0 10px 20px;
		border:1px solid #999;
		border-radius:8px;
		
		
}

/**************** AREAS CONTAINER ******************/
#areas-container
{
		float:left;
		width:98%;
		margin:10px 0 10px 10px;
		background:#91c8fb;
}

/****************** AREAS  BOXES*****************/
.areas-boxes
{
		float:left;
		width:18%;
		height:auto;
		margin:15px 0 10px 10px;
		
		
		
}

#areas-container .areas-boxes ul
{
		font-size:14px;
}


/*******************TESTIMONIALS CONTENT *********************/
#testimonials-content
{
		float:left;
		width:98%;
		margin:10px 0 10px 10px;
			
}

#testimonials-content h1
{
	
		color:#032749;
}

#testimonials-content h2	
{
	
		color: #09F;
		padding-top:20px;
}

#testimonials-content p
{
		line-height:190%;
		font-style:italic;
}


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


#contact-form label.conlabel
{
		display:block;
		width:25%;
		float:left;
		font-size:18px;
		color: #FFF;
		font-weight:bold;
		margin-left:20px;
		margin-top:10px;		
}

#contact-form input.coninput
{		width:40%;
		height:30px;
		border-radius:8px;
		
		
}

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


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

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

#testimonials-content .mymobile
{
		background-image:url(../images/mobile.png);
		background-repeat:no-repeat;
		background-position:left;
		height:62px;
		padding-left:80px;
		font-size:24px;
		font-style:normal;
		font-weight:bold;
}

/********************************* FOOTER *****************************/
#footer_content
{
		padding: 10px 0;
		position: relative;
		clear:both;
		color: #03F;
		font-size:12px;
		background:#032749;
		border-top:1px solid #036;
			
}

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


#footer_content p
{
			padding-left:2%;
			padding-right:2%;
			color:#FFF;
}


#footer_content a
{
			color: #FFF;
}






/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (max-width: 768px) 
{
/****************** SERVICES BOX*****************/
.services-box
{
		float:left;
		width:45%;
		height:500px;
		
		
		
}

}


@media only screen and (device-width: 768px) and (orientation:landscape)
   
{ 


}