body {
	margin: 0px;
	padding: 0px;
	background:  url("images/bg3.gif") repeat-y 50%;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.4em;
	color: #333;
}
table {
	font-size: 1em;
}
.Hidden {
	position: absolute;
	height: 1px;
	top: -1000px;
	left: -5000px;
	overflow: hidden;
}
#MumblesPier {
	position: relative;
	width: 740px;
	padding: 10px 0px;
	margin: 0px auto;
	text-align: left;
}
/****************** Main Navigation ******************/
#MainNavigation {
	float: right;
	width: 265px;
	padding: 0px;
	background:  url("images/right_bg.png") no-repeat;
}
#MainNavigation p {
	padding: 0px;
	margin: 0px;
}
#HomeLink {
	display: block;
	width: 260px;
	height: 160px;
	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden;
	background-image:url(images/logo-new.png);
}
#MainLinks {
	display: block;
	width: 247px;
	height: 175px;
	padding: 2px 14px 139px 4px;
	margin: 0px;
	list-style-type: none;
}
#MainLinks a {
	display: block;
	width: 247px;	
	height: 25px;
	text-indent: -5000px;
	text-decoration: none;
	overflow: none;
	background-position: 0px 0px;
}
#MainLinks a:hover, #MainLinks a:active, #MainLinks a:focus {
	background-position: 0px -25px;
}
#PubLink {
	background-image:  url("images/links/pub.png");
}
#ClubLink {
	background-image:  url("images/links/club.gif");
}
#CafeLink {
	background-image:  url("images/links/cafe.png");
}
#AmusementsLink {
	background-image:  url("images/links/amusements.png");
}
#BeachLink {
	background-image:  url("images/links/beach.png");
}
#EventsLink {
	background-image:  url("images/links/events.gif");
}
#FilmingLink {
	background-image:  url("images/links/filming.png");
}
#JobLink {
	background-image:  url("images/links/job.png");
}
#Bytemedia {
	display: block;
	width: 265px;
	height: 30px;
	text-indent: -5000px;
	text-decoration: none;
	overflow: none;
	background-image:  url("images/bytemedia.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#Bytemedia:hover, #Bytemedia:active, #Bytemedia:focus {
	background-position: 0px -30px;
}
/****************** Main Container ******************/
#MainContainer {
	float: left;
	width: 475px;
	padding: 0px;
	background:  url("images/top_bg2.gif") no-repeat 0px 30px;
}
#MainBottom {
	width: 475px;
	padding: 0px 0px 3px 0px;
	min-height: 463px;
	background: url(images/bottom_bg.gif) no-repeat 0px 100%;
}
* html #MainBottom {
	height: 463px;
}
#SkySports {
	height: 80px;
	background:  url("images/pics/skysports.gif") no-repeat 50% 5px;
}
/****************** Top Navigation ******************/
#TopLinks {
	display: block;
	width: 440px;
	height: 42px;
	padding: 35px 0px 15px 35px;
	margin: 0px;
	list-style-type: none;
	overflow: hidden;
}
#TopLinks li {
	display: inline;
	overflow: hidden;
}
#TopLinks a {
	display: block;
	float: left;
	width: 140px;
	height: 42px;
	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#TopLinks a:hover, #TopLinks a:active, #TopLinks a:focus {
	background-position: 0px -42px;
}
#PierLink {
	background-image:  url("images/links/pier.png");
}
#ContactLink {
	background-image:  url("images/links/contact.png");
}
#FindLink {
	background-image:  url("images/links/find.png");
}
/****************** Main Content ******************/
#MainContent {
	width: 462px;
	padding: 0px 0px 3px 13px;
	background:  url("images/main_bg2.gif") no-repeat 0px 100%;
	min-height: 381px;
}
* html #MainContent {
	height: 381px;
}
#MainContent.HomePage h3 , #MainContent.HomePage p {
	padding: 0px;
	margin: 0px;
}
#MainContent h3, #MainContent p {
	padding: 0px 22px;
	margin: 0px 0px 18px 0px;
}
#MainContent h4 {
	font-size: 1em;
	color: #369;
	padding: 0px 22px;
	margin: 0px 0px 18px 0px;
}
#MainContent table {
	margin: 0px 0px 10px 22px;
	width: 420px;
	border-collapse: collapse;
	border: 0px;
	border-left: 1px #CCDFF2 solid;
	border-top: 1px #CCDFF2 solid;
}
#MainContent td {
	text-align: center;
	border: 0px;
	border-right: 1px #CCDFF2 solid;
	border-bottom: 1px #CCDFF2 solid;
	padding: 8px;
	font-weight: bold;
	color: #369;
	background: #E8F2FC;
}
#MainContent td.Time {
	width: 157px;
	background: #FFF;
}
#MainContent ul {
	display: block;
	padding: 0px 22px;
	margin: 0px 0px 18px 0px;
	list-style-type: none;
}
#MainContent li {
	padding: 0px 0px 0px 20px;
	background:  url("images/bullet.gif") no-repeat 5px 0.6em;
}
.TextLink {
	text-decoration: none;
	color: #333;
	padding: 0px 2px;
	background: #DEEEFF;
}
.TextLink:hover, .TextLink:active, .TextLink:focus {
	background: #C2E1FF;
}
.EmailLink {
	font-weight: bold;
	color: #369;
	text-decoration: none;
}
.EmailLink:hover, .EmailLink:active, .EmailLink:focus {
	text-decoration: underline;
}
.bold {
	font-weight: bold;
	color: #369;
}
.Picture {
	width: 176px;
	height: 185px;
	float: right;
	padding: 0px 20px 15px 20px;
	margin-top: -50px;
}
.LeftPicture {
	width: 176px;
	height: 185px;
	float: left;
	padding: 0px 20px 15px 20px;
}
.ContactPicture {
	width: 145px;
	height: 210px;
	float: right;
	padding: 0px 30px 15px 15px;
	margin-top: -5px;
}
.OverlappedPicture {
	width: 220px;
	height: 205px;
	float: right;
	padding: 0px 15px 15px 10px;
	margin-top: -50px;
}
.FilmingPicture {
	width: 185px;
	height: 255px;
	float: right;
	padding: 0px 20px 15px 20px;
}
.VariousPicture {
	width: 165px;
	height: 380px;
	float: right;
	padding: 0px 10px 15px 0px;
	margin-top: -40px;
}
.Various2Picture {
	width: 165px;
	height: 300px;
	float: right;
	padding: 0px 10px 15px 0px;
	margin-top: -40px;
}
.Map{
	width: 420px;
	height: 185px;
	float: left;
	padding: 0px 0px 20px 20px;
	margin-top: -10px;
}
/****************** Home Page ******************/
#IntroPic {
	position: relative;
	top: -12px;
	width: 462px;
	height: 249px;
	margin: 0px;
	text-indent: -5000px;
	overflow: hidden;
	background:  url("images/home/intro.gif") no-repeat;
}
#MainContent ul#HomeLinks {
	position: relative;
	top: -12px;
	display: block;
	width: 462px;
	height: 141px;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px -12px 0px;
	list-style-type: none;
	overflow: hidden;
}
#HomeLinks li {
	display: inline;
	margin: 0px;
}
#HomeLinks a {
	display: block;
	float: left;
	height: 141px;
	text-indent: -5000px;
	text-decoration: none;
	overflow: none;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#HomeLinks a:hover, #HomeLinks a:active, #HomeLinks a:focus {
	background-position: 0px -141px;
}
#ToDoLink {
	width: 161px;
	background-image:  url("images/home/do.gif");
}
#GalleryLink {
	width: 142px;
	background-image:  url("images/home/gallery.gif");
}
#HistoryLink {
	width: 159px;
	background-image:  url("images/home/history.gif");
}
/****************** Page Titles ******************/
#PageTitle {
	width: 418px;
	height: 52px;
	text-indent: -5000px;
	overflow: hidden;
}
.PierTitle {
	background:  url("images/titles/pier.gif") no-repeat 22px 10px;
}
.ContactTitle {
	background:  url("images/titles/contact.gif") no-repeat 22px 10px;
}
.FindTitle {
	background:  url("images/titles/find.gif") no-repeat 22px 10px;
}
.CafeTitle {
	background:  url("images/titles/cafe.gif") no-repeat 22px 10px;
}
.PrivateTitle {
	background:  url("images/titles/private.gif") no-repeat 22px 10px;
}
.PubTitle {
	background:  url("images/titles/pub.gif") no-repeat 22px 10px;
}
.ClubTitle {
	background:  url("images/titles/club.gif") no-repeat 22px 10px;
}
.AmusementsTitle {
	background:  url("images/titles/amusements.gif") no-repeat 22px 10px;
}
.BeachTitle {
	background:  url("images/titles/beach.gif") no-repeat 22px 10px;
}
.DoTitle {
	background:  url("images/titles/do.gif") no-repeat 22px 10px;
}
.GalleryTitle {
	background:  url("images/titles/gallery.gif") no-repeat 22px 10px;
}
.HistoryTitle {
	background:  url("images/titles/history.gif") no-repeat 22px 10px;
}
.AerialTitle {
	background:  url("images/titles/aerial.gif") no-repeat 22px 10px;
}
.FunTitle {
	background:  url("images/titles/fun.gif") no-repeat 22px 10px;
}
.RelaxingTitle {
	background:  url("images/titles/relaxing.gif") no-repeat 22px 10px;
}
.OutTitle {
	background:  url("images/titles/out.gif") no-repeat 22px 10px;
}
.PastTitle {
	background:  url("images/titles/past.gif") no-repeat 22px 10px;
}
.FilmingTitle {
	background:  url("images/titles/filming.gif") no-repeat 22px 10px;
}
.EventsTitle {
	background:  url("images/titles/events.gif") no-repeat 22px 10px;
}
.JobTitle {
	background:  url("images/titles/job.gif") no-repeat 22px 10px;
}
/****************** Page Sub Titles ******************/
#PageSubTitle {
	width: 418px;
	height: 42px;
	text-indent: -5000px;
	overflow: hidden;
}
.PartyTitle {
	background:  url("images/titles/party.gif") no-repeat 22px 10px;
}
/****************** Gallery ******************/
#GalleryContainer {
	padding: 0px 0px 0px 18px;
	overflow: hidden;
}
#GalleryContainer p {
	float: left;
	padding: 0px 5px 15px 5px;
	margin: 0px;
}
#GalleryContainer a {
	display: block;
	width: 120px;
	padding: 5px 5px 3px 5px;
	margin: 0px;
	border: 1px #D9D9D9 solid;
	text-align: center;
	text-decoration: none;
	line-height: 2em;
	color: #999;
	background: #FFF;
}
#GalleryContainer a:hover, #GalleryContainer a:active, #GalleryContainer a:focus {
	border: 1px #666 solid;
	color: #369;
}
#GalleryContainer img {
	border: 0px;
	border-bottom: 1px #FFF solid;
	width: 120px;
	height: 105px;
}
.GalleryBreak {
	clear: both;
	height: 1px;
	overflow: hidden;
}
#BigPicture {
	position: relative;
	top: 25px;
	display: block;
	margin: 0px auto;
	width: 480px;
	padding: 15px 15px 3px 15px;
	border: 1px #D9D9D9 solid;
	text-align: center;
	text-decoration: none;
	line-height: 4em;
	color: #999;
	background: #FFF;
}
#BigPicture:hover, #BigPicture:active, #BigPicture:focus {
	border: 1px #666 solid;
	color: #369;
}
#BigPicture img {
	border: 0px;
	border-bottom: 1px #FFF solid;
	float: left;
	width: 480px;
	height: 420px;
}
#BackButton {
	clear: both;
	display: block;
	height: 30px;
	width: 160px;
	text-indent: -5000px;
	margin: 0px 0px 0px 135px;
	background:  url("images/gallery/back.gif");
}
/****************** Job Application ******************/
#JobForm {
	padding: 0px;
	margin: 0px 0px 30px 0px;
}
#JobForm p.Label {
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	color: #369;
}
#JobForm input, #JobForm textarea, #JobForm select, #JobForm file {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	width: 240px;
}
#JobForm textarea {
	overflow: auto;
}
#JobForm select {
	width: 248px;
}
#JobForm input.SmallForm {
	width: 100px;
}
#JobForm input.Selected, #JobForm textarea.Selected, #JobForm select.Selected {
	background: #E5F0FB;
}
#SelectPhoto {
	border: 1px #CCDFF2 solid;
	padding: 15px 140px 15px 0px;
	margin: 15px 22px 0px 22px;
	background: #E5F0FB url("images/pics/photo.gif") no-repeat 100% 50%;
}
#SelectPhoto.Selected {
	border: 1px #369 solid;
}
#SelectPhoto p.SmallText {
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 2px 0px 10px 0px;
}
#SelectPhoto input {
	width: 220px;
}
#JobForm button {
	display: block;
	padding: 0px;
	margin: 20px 0px 0px 40px;
	border: 0px;
	width: 160px;
	height: 25px;
	overflow: hidden;
	text-indent: -5000px;
	background:  url("images/send.gif");
	cursor: pointer;
}
/****************** Copyright ******************/
#Copyright {
	display: block;
	padding: 0px;
	margin: 0px;
	width: 475px;
	height: 30px;
	text-indent: -5000px;
	overflow: hidden;
	background:  url("images/copyright.gif") no-repeat;
}.bodyWhite {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
}
#Links {
	display: block;
	padding: 10px 0 0 20px;
	margin: 0px;
	width: 475px;
	height: 30px;
	color: #FFF;
	overflow: hidden;
}
#Links a {
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	display: inline;
	padding-left: 10px;
	font-weight: bold;
}
#Links a:hover {
	color: #FF0;
}