/* CSS Document */

/*============================================================
  Created for: Adventure Island Play Park
  Design Company: Sky Blue Studios
  
  www.skybluestudios.co.uk
============================================================*/

/*============================================================
  Page body/font style 
============================================================*/

body { 
	margin:0px;
	background-color:#252525;
	background-image:url(../images/bg.gif);
	background-repeat:no-repeat;
	background-position:top center;
	color:#a4a4a4;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

/*============================================================
  Page General Layout 
============================================================*/

.clear { clear:both; }

#wrap {
	width: 800px;
	margin:0 auto;
}

#container {
	width:800px;
	background-color:#212121;
}

#header {
	width:800px; height:180px;
	background-color:#1a1a1a;
	border:0px;
	border-bottom:2px #3a3a3a dashed;
	position:relative;
}
#headerTop {
	width:800px;
}
#headerLogo {
	padding:20px 0px 0px 36px;
	float:left;
}
#headerRight {
	width:440px;
	float:left; position:relative;
}
#headerNav { width:800px; }

#pageHead {
	width:800px;
	background-color:#1a1a1a;
}

#pageHeadRight {
	margin:14px 20px 14px 0px;
	float:right;
}

#pageMid {
	width:800px; min-height:300px;
	background-color:#212121;
}

#pageMidLeft {
	margin:-31px 0px 0px 22px;
	float:left;
}
#pageMidRight {
	width:560px;
	margin:20px 0px 0px 20px;
	float:left;
}

#pageFoot {
	width:800px;
	background-color:#1a1a1a;
}

#pageFootLeft {
	margin:10px 0px 10px 20px;
	float:left;
}

#pageFootRight {
	margin:10px 20px 10px 0px;
	float:right;
}

#footer {
	width:800px;
	background-color:#1a1a1a;
	border:0px;
	border-top:2px #3a3a3a dashed;
}

#footerLeft {
	padding:12px 0px 12px 20px;
	float:left;
}

#footerRight {
	padding:14px 20px 14px 0px;
	float:right;
}

/*============================================================
  Header Graphics 
============================================================*/

.wifi { display:block; position:absolute; top:50px; left:30px; }
.only { display:block; position:absolute; top:10px; left:200px; }

/*============================================================
  Page Specific - Home 
============================================================*/

a.porthole1:link, a.porthole1:active, a.porthole1:visited {
	display:block;
	width:179px; height:179px;
	margin:0px; padding:0px;
	overflow:hidden; float:left;
	background:url(../images/porthole_01.jpg) no-repeat top left;
}
a.porthole2:link, a.porthole2:active, a.porthole2:visited {
	display:block;
	width:179px; height:179px;
	margin:0px 10px 0px 10px; padding:0px;
	overflow:hidden; float:left;
	background:url(../images/porthole_02.jpg) no-repeat top left;
}
a.porthole3:link, a.porthole3:active, a.porthole3:visited {
	display:block;
	width:179px; height:179px;
	margin:0px; padding:0px;
	overflow:hidden; float:left;
	background:url(../images/porthole_03.jpg) no-repeat top left;
}

a.porthole1:hover, a.porthole2:hover, a.porthole3:hover {
	background-position:0px -179px;
}

#homeInnerTop {
	width:560px;
}

#homeInnerLeft {
	width:340px;
	margin:20px 0px 0px 0px;
	float:left;
}

#homeInnerRight {
	width:200px;
	margin:20px 0px 0px 20px;
	float:left;
}

a.homeRightBox {
	display:block;
	width:196px; height:100px;
	margin:0px 0px 10px 0px;
	background:#1a1a1a url(../images/right_skull.gif) no-repeat top left;
	border:2px #0f0f0f solid;
	font-size:12px; color:#a4a4a4; text-decoration:none;
	text-align:center;
	position:relative;
}
a.homeRightBox:hover { border:2px #333333 solid; }

.homeRightAlignRight { 
	display:block; margin:6px 9px 0px 0px;
	position:absolute; right:0px;
	text-align:right;
	cursor:pointer;
}
.homeRightHead {
	color:#ec008c; font-size:16px; font-weight:bold; cursor:pointer;
	display:block; position:relative; top:0px;
}
.homeRightTitle {
	color:#a4a4a4; font-size:14px; font-weight:bold; cursor:pointer;
	display:block; position:relative; top:10px;
}
.homeRightDate {
	color:#a4a4a4; font-size:11px; font-weight:normal; cursor:pointer;
	display:block; position:relative; top:10px;
}
.homeRightLink {
	color:#ec008c; font-size:11px; font-weight:normal; cursor:pointer;
	display:block; position:relative; top:20px;
}

/*============================================================
  Page Specific - Multi 
============================================================*/

#pageInner {
	width:560px;
	margin:20px 0px 0px 0px;
	padding:0px 0px 30px 0px;
	float:left;
}
#pageFullInner {
	width:740px;
	margin:20px 0px 0px 30px;
	padding:0px 0px 30px 0px;
	float:left;
}

/*============================================================
  Page Specific - Events
============================================================*/

.eventsBox {
	width:540px;
	margin:0px; padding:0px;
	border:0px;
	border-bottom:2px #333333 dashed;
}

.eventsInner {
	margin:20px 0px 20px 0px;
}

/*============================================================
  Page Specific - Contact
============================================================*/

#pageContactLeft {
	width:400px;
	margin:20px 0px 0px 30px;
	float:left;
}

#pageContactRight {
	width:310px;
	margin:20px 0px 0px 30px;
	float:left;
}
a.contactMap:link, a.contactMap:active, a.contactMap:visited {
	display:block;
	width:300px; height:250px;
	padding:5px;
	border:2px #666666 dashed;
}
a.contactMap:hover {
	border:2px #999999 dashed;
}

/*============================================================
  Page Specific - Staff
============================================================*/

.staffBox {
	float:left;
	margin:0px 7px 14px 7px;
	border:2px #333333 dashed;
}

.staffBoxInnerPic {
	margin:5px 5px 0px 5px;
}

.staffBoxInnerText {
	margin:0px 5px 5px 5px;
}

/*============================================================
  Page Specific - Gallery
============================================================*/

.galleryImg {
	width:151px;
	height:100px;
	text-align:center;
	margin:25px 17px 10px 17px;
	float:left;
}

.galleryImg img {
	border:2px #111111 solid;
}

/*============================================================
  Page Specific - Explore 
============================================================*/

a.portholepetes:link, a.portholepetes:active, a.portholepetes:visited {
	display:block;
	width:179px; height:179px;
	margin:0px; padding:0px;
	overflow:hidden; float:left;
	background:url(../images/porthole_petes.jpg) no-repeat top left;
}
a.portholepolly:link, a.portholepolly:active, a.portholepolly:visited {
	display:block;
	width:179px; height:179px;
	margin:0px 10px 0px 10px; padding:0px;
	overflow:hidden; float:left;
	background:url(../images/porthole_pollys.jpg) no-repeat top left;
}
a.portholebaby:link, a.portholebaby:active, a.portholebaby:visited {
	display:block;
	width:179px; height:179px;
	margin:0px; padding:0px;
	overflow:hidden; float:left;
	background:url(../images/porthole_baby.jpg) no-repeat top left;
}

a.portholepetes:hover, a.portholepolly:hover, a.portholebaby:hover {
	background-position:0px -179px;
}