/* CSS Document */

body {
	margin: 0;
	font: small/1.2em "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	background: #232323;
}

#container {
	width: 900px;
	margin: 0 auto;
}

#back {
	background: transparent url(../images/bg_side.png) repeat-y left top;
}

#side {
	width: 147px;
	position: relative;
	float: left;
	background: transparent url(../images/bg_sidetop.png) no-repeat left top;
}

#content {
	margin: 0 0 0 147px;
	padding: 0;
	background: #1b1b1b;
	color: #bbb;
}

#main {
	margin: 20px 20px 0 20px;
}

.left {
	width: 238px;
	margin: 0 20px 0 0;
	float: left;
	color: #999;
}

#foot {
	clear: both;
	padding: 0.4em 0;
	text-align: center;
	background: #232323 url(../images/bg_foottop.png) no-repeat left top;
	color: #666;
}


/* Text */
		
h1 {
	width: 199px;
	height: 68px;
	margin: 12px 0 0 0;
	background: transparent url(../images/h1.png) no-repeat left top;
	font-size: 1px;
	text-indent: -9999px;
}

h1 a {
	display: block;
	width: 199px;
	height: 68px;
}

h2 {
	width: 753px;
	height: 184px;
	margin: 0;
	font-size: 1px;
	text-indent: -9999px;
}

h3 {
	margin: 1em 0;
	font-size: 108%;
	font-weight: bold;
}

h3#sub {
	display: none;
}

h4 {
	margin: 0;
	font-size: 85%;
	font-weight: bold;
	/*letter-spacing: 0.1em;*/
	text-transform: uppercase;
}
	
p, ul, dl {
	margin: 1.4em 0;
	font-size: 85%;
	line-height: 1.6em;
}
	
ul {
	padding-left: 0;
}

li, dd {
	padding: 0.2em 0;
}

li {
	list-style: none;
}

dd {
	margin-left: 0;
}

form {
	margin: 0;
}

img {
	border: none;
}

a:link, a:visited {
	text-decoration: underline;
}

a:hover, a:active {
	text-decoration: none;
}	
			
.hidden { 
	display: none;
}

.light {
	color: #666;
	font-weight: normal;
}

.clear {
	clear: left;
}

#foot .feature, #foot .feature a:link {
	color: #ccc;
}



/* Headings */	

#phome h2 {
	background: transparent url(../images/banner_home.jpg) no-repeat left top;
}

#phome h3#hgames {
	background: transparent url(../images/home_games.png) no-repeat left top;
}

#phome h3#hplanning {
	background: transparent url(../images/home_planning.png) no-repeat left top;
}

#phome h3#hevents {
	background: transparent url(../images/home_events.png) no-repeat left top;
}

#pgames h2 {
	background: transparent url(../images/banner_games.jpg) no-repeat left top;
}

#pgames h3#henquire {
	background: transparent url(../images/games_enquire.png) no-repeat left top;
}

#pgames h3#hdetails {
	background: transparent url(../images/games_details.png) no-repeat left top;
}

#pplanning h2 {
	background: transparent url(../images/banner_planning.jpg) no-repeat left top;
}

#pplanning h3#hfeedback {
	background: transparent url(../images/planning_feedback.png) no-repeat left top;
}

#pevents h2 {
	background: transparent url(../images/banner_events.jpg) no-repeat left top;
}

#pabout h2 {
	background: transparent url(../images/banner_about.jpg) no-repeat left top;
}

#pabout h3#hcontact {
	background: transparent url(../images/about_contact.png) no-repeat left top;
}




h2#lilo {
	background: transparent url(../../site_games/banner_lilo.jpg) no-repeat left top;
}

h2#jurassic {
	background: transparent url(../../site_games/banner_jurassic.jpg) no-repeat left top;
}

h2#defender {
	background: transparent url(../../site_games/banner_defender.jpg) no-repeat left top;
}

h2#airbots {
	background: transparent url(../../site_games/banner_airbots.jpg) no-repeat left top;
}

h2#shark {
	background: transparent url(../../site_games/banner_shark.jpg) no-repeat left top;
}

h2#spiderman {
	background: transparent url(../../site_games/banner_spiderman.jpg) no-repeat left top;
}

h2#bathtub {
	background: transparent url(../../site_games/banner_bathtub.jpg) no-repeat left top;
}

h2#grandprix {
	background: transparent url(../../site_games/banner_grandprix.jpg) no-repeat left top;
}

h2#ironman {
	background: transparent url(../../site_games/banner_ironman.jpg) no-repeat left top;
}

h2#loo {
	background: transparent url(../../site_games/banner_loo.jpg) no-repeat left top;
}

h2#wave {
	background: transparent url(../../site_games/banner_wave.jpg) no-repeat left top;
}

h2#titanic {
	background: transparent url(../../site_games/banner_titanic.jpg) no-repeat left top;
}

h2#lasertag {
	background: transparent url(../../site_games/banner_lasertag.jpg) no-repeat left top;
}

h2#dragon {
	background: transparent url(../../site_games/banner_dragon.jpg) no-repeat left top;
}

h2#mountain {
	background: transparent url(../../site_games/banner_mountain.jpg) no-repeat left top;
}

h2#bungy {
	background: transparent url(../../site_games/banner_bungy.jpg) no-repeat left top;
}

h2#shoe {
	background: transparent url(../../site_games/banner_shoe.jpg) no-repeat left top;
}

h2#rocket {
	background: transparent url(../../site_games/banner_rocket.jpg) no-repeat left top;
}

h2#twister {
	background: transparent url(../../site_games/banner_twister.jpg) no-repeat left top;
}

h2#foam {
	background: transparent url(../../site_games/banner_foam.jpg) no-repeat left top;
}

h2#rock {
	background: transparent url(../../site_games/banner_rock.jpg) no-repeat left top;
}

h2#cash {
	background: transparent url(../../site_games/banner_cash.jpg) no-repeat left top;
}




#pgames #main h2 {
	margin: 1em 0 0.4em 0;
	font-size: 140%;
	font-weight: bold;
	background: none;
	width: auto;
	height: auto;
	text-indent: 0;
}

#pgames #main h4 {
	color: #666;
	margin-bottom: 1em;
}

.left dt {
	padding-bottom: 0.5em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-weight: bold;
}

#phome a {
	color: #ff5800;
}

.cgames, .cgames a, #pgames h3, #pgames a, #pgames #main h2 {
	color: #d700cf;
}

#pgames .left dt {
	color: #ad00c1;
}

.cplanning, .cplanning a, #pplanning h3, #pplanning a {
	color: #05cdff;
}

#pplanning p.caption {
	color: #666;
}

.cevents, .cevents a, #pevents a, #pevents h3 {
	color: #ff005a;
}

#pabout h3, #pabout a {
	color: #91cd00;
}

#pabout .left dt {
	color: #70b700;
}



	
/* Content */

#phome .herosub, #phome .heromain {
	float: left;
}

#phome .herosub {
	width: 243px;
	padding-right: 15px;
}


#phome .heromain {
	border-left: 1px solid #222;
	padding: 0 15px;
	width: 423px;
}

#phome .herosub img, #phome .heromain img {
	float: left;
	margin-right: 15px;
}

#phome .herosub a, #phome .heromain a {
	font-weight: bold;
}

#phome p.clear {
	padding-top: 5px;
}



#pevents .left {
	margin-bottom: 10px;
}

.block, #games {
	float: left;
	width: 713px;
	border-top: 1px solid #333;
}

#pevents .block {
	margin-bottom: 1em;
}

img, .flash {
	border: 3px solid #2a2a2a;
}

.imggrid {
	clear: left;
}

.imggrid img {
	vertical-align: bottom;
	margin-right: 3px;
	margin-bottom: 3px;
}

#benquire img {
	border: none;
}

p.caption {
	padding-bottom: 0.8em;
}





form dl {
	margin: 0;
	float: left;
}

form dt {
	color: #999;
}

form dd {
	padding-bottom: 0.4em;
}

form .text {
	width: 178px;
}

#enquiryform {
	border-top: 1px solid #333;
	float: left;
	width: 713px;
}

#enquiryform .column {
	width: 237px;
	float: left;
	margin: 1em 0;
}

#enquiryform .submit {
	margin: 0.8em 0;
}

#enquiryform textarea {
	margin-left: 0;
	margin-right: 0;
	width: 198px;
}

input[type="text"], textarea {
	border: 1px solid;
	border-color: #999 #D9D9D9 #D9D9D9 #999;
	padding: 3px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #444;
	font-size: 100%;
}




#games {
	padding-top: 1.2em;
}

.gameblock {
	width: 217px;
	height: 21.4em;
	margin-right: 20px;
	margin-bottom: 1.2em;
	background: #202020;
	float: left;
	display: inline;
}

.gameblock img {
	width: 211px;
	height: 158px;
}

.gameblock h3, .gameblock h4, .gameblock p {
	padding-left: 10px;
	padding-right: 10px;
}

.gameblock h3 {
	margin: 0.6em 0;
	font-size: 95%;
}

.gameblock h3 a:link, .gameblock h3 a:visited {
	text-decoration: none;
}

.gameblock h3 .info {
	font-size: 85%;
	font-weight: normal;
}

.gameblock h3 .info a:link, .gameblock h3 .info a:visited {
	text-decoration: underline;
}

#pgames #main .gameblock h4 {
	margin-bottom: 0.2em;
}

.gameblock p {
	margin: 0.6em 0 0.8em 0;
	color: #888;
}




#pplanning dl, #pevents dl {
	/*color: #cccccc;*/
}

#pplanning dt, #pevents dt {
	padding: 0;
}

#pplanning dd, #pevents dd {
	padding: 0 0 0.5em 0;
}




/* Footer */

#foot a:link, #foot a:visited {
	color: #666;
	text-decoration: underline;
}

#foot a:hover, #foot a:active {
	text-decoration: none;
}


/* Nav */

ul#nav {
	width: 147px;
	height: 276px;
	margin: 52px 0 0 0;
	padding: 0;
	background: url(../images/bg_nav.png) no-repeat left top;
}
	
#nav li {
	position: absolute;
	padding: 0;
	list-style: none;
}
	
#nav li a {
	display: block;
	width: 147px;
	height: 49px;
	text-indent: -9999px;
}
	
#ngames					{ top: 52px; }
#nplanning				{ top: 100px; }
#nevents				{ top: 149px; }
#nabout					{ top: 198px; }

#pgames #ngames 		{ height: 56px; background: transparent url(../images/bg_nav.png) -147px 0px no-repeat; }
#pplanning #nplanning 	{ height: 56px; background: transparent url(../images/bg_nav.png) -147px -55px no-repeat; }
#pevents #nevents 		{ height: 56px; background: transparent url(../images/bg_nav.png) -147px -110px no-repeat; }
#pabout #nabout 		{ height: 56px; background: transparent url(../images/bg_nav.png) -147px -165px no-repeat; }


/* Hide from IE5-mac. Only IE-win sees this. \*/ 
  
*html #side { 
	margin-right: -3px; 
}
  
*html .left {
	margin-right: 17px;
}
  
*html #content { 
	height: 1%; 
	margin-left: 0; 
}

/* End hide from IE5/mac */