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

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

/************************* 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,
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;
}

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


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




/********************** IMAGE CLASSESSS ******************************/
.float_left
{
			float:left;
			margin:10px;
			

}


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


/********************* TOP HEADER *************************/
#header-container
{
			float:left;			
			width:100%;
			height:auto;
			background: url(../images/water030.gif.jpg);
			margin:0;
			padding:0;
		
}


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

#logo-container
{
			float:left;
			width:98%;
			margin:1% 1% 0 2%;
			color:#FFF;
}

#logo
{
			float:left;
			width:32%;
			margin:1% 1% 1% 2%;
			color:#FFF;
											
}

#logo img
{
		width:100%;
}

#logo p
{
		font-size:24px;
		margin:0;
		padding:0;
		
}

#ph-number
{
			float:left;
			width:62%;
			margin:60px 1% 1% 2%;
														
}

#ph-number p
{
		margin:0;
		padding:0;
		font-weight:bold;
		color: #06F;
		font-size:48px;
}


/********************** LEFT NAVIGATION ********************/
#nav-container
{
		float:right;
		width:85%;
		height:auto;
		margin:1% 1% 0 2%;
		border-radius:8px 8px 0 0;
		padding-bottom:10px;
		background: url(../images/water013.gif);
			
					
}

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


#nav-container li
{
		display:inline;
		float:left;
		margin:0 10px 0 0;
		padding:0;
	
}

#nav-container li a
{
		display:inline;
		float:left;
		color:#FFF;
		text-decoration:none;
		height:auto;
		padding:10px 10px 0 10px;
		font-size:25px;
		font-family:Helvetica,Arial,Verdana,sans-serif;
		font-weight:bold;
		text-align:center;
			
}


#nav-container li a:hover
{
			color: #e7e5e5;
			text-decoration:underline;
}


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

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

/*****************SERVICES CONTAINER ************************/
#services-container
{
			float:left;
			width:98%;
			height:auto;
			margin:2% 2% 2% 1%;
			border-radius:8px;
			color:#000;	
			
		
}

#services-container .services ul
{
		margin:0;
		padding:0 0 0 20px;
		font-size:14px;
}


/******************* FEATURED SERVICES ************************/
.services
{
			float:left;
			width:23%;
			height:auto;
			margin:2% 1% 2% 1%;
}

.services h2
{
		font-size:15px;
		
}


.services p
{
		text-align:left;
		font-size:14px;
}



/******************** BOTTOM CONTAINER ************************/
#bottom-container
{
			float:left;
			width:98%;
			height:auto;
			margin:0 1% 2% 1%;
			color:#000;
			font-size:14px;
			border-radius:8px;
			padding:2% 0 2% 0;
			background: #069;
			background: -webkit-linear-gradient(#074d8f, #0383fa); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#074d8f, #0383fa); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#074d8f, #0383fa); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#074d8f, #0383fa); /* Standard syntax */
			
		
}


/******************** ONLINE QUOTE ************************/
#online_quote
{
			float:left;
			width:40%;
			height:auto;
			margin:0 1% 0 1%;
			color: #06F;
			font-size:14px;
			background: #e5e5e5;
			border-radius:8px;
}

#online_quote h2
{
		text-align:center;
		padding-top:10px;
		color:#069;
}


table.contact
{
			margin-left:10px;
}

table.contact td
{
			padding:10px;
}

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


#gallery
{
		float:left;
		width:50%;
		margin:10px 0 10px 20px;
		
}


/****************** PRICE PAGE ************/
#prices-container
{
			float:left;
			width:98%;
			height:auto;
			margin:0 1% 2% 1%;
			color:#000;
			font-size:14px;
			border-radius:8px;
			padding:2% 0 2% 0;
			background: #069;
			background: -webkit-linear-gradient(#074d8f, #0383fa); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#074d8f, #0383fa); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#074d8f, #0383fa); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#074d8f, #0383fa); /* Standard syntax */
			
		
}

#prices-container h1
{
		padding-left:30px;
		color:#FFF;
		text-align:center;
}

#prices-container p
{
		
		color:#FFF;
		text-align:center;
		font-size:18px;
}

/****************** PRICEs NOTES ************/
#prices-notes
{
			float:left;
			width:98%;
			height:auto;
			margin:0 1% 1% 1%;
		
}

#prices-left 
{
			float:left;
			width:48%;
			height:auto;
			margin:2% 1% 2% 1%;
			padding-top:20px;
			color:#FFF;
			text-align:left;
}

#prices-left p
{
		text-align:left;
}



#prices-right
{
			float:left;
			width:48%;
			height:auto;
			margin:2% 1% 2% 1%;
			padding-top:20px;
			color:#FFF;
			text-align:left;
}

#prices-right p
{
		text-align:left;
}


h2.call
{
		font-size:36px;
		color:#FFF;
}

p.email
{
		font-size:25px;
		color:#FFF;
}



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

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


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


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


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




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

form input
{
		width:80%;
}

span.email
{
		font-size:9px;
}

#ph-number p
{
			
			font-size:35px;											
}

#nav-container li a
{
		
		
		font-size:16px;
		
			
		
				
}

/******************* FEATURED SERVICES ************************/
.services
{
			float:left;
			width:45%;
			height:auto;
			margin:2% 1% 2% 1%;
}
}