/* general settings */
body {
	font-family : Arial,Helvetica,Verdana,sans-serif;font-size:65%;text-align:center;color:black;background:#0B224B url(../images/main-background.jpg) top left repeat-x ;padding:0;margin:0
}

a,a:link,a:visited{
	color:#9EC0FF;background-color:inherit;text-decoration:underline
}
a:hover{
 text-decoration:none;
}
a:active{
	text-decoration:none;
}
ul,ol { list-style:none; }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1.2em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0; }

a img,:link img,:visited img { border:none; }

address { font-style:normal; }
/* general settings */


#wrapper {
	float:left;padding:0;margin:0 auto;text-align:left;background:url(../images/home-top-left.jpg) top left no-repeat;width:100%;
}
#wrapper-in{
	float:left;padding:0;margin:0 auto;text-align:left;background:url(../images/home-top-right.jpg) top right no-repeat;width:100%;
}
/* header homepage */
	#header{
		float:left;margin:0;padding:0px;height:110px;
	}
	#logo{
		float:left;padding:0 0 0 10px;width:280px;margin:0;
	}
	#logo span{
		float:left;display:block;width:268px;height:70px;margin:20px 0 0 0px;padding:0px 0 0 0px;background: url(../images/logo-aqua.gif) top left no-repeat;position:relative;
	}
		#logo span a{
			display:block;width:268px;height:70px;margin:0px 0 0 0;padding:0px;text-indent:-4500px;text-decoration:none;
		}
		#logo span a:hover{
			text-decoration:none;
		}
		#logo p{
			color:#fff;background-color:inherit;font-family : Tahoma,Arial,Helvetica,Verdana,sans-serif;position:absolute;top:65px;left:90px;
		}
		
	
	#main_navigation{
		clear:both;text-align:left;width:200px;margin:0 auto;padding:0;height:250px;float:left;position:relative;z-index:1000
	}	
	#main_navigation ul{
		float:left;margin:0;padding:0;list-style:none;position:relative;
	}
	/* for IE, with IE5/Mac backslash filter \*/
	* html #main_navigation ul{
		float:left;margin:-10px 0 0 0;padding:0;list-style:none;position:relative;
	}	
	/* for IE, with IE5/Mac backslash filter \*/
		#main_navigation li{
			clear:left;float:left;margin:0;padding:0;display:inline;background:url(../images/nav-divider.jpg) 0 100% no-repeat;width:197px;height:34px;line-height:34px;
		}
		#main_navigation a{
			float:left;text-align:center;padding:14px 0 0 0;overflow:hidden;height: 0px !important;height /**/:14px; /* for IE5/Win only */;background:url(../images/main-nav.gif) 0 0 no-repeat;
		}
		
		#home a{
			 margin:10px 0px 10px 50px;width:72px;background-position: 0px 0px;
		}
		#home a:hover,#home a.selection{
		 	background-position: -143px 0px;
		}
		
		#about a{
			margin:10px 0px 10px 50px;width:97px;background-position: 0px -14px;
		}
		#about a:hover,#about a.selection{
			background-position: -143px -14px;
		}
		
		
		#products a{
			margin:10px 0px 10px 50px;background-position: 0px -28px;width:100px;
		}
		#products a:hover,#products a.selection{
			background-position: -143px -28px;
		}
		
		#gallery a{
			margin:10px 0px 10px 50px;width:90px;background-position: 0px -42px;
		}
		#gallery a:hover,#gallery a.selection{
			background-position: -143px -42px;
		}
		
		#diary a{
			margin:10px 0px 10px 50px;width:74px;background-position: 0px -56px;
		}
		#diary a:hover,#diary a.selection{
			background-position: -143px -56px;
		}
		
		
		#contact a{
			margin:10px 0px 10px 50px;width:95px;background-position: 0px -70px;
		}
		#contact a:hover,#contact a.selection{
			background-position: -143px -70px;
		}
		
		#things a{
			margin:10px 0px 10px 50px;width:143px;background-position: 0px -84px;
		}
		#things a:hover,#things a.selection{
			background-position: -143px -84px;
		}
		
		#area a{
			margin:10px 0px 10px 50px;width:97px;background-position: 0px -98px;height:12px;
		}
		#area a:hover,#area a.selection{
			background-position: -143px -98px;
		}
		
		
		#main_navigation li#area{
			background:none;
		}
	
		
	

	
		
/* end home header */



/* end of business bar */

/* main content home */

	#main-content{
		clear:both;margin:0px;padding:0;text-align:left;background:url(../images/bottom-fishes.jpg) bottom left no-repeat;min-height:670px;position:relative
	}
	/* for IE, with IE5/Mac backslash filter \*/
	* html #main-content{
		height:670px;
	}
	/* end filter */
	#main-content-in{
		margin:0;padding:0px 0 0 0;text-align:left;
	}
	
	#main-content-in-bottom{
		clear:both;font-size:1px;margin:0;padding:0;height:18px;background:url(../images/bottom-rounds.gif) bottom left no-repeat;
	}
	
	
	
	
		#main-content h1#dive{
				background:url(../images/learn-dive-h1.gif) 0 0 no-repeat;height:80px;width:177px;text-indent:-4500px;margin:0 0 0 230px;position:absolute;top:33px;left:37px
			}
			
		#main-content p#dive-paragraph{
			margin:0px;position:absolute;top:65px;left:372px;font-size:1.1em;line-height:11px;width:210px;color:#9ED8FF;background-color:inherit
		}
		#main-content #welcome-club{
			margin:0;background:url(../images/green-bg.jpg) 0 0 repeat-x;height:184px;width:80%;position:absolute;top:145px;left:252px;text-align:left
		}
		
		#main-content #welcome-club-in{
			margin:0;background:url(../images/star.jpg) 0 0 no-repeat;height:184px;width:100%;position:absolute;top:0px;left:0px;text-align:left
		}
			#main-content #welcome-club h2{
				margin:0px;background:url(../images/welcome-h2.gif) 0 0 repeat-x;height:25px;width:225px;position:absolute;top:22px;left:17px;text-align:left;text-indent:-4500px;
			}
			#main-content #welcome-club img{
				margin:0px;padding:0;border:0;float:left;position:absolute;top:60px;left:20px;text-align:left;
			}
			#main-content #welcome-club p{
				padding:0 25px 0 0;font-size:1.1em;color:#fff;background-color:inherit;font-family : Tahoma,Arial,Helvetica,Verdana,sans-serif;position:absolute;top:60px;left:130px;
			}
			#main-content #welcome-club a{
				color:#fff;background-color:inherit;text-decoration:underline
			}
			#main-content #welcome-club a:hover{
				text-decoration:none
			}
		#main-content #trip-packages{
				clear:right;margin:0;background:url(../images/trip-bg.jpg) 0 0 repeat-x;height:215px;width:80%;position:absolute;top:325px;left:252px;float:right;text-align:left
		}
	
		#main-content #trip-packages-in{
				margin:0;background:url(../images/trip-over.jpg) 0 0 no-repeat;height:215px;width:100%;position:absolute;top:0px;left:0px;float:right;text-align:left
		}
			#main-content #trip-packages #trip-diary{
				background:url(../images/diary-bg.jpg) 0 0 repeat-x;float:left;width:49%;min-width:250px;min-height:215px;background-color:#1B50B1;color:#fff; margin:0 5px 0 0;position:relative
			}
			/* for IE, with IE5/Mac backslash filter \*/ 
			* html #main-content #trip-packages #trip-diary{
				height:215px;
			}
			/* end filter */
				#main-content #trip-packages #trip-diary h3{
					background:url(../images/trip-h3.jpg) 0 0 no-repeat;width:250px;height:52px;text-indent:-4500px;
				}
				#main-content #trip-packages #trip-diary dl{
					margin:0;padding:0;position:absolute;left:26px;top:65px;background-color:inherit;color:#fff;font-family : Tahoma,Arial,Helvetica,Verdana,sans-serif;font-size:1.1em;
				}
					#main-content #trip-packages #trip-diary dt{
						margin:0;padding:0;background-color:inherit;color:#B2E930;display:block;
					}
					#main-content #trip-packages #trip-diary dd{
						margin:0 0 15px 0;padding:0 25px 0 0;display:block;
					}
					#main-content #trip-packages #trip-diary dd a{
						background-color:inherit;color:#9EC0FF;text-decoration:underline;margin:0 0 0 5px
					}
					#main-content #trip-packages #trip-diary dd a:hover{
						text-decoration:none
					}
				#main-content #trip-packages #trip-diary p#archive{
					margin:0;padding:0;position:absolute;left:0px;bottom:0px;background-color:#0F44A5;color:#fff;font-family : Tahoma,Arial,Helvetica,Verdana,sans-serif;font-size:1.1em;width:100%;height:23px;line-height:23px;
				}	
				#main-content #trip-packages #trip-diary p#archive a{
					background:url(../images/archive.gif) 0 50% no-repeat;margin:0 0 0 25px;padding:0 0 0 20px;position:absolute;left:0px;bottom:0px;height:23px;background-color:#0F44A5;color:#9EC0FF;text-decoration:underline;display:block;font-family : Tahoma,Arial,Helvetica,Verdana,sans-serif;
				}
				#main-content #trip-packages #trip-diary p#archive a:hover{
					text-decoration:none;
				}	
					
			#main-content #trip-packages #packages{
				background:url(../images/diary-bg.jpg) 0 0 repeat-x;float:right;width:49%;min-width:250px;min-height:215px;background-color:#1B50B1;color:#fff; margin:0;position:relative;font-size:1.1em;
			}
			/* for IE, with IE5/Mac backslash filter \*/
			* html #main-content #trip-packages #packages{
				height:215px;
			}
			/* filter */
				#main-content #trip-packages #packages h3{
					background:url(../images/package-h3.jpg) 0 0 no-repeat;width:250px;height:52px;text-indent:-4500px;
				}
				#main-content #trip-packages #packages p{
					margin:12px 0 0 25px;padding:0 25px 0 0;font-family : Tahoma,Arial,Helvetica,Verdana,sans-serif;line-height:13px;
				}
				#main-content #trip-packages #packages img{
					margin:0 10px 0 0;padding:0;border:0;float:left;
				}
				#main-content #trip-packages #packages a{
					background-color:inherit;color:#9EC0FF;text-decoration:underline;display:block;margin:5px 0 0 0
				}
				#main-content #trip-packages #packages a:hover{
					text-decoration:none;
				}
			#main-content #hr{
				background:url(../images/hr.gif) 0 0 repeat-x;padding:0;margin:0;height:2px;width:80%;font-size:1px;position:absolute;top:555px;left:254px;
			}	
		#content-left{
			position:absolute;top:15px;left:0;width:30%;
		}
		#content-right{
			position:absolute;top:15px;left:2px;width:87%
		}
		
		#callus{
			position:absolute;top:362px;left:0;background:url(../images/call-us-bg.jpg) 0 0 no-repeat;width:228px;height:115px;
		}
				#callus h4{
					position:absolute;top:30px;left:47px;background:url(../images/callus-h4.gif) 0 0 no-repeat;width:100px;height:32px;text-indent:-4500px
				}
		
/* main content */

		
		
	#footer{
		position:absolute;top:568px;left:254px;width:80%;font-family : Tahoma,Arial,Helvetica, sans-serif;padding:0;margin:0px 0 0 0;font-size:1.1em;background-color:inherit;color:#4D7FDA;
	}
		#footer p{
			width:100%;margin:0;padding:0;text-align:right;line-height:20px;
		}	
			
			
	
	
	.cleaner{
		margin:0;padding:0;clear:both;
		}
	
/* for IE, with IE5/Mac backslash filter \*/
		* html #main-content a#try span{cursor:default;}
		* html #main-content a#start span{cursor:default;}
		* html #main-content a.join span{cursor:default;}
		
/* end filter */