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

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

/************************* BROWSER RESET ********************/
html, body, div, span, applet, object, iframe, blockquote, pre, h1, h2, h3, h4, p, 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, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{
	margin: 0;
	padding: 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%;
		height:auto;
}



/********************** IMAGE CLASSESSS ******************************/
.float_left
{
		float:left;
		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;
			
}


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

#header-container #logo p
{
		margin:0;
		padding:0;
}

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


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


/****************** LOGO*****************************/
#logo
{
		float:left;
		width:100%;
		margin:0;
			
}


/********************* TOP NAVIGATION ****************************/
#top-nav
{
		float:left;
		width:100%;
		margin:0;
		background:#069;
	
			
}

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

/******************* MENUS ****************************/
#menu
{
		float:left;
		width:45%;
		margin:0;		
}

/****************** TOP PHONE****************************/
#top-phone
{
		float:right;
		width:50%;
		margin:10px 0 0 10px;
		font-size:22px;
		color:#FFF;		
}

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

/************************** BANNER FLASH ANIMATION *****************/
#banner-container
{
		float:left;
		width:100%;
		height:auto;
		margin:0;
		padding:0;
		background:#e3e3e3;
			
}

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

#content h1
{
		color:#069;
		padding-bottom:10px;
}

#content h2
{
		color: #09F;
		padding-bottom:10px;
}

#content h3, h4, h5
{
		color:#333;
		padding-bottom:10px;
		font-size:18px;
}

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

#content ul
{
		line-height:190%;
		text-align:justify;
		list-style-image:url(../images/postbullets.png);
} 

/*************** ABOUT US *****************/
#about-us
{
		float:left;
		width:100%;
		height:auto;
		margin:10px 0 1.5% 0;	
}

/***************WHAT WE DO *****************/
#what-we-do
{
		float:left;
		width:100%;
		height:auto;
		margin:10px 0 1.5% 0;	
}

/*************** WHY USE AQUASEAL*****************/
#why-use-aquaseal
{
		float:left;
		width:100%;
		height:auto;
		margin:10px 0 1.5% 0;	
}

/*************** PRICES*****************/
#prices
{
		float:left;
		width:100%;
		height:auto;
		margin:10px 0 1.5% 0;
		padding-bottom:20px;
		background: url(../images/pricebg.jpg);
		border-radius:8px;	
}

#prices h3
{
		text-align:center;
		font-size:24px;
		padding-top:15px;
		color:#900;
}

#content #prices p, h4, h5 
{
		padding-left:20px;
		padding-right:20px;
		
}

#content #prices ul 
{
		text-align:justify;
		margin-right:20px;
		
}

/*************** CLIENTS *****************/
#clients
{
		float:left;
		width:100%;
		height:auto;
		margin:10px 0 1.5% 0;
		background:#346a90;
		border-radius:8px;
		color:#FFF;
			
}

#content #clients h6
{
		font-size:24px;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
}

#content #clients p
{
		padding-left:20px;
		padding-right:20px;
}

#content #clients ul
{
		line-height:190%;
		text-align:justify;
		list-style-image: url(../images/li.gif);
} 

.client-boxes
{
		float:left;
		width:30%;
		margin:10px 0 10px 10px;
}

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

#contact-address p.c-address
{
		background-image:url(../contact/images/box-icon.png);
		background-repeat:no-repeat;
		background-position:left;
		height:52px;
		padding-left:60px;
}

#contact-address p.c-mobile
{
		background-image:url(../contact/images/mob-icon.png);
		background-repeat:no-repeat;
		background-position:left;
		height:52px;
		padding-left:60px;
		padding-top:10px;
}

#contact-address p.c-email
{
		background-image:url(../contact/images/email-icon.png);
		background-repeat:no-repeat;
		background-position:left;
		height:40px;
		padding-left:60px;
}


#contact-form
{
		float:left;
		width:97%;
		height:auto;
		margin:10px 0 10px 0;
		padding:10px;
		background: url(../images/pricebg.jpg);
		border-radius:8px;
}

.submit
{
		cursor:pointer;
	
}

.submit:hover
{
		background: #069;
		color:#FFF;

}

#contact-form table.aquaseal-contact input
{
		padding:10px;
		margin-bottom:5px;
		
}

textarea
{
		width:190px;
		height:100px;
}


/********************************* FOOTER *****************************/
#footer-content
{
		float:left;
		width:100%;
		margin:0;
		color:#FFF;
		background: #066;
			
}

#footer-content a
{
		color:#FFF:
}

#footer-content a:hover
{
		color:#009b9b;
}
		

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


/******************** MASTER BUILDER **************************/
#master-builder
{
		float:left;
		width:30%;
		margin:1% 1% 1.5% 1%;
			
}

.building-icon
{
		float:left;
		width:40%;
		margin:10px 0 0 10px;
		height:auto;
}

/******************* PHONE ********************/
#aquaseal-phone
{
		float:left;
		width:30%;
		margin:1% 1% 1.5% 2%;
						
}

#aquaseal-phone p
{
		font-size:16px;
		padding-top:10px;
}

/*******************  EMAIL ********************/
#aquaseal-email
{
		float:left;
		width:30%;
		margin:1% 1% 1.5% 2%;
						
}

#aquaseal-email a
{
		color:#FFF;
}

#aquaseal-email p
{
		font-size:16px;
		padding-top:10px;
}

#footer-content #email a
{
		color:#FFF;
}

#footer-content #email a:hover
{
		color:#009b9b;
}

/******************* SOCIAL MEDIA CONTAINER ****************/
#social-media-container
{
		float:left;
		width:40%;
		margin:0 0 10px 350px;
		
}

.social-networks
{
		float:left;
		width:10%;
		margin:0 0 0 10px;
}

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

#footer-links p
{
		font-size:12px;
		padding-left:10px;
		padding-right:10px;
}

#footer-links a
{
		color:#FFF;
}

#footer-links a:hover
{
		color:#009b9b;
}



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

/****************** TOP PHONE****************************/
/****************** TOP PHONE****************************/
#top-phone
{
		float:right;
		width:40%;
		margin:10px 0 0 10px;
		font-size:13px;
			
}


}