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


body  
{
		margin: 0; 
		padding: 0;
		text-align: center;
		background: url(../images/contentbg.jpg);
		
	
}


a
{
		color:#03F;
		
}


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




/***************WRAPPER**********************************/	
.wrapper #container 
{ 
		width: 900px;  
		margin: 0 auto; 
		text-align: left;
		border:5px solid #FFF;
		background:#26A4ED url(../images/bg.jpg);
		background-repeat: repeat-x;
	
} 



/*************HEADERER****************/
#header 
{
		width:900px;
		height: 200px;
		text-align: left;
		padding-left: 10px;
		background-image:url(../images/header.jpg);
		background-repeat:no-repeat;
}

/*****************END HEADER***************/



/*- top navigation--------------------------- */
#top_nav
{
		width:900px;
		height:36px;
		overflow:hidden;
		background-image:url(../images/menubg.jpg);
	
}


ul#mainnav
{
		margin:0;
		padding:0;
		list-style-type:none;
		float:left;
		display:block;
		text-transform:uppercase;
		font-size:13px;
		font-weight:bold;
		font-family:Helvetica,Arial,Verdana,sans-serif;
		border-bottom:4px solid #FFF;
		border-top:1px solid #C0E2D4;

}

ul#mainnav li
{
		display:block;
		float:left;
		margin:0;
		padding:0;
	
}

ul#mainnav li a
{
		display:block;
		float:left;
		color:#FFFFFF;
		text-decoration:none;
		padding:12px 20px 0 20px;
		height:24px;
		background:transparent url("../images/bgDIVIDER.gif") no-repeat top right;
}


ul#mainnav li a:visited
{
		background-color:purple;
}


ul#mainnav li a:hover
{
		background-color:#FF0000;
}


ul#mainnav  li.home a 
{
			background-color:#39F;
}


ul#mainnav  li.home a:hover
	   {
		   background-color:#0066FF;
	   }
	   
	   

ul#mainnav  li.services a 
{
     
		background-color:#000066;
}


ul#mainnav  li.services a:hover
	   {
		   background-color:#9900FF;
	   }


ul#mainnav  li.gallery a 
{
		background-color:#3366FF;
}


ul#mainnav  li.gallery a:hover
	  {
		  background-color:#003366;
	  }
	  
	  
ul#mainnav  li.contact a {
      
	  	background-color:#48D1CC;
      	
      }
	  
	  
ul#mainnav li.contact a:hover
	   {
		   background-color:#00BFFF;
	   }
	   
	  
ul#mainnav li.prices a {
      	
	  	background-color:#006699;
      	
      }
	  
	  
	  
ul#mainnav li.prices a:hover
	   {
		   background-color:#6666FF;
	   }
	   
/************END TOP NAVIGATION**********/




/*************MAIN CONTENT**************/
.wrapper #mainContent 
{
		margin: 0 0 0 30px; 
		padding: 0 20px;
	
} 


#mainContent p
{
		line-height:25px;
		font-family:"Times New Roman", Times, serif;
		text-align:justify;
		font-size:18px;
		font-style:italic;
		color:#000;
	
}


#mainContent h1
{
		color:#00F;
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-weight:bold;
		text-align:center;
		font-style:italic;
}


#mainContent h2
{
		color:#36F;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight:bold;
		padding-left:13px;
		
}
/************************END MAIN CONTENT******************/



/******************FOOTER*********************/
.wrapper #footer { 
		padding: 0 10px 0 20px; 
		background:#DDDDDD;
		clear:both;
} 


.wrapper #footer p {
		margin: 0; 
		padding: 10px 0;
		color:#39F;
		font-weight:bold;
}


.wrapper #footer a
{
		color:#00F;
}



.wrapper #footer a:hover
{
		color:#339;
}
/****************END FOOTER***************/




/*************FLOATING IMAGESS*************/

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



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


/************END FLOATING IMAGES***********/



.clearfloat 
{ 
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
		clear:both;
    	height:0;
    	font-size: 1px;
    	line-height: 0px;
}



/*******************CONTACT FORMSSSS********************/

fieldset
{
		float:left;
		width:550px;
		margin:0 0 5px 0;
		padding:0 0 1em 0;
		border-style:none;
		background:#f9f9f9 url(../images/blue.jpg) repeat-x;

}


legend
{
		margin-left:1em;
		font-weight:bold;
		color:#000;
}



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;
		width:330px;
		border-style:none;
		padding-right:200px;
		padding-left:20px;
		padding-top:10px;
		padding-bottom:10px;
		margin-bottom:20px;



}

label
{
		float:left;
		width:10em;
		margin-right:1em;
}
/*************END CONTACT FORM**************/





/* HOME PAGE BOTTOM IMAGES*/
#bottomImage
{
		width:780px;
		float:left;
		background:#baced0 url(../images/bbgD.png);
		margin-top:22px;
		margin-bottom:22px;
		border:1px solid #a2b7b9;
}


#bottomImage img
{
		float:left;
		margin:19px 0 19px 22px;
		padding:0;
		border:2px solid #FFF;
}


#boat
{
		text-align:center;
		padding-right:30px;
}


/*******************SERVICES*******************/
.box1, .box2, .box3
{
		width:270px;
		float:left;
		height:460px;
		margin:0;
		padding:0;
		margin-right:16px;
		padding-bottom:23px;
		background:#36F url(../images/blue.jpg);
		border:1px solid #c8ccb4;
}


.box3
{
		width:250px;
		float:left;
		margin:0 0 0 2px;
}



#mainContent .box1  p
{
		margin:10px;
		color:#000;
		font-weight:normal;
		
}


#mainContent .box2  p
{
		margin:10px;
		color:#000;
		font-weight:normal;
}

#mainContent .box3  p
{
		margin:10px;
		color:#000;
		font-weight:normal;
}


.box1 h3
{
		color:#03F;
		font-weight:bold;
		padding-left:25px;
}


.box2 h3
{
		color:#03F;
		font-weight:bold;
		padding-left:25px;
}


.box3 h3
{
		color:#03F;
		font-weight:bold;
		padding-left:25px;
}

#mainContent .take
{
		text-align:center;
		color:black;
		font-weight:bold;
		font-size:30px;
		
}


/***************************pricesssssss page*******************/
.pricebox1, .pricebox2, .pricebox3
{
		width: 230px;
		height:455px;
		float:left;
		padding-left:25px;
		margin-right:15px;
		background:url(../images/blue.jpg) repeat-x;
}


.pricebox1 h3
{
			color:#03F;
			font-weight:bold;
}


.pricebox2 h3
{
			color:#03F;
			font-weight:bold;
		
}


		
.pricebox3 h3
{
			color:#03F;
			font-weight:bold;
		
}


#mainContent .pricebox1  p
{
		margin:10px;
		color:#000;
		font-weight:normal;
}


#mainContent .pricebox2  p
{
		margin:10px;
		color:#000;
		font-weight:normal;
}


#mainContent .pricebox3  p
{
		margin:10px;
		color:#000;
		font-weight:normal;
}



/******************************GALLERY IMAGES*************************/
.photogallery
  {
  			float:left;
  			width:390px;
  			margin:10px 0px 15px 0px;
  			padding:10px;
		}
  
  
.photogallery img
{
			border:3px solid #fff;
}	


#slide
{
		float:right;
		width:350px;
		margin:10px;
		padding:10px;
}


/****************************HOME PAGE BOXES***************************/
.box { 
float : left; 
width : 400px;
margin-left:10px;
margin-top:30px;
}