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

body 
{
			font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 0;
			color: #000;
			background:url(../images/bodybg.jpg);
			
			
}

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


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



/********************** IMAGE CLASSESSS ******************************/
.float_left
{
			float:left;
			margin:10px;
			border:1px solid #f6f5f5;
			border-radius:8px;

}

.float_right
{
			float:right;
			margin:10px;
			border:1px solid #f6f5f5;
			border-radius:8px;

}


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

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

#main-content h1
{
		color:#069;
		line-height:190%;
}

#main-content h2
{
		color: #36C;
}


#main-content p
{
		text-align:justify;
		line-height:190%;
}

/********************* TOP *************************/
#top
{
			float:left;			
			width:100%;
			height:auto;
			background: #036;
			margin:0;
			padding:0;
			color:#FFF;
			text-transform:uppercase;
			font-size:13px;
			
}

#top a
{
		color:#FFF;
}


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




/********************* HEADER CONTAINER *************************/
#header-container
{
			float:left;			
			width:100%;
			height:auto;
			background:#FFF;
			margin:0;
			padding:0;
			
}

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


/**************** LOGO **********************/
#logo
{
			float:left;
			width:40%;
			margin:3% 1% 0 1%;
			
			
}



/********************* TOP NAVIGATION ****************************/
#top_nav
{
			float:left;
			width:85%;
			margin:0;
			padding:0;
			margin-left:100px;
			
}


#top_nav ul
{
		margin:0 10px 0 10px;
		padding:0 10px 0 0;
		list-style-type:none;
		float:left;
		display:inline;
		text-align:center;
}

#top_nav li
{
		display:inline;
		float:left;
		margin:0 10px 0 0;
		padding:0;
	
}

#top_nav li a
{
		display:inline;
		float:left;
		color:#797878;
		text-decoration:none;
		height:40px;
		padding:20px 10px 0 10px;
		font-size:18px;
		font-family:Helvetica,Arial,Verdana,sans-serif;
		font-weight:bold;
		text-align:center;
		text-transform:uppercase;
			
		
				
}

#top_nav li a:hover
{
			color: #06C;
			text-decoration:none;
}


/************************** BANNER FLASH ANIMATION *****************/
#banner_container
{
			float:left;
			width:100%;
			height:auto;
			margin:0 0 1.5% 0;
			padding:0;
			background:#2b3d87;
}

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

/********************** SLDIES *******************/
#slides
{
			float:left;
			width:98%;
			height:auto;
			margin:1% 0 1.5% 10px;
			padding:0;
			
			
		
}


/********************* CONTENT **************************/
#content
{
			float:left;
			width:100%;
			margin:2% 1% 1.5% 0.5%;
			border-top:1px solid #06C;
			border-bottom:1px dashed #06C;
			
			
			
}

.guaranteed
{
		border-bottom:1px dashed #06C;
		text-transform:uppercase;
		padding-bottom:20px;
}

/********************* SERVICES **************************/
.services
{
			float:left;
			width:99%;
			margin:0 2% 0 1%;
			border-bottom:1px dashed #06C;
			
			
			
}

#services-box1 
{
		float:left;
		width:48%;
		margin:10px 10px 0 10px;

		
}

#services-box2
{
		float:left;
		width:48%;
		margin:10px 0 0 10px;
		
}


/********************* CONTACT CONTENT **************************/
#contact-content
{
			float:left;
			width:100%;
			margin:2% 1% 1.5% 0.5%;
			border-bottom:1px solid #06C;
			
}

#contact-content h2
{
		color: #06C;
}

#contact-content p
{
		text-align:left;
}

span.blue
{
			color: #06C;
			font-weight:bold;
			font-size:24px;
}


/**************** CONTACT PAGE ****************/
#contactus
{
			float:left;
			width:98%;
			margin:2% 0 1% 1%;
			
				
}

fieldset
{
		float:left;
		margin:0 0 5px 0;
		padding:0 0 1em 0;
		border-style:none;
		
		
}



legend
{
		margin-left:1em;
		font-weight:bold;
		color: #FFF;
		font-size:14px;
		padding-left:20px;
		text-align:center;
}



fieldset ol
{
		padding:1em 1em 0 1em;
		list-style-type:none;
}



fieldset li
{
		float:left;
		clear:left;
		width:100%;
		padding-bottom:1em;
}


fieldset.submit
{
		float:left;
		border-style:none;
		padding-bottom:10px;
		margin-left:100px;

}



label
{
		float:left;
		width:9em;
		margin-right:1em;
}




textarea
{
		background-color:#F0F8FF;
		margin-left:20px;
		text-align:center;
}

fieldset.submit
{
		float:left;
		border-style:none;
		padding-bottom:10px;
		margin-left:40px;

}


/********************************* FOOTER *****************************/
#footer_content
{
			padding:0;
			width:100%;
			background:#01282f;
			margin:0;
			clear:both;
			float:left;
			
}

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


#footer_content p
{
			padding-left:2%;
			font-size:12px;
			color:#FFF;
}


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


#footer_content a:hover
{
			color:#CCC;
			text-decoration:underline;
}


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


/********************* TOP NAVIGATION ****************************/
#top_nav
{
			float:left;
			width:90%;
			margin:0;
			padding:0;
		
			
}

#top_nav li a
{
		display:inline;
		float:left;
		text-decoration:none;
		padding:10px 8px 0 8px;
		font-size:14px;
		font-family:Helvetica,Arial,Verdana,sans-serif;
		font-weight:bold;
		text-align:left;
		width:100%;
		
			
		
				
}

}