/* @group Typography */


h3, h4, h5 {
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	color:					#0d1d3e;
}


h1 {margin:					0px 0px 5px 0px;
	font-weight:			lighter;	
	font-size:				1.2em;
	color:					#0d1d3e;
	line-height: 1.2em;
	}
	

p {	font-size:				0.9em;
	line-height:			1.3em;
	margin:					0px 0px 10px 0px;
	color:					#0d1d3e;
	padding:				0px 0px 0px 0px;
}



h2 {color:					#6aacfe;
	font-size:				1.1em;
	font-weight:			lighter;
	line-height:			1.2em;
	margin:					0px 0px 0px 0px;
}

/* My Comment */

h3 {font-size:				0.9em;}

h4 {font-size:				0.9em;}

h5 {font-size:				0.9em;}

h6 {font-size:				0.75em;
	margin:					10px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	color:					#0d1d3e;
}

/* @end */

/* @group Setup (Base) */

#wrapper {
	width:					960px;
	margin:					30px auto;
	padding:				0px;
	text-align:				left;
		
	
	}
	
	span.hide {
	display:				none;
	visibility:				hidden;
	}

#temp-page {
	display:				block;
	float:					left;
	margin:					160px 0px 0px 245px;
	padding:				0px 0px 0px 0px;
}

body {
	text-align:				center;
	background:				#00173d url(../img/bkg-body.gif) repeat-x;
	margin:					0px auto;
	padding:				0px;			
	min-width:				780px;
	font-family: 			Arial, Helvetica, sans-serif;
}



/* @end */

/* @group Naviagtion */
#nav {
		height:46px;
	float:					left;
	margin:					10px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	/*background:				url(../img/nav-bkg.gif) repeat-x;*/
}



#nav-holder {
	width:					688px;
	height:					46px;/* change this */
	background-position: 	0px 0px;
	float:					left;
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	}

 
#nav ul {
	width:					688px;
	float:					left;
	padding:				0px;
	margin:					0px 0px 0px 0px;
	list-style:				none;
	
	}




#nav li {
	float:					left;
	padding:				0px 0px 0px 0px;
	color:					whitesmoke;
	}



#nav a {
	text-decoration:		none;
	color:					whitesmoke;
	padding:				0px 0px 0px 0px;
	margin:					0px 0px 0px 0px;
	height:					46px;/* change this */
	display:				block;
	}



#logo, #homepage, #boattrips, #divingcourses, #prices, #contactus {
	 height:				46px;/* change this */
	 display:				block;
	 
	}




#logo-new {
	float:left;
	width:					170px;
	height:78px;
	display:block;

	/*background:				url(../img/nav-img.gif) no-repeat;*/

	margin: 0px 60px 0px 35px;
}





#homepage {
	width:					120px;
	background:				url(../img/nav-img.gif) no-repeat;
	background-position:	0px 0px;
}
	
#homepage:hover {
	background-position:	0px -47px;
}

#guestbook {
	width:					120px;
	background:				url(../img/nav-img.gif) no-repeat;
	background-position:	-155px 0px;
}
	
#guestbook:hover {
	background-position:	-155px -47px;
}


#boattrips {
	width:					120px;
	background:				url(../img/nav-img.gif) no-repeat;
	background-position:	-535px 0px;
}


#boattrips:hover {
	background-position:	-535px -47px;
}




#divingcourses {
	width:					156px;
	background:				url(../img/nav-img.gif) no-repeat;
	background-position:	-650px 0px;
}


#divingcourses:hover {
	background-position:	-650px -47px;
}


#prices {
	width:					82px;
	background:				url(../img/nav-img.gif) no-repeat;
	background-position:	-800px 0px;
}


#prices:hover {
	background-position:	-800px -47px;
}

#contactus {
	width:					90px;
	background:				url(../img/nav-img.gif) no-repeat;
	background-position:	-870px 0px;
}


#contactus:hover {
	background-position:	-870px -47px;
}



/* @end */

/* @group Footer */

#footer {
	width:					100%;
	padding:				0px;
	margin:					0px;
	float:					left;
	
	display:				block;
	height:					40px;
	

}

#holder {
	width:					960px;
	text-align:				center;
	margin:					0 auto;
	padding:				10px 0px 0px 0px;
	
}

#footer ul {
	text-align:				center;
	padding:				0px 0px 0px 0px;
	margin:					0px;
	color:					white;
	width:					100%;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				0.7em;
	line-height:			2.0em;
}

#footer ul li {
	display:				inline;
	padding:				0px;
	margin:					0px;
}

#footer a:link {
	color:					white;
	text-decoration:		none;
	border-bottom:			1px solid white;
	
}

#footer a:visited {
	color:					gray;
	text-decoration:		none;
	border-bottom:			1px solid gray;
}

#footer a:active {
	color:					white;
	text-decoration:		none;
	border-bottom:			1px solid white;
}



#footer a:hover {
	color:					gray;
	text-decoration:		none;
	border-bottom:			1px solid gray;
}



/* @end */

/* @group about */
#about-page {
	float:					left;
	width:					960px;
	margin:					20px 0px 20px 0px;
	padding:				0px;
	
}

#col-one {
	float:					left;
	width:					364px;
	margin:					0px 25px 0px 0px;
	padding:				0px;
}

#col-two {
	float:					left;
	width:					571px;
	margin:					0px 0px 0px 0px;
	padding:				0px;
}




/* @end */

/* @group links */


#sub-content-courses a:link  {
	color:					#0d1d3e;
	text-decoration:		none;
	border-bottom:			1px solid #0d1d3e;
	
}

#sub-content-courses a:visited {
	color:					#0d1d3e;
	text-decoration:		none;
	border-bottom:			1px solid #0d1d3e;
}

#sub-content-courses a:active {
	color:					#0d1d3e;
	text-decoration:		none;
	border-bottom:			1px solid #0d1d3e;
}


#sub-content-courses a:hover {
	color:					#6aacfe;
	text-decoration:		none;
	border-bottom:			1px solid #6aacfe;
}






#page a:link  {
	color:					#0d1d3e;
	text-decoration:		none;
	border-bottom:			1px solid #0d1d3e;
	
}

#page  a:visited {
	color:					#0d1d3e;
	text-decoration:		none;
	border-bottom:			1px solid #0d1d3e;
}

#page  a:active {
	color:					#0d1d3e;
	text-decoration:		none;
	border-bottom:			1px solid #0d1d3e;
}


#page  a:hover {
	color:					#6aacfe;
	text-decoration:		none;
	border-bottom:			1px solid #6aacfe;
}








/* @end */

/* @group homepage */

.seperator {
	float:left;
	display:block;
	margin:10px 0px 0px 0px;
	width:					603px;
}

.seperator ul {
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.85em;
	list-style:				none;
	}


#page {
	float:					left;
	display:				block;
	width:					960px;
	margin:					0px 0px 10px 0px;
	background:				white url(../img/bkg-page-2.gif) no-repeat;
	background-position: 630px 0px;
}

img {
	margin: 0px 0px 20px 0px;
}

.img-pad-top {
	margin: 15px 0px 20px 0px;
}

#main-content {
	float:					left;
	display:				block;
	width:					603px;
	margin:					0px 20px 0px 0px;
	padding: 25px 25px 25px 25px;
	
	
}


#main-content-col1 {
	float:					left;
	display:				block;
	width:					280px;
	margin:					15px 30px 0px 0px;
	padding:				0px 0px 0px 0px;
	
	}
	
	#main-content-col2 {
	float:					left;
	display:				block;
	width:					280px;
	margin:					15px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	
	}


#main-content-col2 ul {
	float:					left;
	padding:				0px;
	margin:					0px 0px 5px 20px;
	list-style:				square;
	width:					250px;
	}




#main-content-col2 li {
	font-size:				0.8em;
	float:					left;
	padding:				0px 0px 5px 0px;
	color:					#0d1d3e;
	width:250px;
	}




#sub-content, #sub-content-courses {
	float:					left;
	display:				block;
	width:					270px;
	margin:					0px 0px 0px 0px;
	padding: 25px 0px 25px 0px;
	
}






#sub-content p {
	font-size: 0.83em;
	}


#sub-content-courses p {
	font-size: 0.83em;
	margin:5px 0px 0px 0px;
	}

#sub-content-courses li {
	font-size: 0.83em;
	padding: 0px 0px 0px 0px;
	width: 250px;
	margin: 0px 0px 15px 0px;
}

#sub-content ul{
	float:					left;
	padding:				0px;
	margin:					20px 0px 0px 0px;
	list-style:				none;
	
	}

#sub-content-courses ul {
	float:					left;
	padding:				0px;
	margin:					20px 0px 0px 15px;
	list-style:				square;
	color: white;	
	}


#sub-content ul img {
	margin:0px 0px 3px 0px;
	 }

/* My Comment */
	
	.news-image {
	float: left;
	margin: 15px 10px 5px 0px;
	width: 105px;
	display:block;
	
}

.news-image p { 
	font-size: 0.5em;
	margin:0px;
	padding:0px;
	

}


	.news-text {
	float: left;
	color: black;
	width: 155px;
	line-height: 1.2em;
	margin: 15px 0px 5px 0px;
}


	
#sub-content li {
	display:				inline;

	font-size: 0.83em;
	
}


/* @end */

/* @group contact page */


#contact-col1 {
	float:					left;
	display:				block;
	width:					250px;
	margin:					15px 30px 0px 0px;
	padding:				0px 0px 0px 0px;
	
	}
	
	#contact-col2 {
	float:					left;
	display:				block;
	width:					300px;
	margin:					15px 0px 0px 0px;
	padding:				0px 0px 0px 0px;
	
	}






#featurescontact {
	width:					600px;
	float:					left;
	display:				block;
	margin:					20px 0px 0px 0px;
	
}

#featurescontact h2, #featurescontact p {
color: gray;
}

#featurescontact ul {
	float:					left;
	list-style:				none;
	margin: 0px;
	padding: 0px;
	}

	
#featurescontact li {
	color:					white;
	float:					left;
	width:					250px;
	line-height:			1.0em;

	
	
}

.features-row1 {
	margin: 0px 25px 25px 0px;
	
}

.features-row2 {
	margin: 0px 0px 25px 0px;
	
}

#contactform {
	width:					340px;
	float:					left;
	display:				block;
	margin:					20px 0px 0px 0px;
	
}

/* @end */

/* @group prices - tables */

table {
	border-collapse: collapse;
	border: 1px solid #0d1d3e;
	width: 603px;
	margin:0px 0px 40px 0px;
	font-size:0.9em;
	}
	
	th, td {
	padding: 7px 0px 7px 5px;
}
	
	th {
	text-align:left;
	padding: 5px;
	font-size:0.9em;
	background:#0d1d3e;
	color:white;	
}

col {
	border-right: 1px solid #0d1d3e;
}

col#price2 {
	border:none;
}

.zebra {
	background:#e8f5fe;
	
}
/* @end */

/* @group boatrips */

.boatTripsMenu {
	float:left;
	width:602px;
	margin:					10px 0px 20px 0px;
	border-bottom: 1px solid black;
	border-top:1px solid black;
}

.firstRow {
	float: left;
	width:250px;
	
}


.secondRow {
	float: left;
	width:250px;
	margin: 0px 0px 0px 20px;
	
}




.firstRow li, .secondRow li {
	font-size: 0.9em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 20px;
	
}

.firstRow ul, .secondRow ul {
	float:					left;
	padding:				0px;
	margin:					20px 0px 10px 0px;
list-style: square;
	
	}


.diveSites {
	float:left;
	width:602px;
	margin:					10px 0px 20px 0px;
	
	
}


.diveSites  li {
	font-size: 0.99em;
	line-height: 1.2em;
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid black;
	
}

.diveSites ul {
	float:					left;
	padding:				0px;
	margin:					0px 0px 10px 0px;
	list-style:				none;
	
	}


/* @end */

/* @group GuestBookForm */

#GuestBookForm {
	float:left;
	display:block;
	width:350px;
	background:red;
	
	
	
}


#GuestBookForm form {
	margin: 							0;
	width:							300px;
	background: 						white;
}

#GuestBookForm fieldset {
	border:							none;
	border-bottom: 						1px solid lightgrey;
	padding:							8px;
}

#GuestBookForm legend {
	display:							none;
	visibility:							hidden;
}


/* @end */