body 
{
	background: #c0c0c0 url(Graphics/site-bg2.jpg) repeat;
	margin: 0 0 0 0;
}

h1
{
	width: 100%;
	background-color: #007eff;
	color: #ffffff;
	text-align: center;
	font-style: italic;
	height: 17px;
	font-size: 13px;
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
}

/*
p
{
	margin: 5px 0 5px 0;
	text-align: justify;
}
*/

/* centre something */
.Middling
{
	text-align: center;
}	

/* Main wrapper */
#Wrapper
{
	width: 900px;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
	border-left: solid 5px #dcdcdc;
	border-right: solid 5px #c0c0c0;
	border-bottom: solid 5px #c0c0c0;
	background-color: #ffffff;
}

/* Page banner */
#Header
{
	width: 100%;
	height: 242px;
	background: #ffffff url(Graphics/Gradient-Shadow.jpg) repeat-x scroll bottom left;
}

#Header h1
{
	margin: 0 0 0 0;
	width: 100%;
	padding: 5px 0 5px 0;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	text-align: center;
	height: 20px;
	background-color: #002e7e;
	color: #ffffff;
	border-top: solid 5px #00006d;
}		
	
#Banner
{
	background: #ffffff url(Graphics/Banner.jpg) no-repeat;
	height: 165px;
	width: 100%;
}

/* Navigator */
#Navigator
{
	background: #002e7e;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 13px;
	height: 30px;
	border-bottom: solid 5px #00006d;
}

#Navigator ul
{
	margin: 0 0 0 18px;
	padding: 5px 0 5px 0;
}

#Navigator ul li
{
	list-style: none;
	display: inline;
}		

#Navigator ul li a
{
	padding: 5px 10px 5px 10px;
	color: #01bad8;
	text-decoration: none;
	font-weight: normal;
}

#Navigator ul li a:hover
{
	color: #ffad22;
	background-color: #00006d;
}

/* content holder */
.Content
{
	padding: 10px 1% 10px 1%;
	width: 98%;
}

/* no border */
.NoBorder
{
	border: none;
}
		
/* home page */
.HomePicRight
{
	float: right;
	border: none;
	padding-left: 10px;
}					

.HomePicLeft
{
	border: none;
	padding: 0 0 10px 0;
}					

#HomeIntro
{
	height: 168px;
	padding-top: 5px;
	text-align: justify;
	width: 100%;
}

#HomeIntroText
{
	width: 360px;
	padding: 5px 5px 5px 5px;
	height: 158px;
	background: #ffffff url(Graphics/jet-ski-bg.jpg) no-repeat scroll bottom left;
}		

#Home a, #Search a, #Island a, #Contact a
{
	color: #ffad22;
	text-decoration: none;
}

#Home a:hover, #Search a:hover, #Island a:hover, #Contact a:hover
{
	color: #ffad22;
	text-decoration: underline;
}

#HomeIntroTextInset
{
	filter: alpha(opacity=80);
	opacity: .80;
	-moz-opacity: 0.80;
	background-color: #002e7e;
	color: #ffffff;	
	padding: 5px 2% 5px 2%;
	float:right;
	width: 96%;
	height: 144px;
	text-align: justify;
}			

#HomeIntroContact
{
	text-align: center;
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
	font-weight: bold;
}

#HomeColHolder
{
	padding-top: 10px;
	background-color: #ffffff;
	height: 566px;
}
	
#HomeCol1
{
	float:left;
	width: 370px;
	height: 566px;
}	

#HomeCol2
{
	float: right;
	width: 500px;
	background: #274d6e url(Graphics/jetski-bg.jpg) no-repeat scroll top left;
	height: 566px;
}

#HomeCol2 p
{
	margin: 8px 2% 5px 2%;
	filter: alpha(opacity=80);
	opacity: .80;
	-moz-opacity: 0.80;
	background-color: #002e7e;
	color: #ffffff;	
	padding: 5px 2% 5px 2%;
	float:right;
	width: 92%;
	text-align: justify;
}	
		
/* Footer */
#Footer
{
	clear: both;
	width: 880px;
	padding: 0 10px 10px 10px;
	text-align: center;
	color: #000000;
}

#FooterInset
{
	border-top: solid 1px #c0c0c0;
}	

#Footer a
{
	font-size: 11px;
	text-decoration: none;
	color: #01bad8;
}

#Footer a:hover
{
	font-size: 11px;
	text-decoration: underline;
	color: #002e7e;
}

/* Photo gallery */
.GallerySquare
{
	width: 395px;
	float: left;
	margin: 0 0 0 0;
	padding: 10px 22px 10px 21px;
	height: 252px;
	background: #002e7e;
	border: solid 1px #ffffff;
	text-align: center;
}

.GalleryPic
{
	width: 300px;
	height: 225px;
	border: none;
}	

#GallerySlideshow
{
	padding: 10px 0 10px 0;
	width: 100%;
	text-align:center;
}
	
.SlideshowButton
{
	width: 350px;
	height: 100px;
	border: none;
}	

.GalleryText
{
	width: 100%;
	text-align: center;
	font-size: 11px;
	height: 17px;
	padding: 5px 0 5px 0;
}

.GalleryText a
{
	color: #ffad22;
	text-decoration: none;
}
	
.GalleryText a:hover
{
	color: #ffad22;
	text-decoration: underline;
}
	
/* Video gallery */
.VideoGallerySection, .VideoGallerySectionHeader
{
	border-bottom: solid 1px #c0c0c0;
	height: 60px;
	background-color: #ffffff;
	color: #000000;
	font-size: 13px;
	width: 96%;
	padding: 0 2% 0 2%;
}

.VideoGalleryFile, .VideoGalleryFileHeader
{
	float:left;
	height: 40px;
	width: 65%;
	padding-top: 15px;
}

.VideoGallerySize, .VideoGallerySizeHeader
{
	float:left;
	height: 40px;
	width: 15%;
	padding-top: 15px;
}

.VideoGalleryPlay, .VideoGalleryPlayHeader
{
	float:left;
	height: 55px;
	width: 15%;
}

.VideoGallerySectionHeader, .VideoGalleryFileHeader, .VideoGallerySizeHeader, .VideoGalleryPlayHeader
{
	height: 20px;
	padding-top: 0;
	font-weight: bold;
}

/* search results page */
#Search
{
}

.SearchResults
{
	background: #092a4d url(Graphics/Sea.jpg) no-repeat;
	height: 190px;
	padding: 10px 1% 10px 1%;
	width: 98%;
	margin-top: 5px;
}		

.SearchInset
{
	filter: alpha(opacity=80);
	opacity: .80;
	-moz-opacity: 0.80;
	background-color: #002e7e;
	color: #ffffff;	
	padding: 5px 2% 5px 2%;
	height: 150px;
	float:right;
	width: 96%;
	text-align: justify;
}

.SearchPic
{
	border: none;
	float:left;
	width: 200px;
	height: 150px;
	padding-right: 10px;
}			

/* product page */
/* product details */
#Product ul
{
	margin: 0 0 0 50px;
	padding: 0 0 0 0;
}

#Product li
{
	list-style-type: square;
}	

#Product h2
{
	width: 98%;
	text-align:left;
	height: 17px;
	font-style: italic;
	text-transform: capitalize;
	padding: 5px 1% 5px 1%;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 0 0;
	background-color: #002e7e;
	color: #01bad8;
}
		
.ProductDescription
{
	width: 98%;
	background: #092a4d url(Graphics/sea.jpg) no-repeat;
	padding: 10px 1% 10px 1%;
}

.ProductFeature
{
	width: 96%;
	background: #ffffff;
	padding: 10px 2% 10px 2%;
	text-align: justify;
	font-size: 13px;
}

.ProductText		
{
	filter: alpha(opacity=75);
	opacity: .75;
	-moz-opacity: 0.75;
	background-color: #002e7e;
	color: #ffffff;	
	padding: 5px 1% 5px 1%;
	width: 98%;
	text-align: justify;
	font-size: 13px;
}	

.ProductPic
{
	border:none;
	width: 200px;
	height: 150px;
	border-right: solid 2px #ffffff;
}

.SlideshowPic		
{
	border:none;
	height: 50px;
	width: 334px;
	border-right: solid 2px #ffffff;
}
	
.ProductPicsHolder
{
	width: 98%;
	padding: 5px 1% 5px 1%;
	text-align: center;
	background: #002e7e;
	margin-bottom: 5px;
}	

.ProductPics
{
	width: 100%;
	padding: 5px 0 5px 0;
	background: #ffffff;
}

.ProductPics p
{
	width: 100%;
	margin: 0 0 0 0;
	padding: 2px 0 2px 0;
}

/* About dunk island */
#Island
{
	width: 100%;
}

#IslandCol1
{
	background: #274d6e url(Graphics/jetski-bg.jpg) no-repeat scroll top center;
	width: 47%;
	padding: 10px 1% 10px 1%;
	float:left;
	margin-top: 10px;
	height: 420px;
}	

#IslandCol2
{
	background: #274d6e;
	width: 48%;
	padding: 10px 1% 10px 1%;
	float:right;
	margin-top: 10px;
	height: 420px;
}
	
#IslandCol1 p, #IslandCol2 p
{
	margin-top: 10px;
	margin-bottom: 0;
	filter: alpha(opacity=80);
	opacity: .80;
	-moz-opacity: 0.80;
	background-color: #002e7e;
	color: #ffffff;	
	padding: 5px 2% 5px 2%;
	width: 96%;
	text-align: justify;
}

/* Contact form */
#ContactCol1
{
	color: #000000;
	float:left;
	width: 50%;
	background: #274d6e url(Graphics/jetski-bg.jpg) no-repeat;
}

#ContactCol2
{
	float: right;
	width: 49%;
	background: #274d6e url(Graphics/jetski-bg.jpg) no-repeat;
}			

.ContactText
{
	filter: alpha(opacity=90);
	opacity: .90;
	-moz-opacity: 0.90;
	background-color: #002e7e;
	color: #ffffff;	
	padding: 5px 1% 5px 1%;
	width: 98%;
	text-align: justify;
	font-size: 13px;
	height: 470px;
}	

.ContactInset
{
	width: 96%;
	padding: 10px 2% 10px 2%;
}

/* Google map holder */
.GMap
{
	font-size: 11px;
	text-align: center;
	width:100%;
}	

/* Meet the team */
.MeetTheTeamCol1
{
	width: 440px;
	float:left;
}

.MeetTheTeamCol2
{
	width: 440px;
	border-left: solid 4px #ffffff;
	float:left;
}
		
.MeetTheTeamMain
{
	width: 96%;
	padding: 10px 2% 10px 2%;
	background: #274d6e url(Graphics/jetski-bg.jpg) no-repeat;
	height: 350px;
	border-bottom: solid 4px #ffffff;
}	

.MeetTheTeamPicHolder
{
	text-align: center;
	width: 100%;
	padding: 5px 0 5px 0;
}	

.MeetTheTeamText
{
	filter: alpha(opacity=80);
	opacity: .80;
	-moz-opacity: 0.80;
	background-color: #002e7e;
	color: #ffffff;	
	height: 135px;
	padding: 5px 1% 5px 1%;
	width: 98%;
	text-align: justify;
	font-size: 13px;
}