/*------------------------------------------------------
	title:Zoom Adventure Play - Main Style Sheet
	author: Daniel Baker - www.mycophobia.co.uk
	modified: 09/05/07
------------------------------------------------------*/

*    
	{
	margin:0;
	padding:0;
	}
	
body 
	{
	background:#3e3c3d url(../images/backgrounds/bg_metal.gif) top left repeat;
	text-align:center;  
	font-family:Verdana, Arial, Helvetica;
	font-size:72%;  
	}


/*------------------------------------------------------
					Page Structure
------------------------------------------------------*/
a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; color:black; padding:0; margin:0;}
a img { border:none;} /* Remove IE's blue borders */
	

#page_holder
	{
	width: 666px;
	margin: 0 auto;
	}	

#page_header  
	{
	width: 666px;
	background:transparent url(../images/backgrounds/header_mid.png) top left repeat-y;
	height:230px;
	float:left;
	}
	
#page_header_top 
	{
	width: 666px;
	background:transparent url(../images/backgrounds/header_top.png) top left no-repeat;
	height:28px;
	float:left;
	}
	
#logo
	{
	float:left;
	background:url(../images/zoom_logo.jpg) left top no-repeat;
	width: 450px;
	height:232px;
	}
	
h2#slogan
	{
	font-size:10px;
	margin: 109px 0px 0px 194px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	float:left; 
	}

h2#flash
	{
	font-size:10px;
	margin: 0px 0px 0px 0px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	float:left; 
	}

#page_middle
	{
	width: 666px;
	background:transparent url(../images/backgrounds/page_middle.png) top left repeat-y;
	float:left;
	}
	
#page_footer
	{
	width: 666px;
	height: 30px;
	background:transparent url(../images/backgrounds/page_footer.png) top left no-repeat;
	float:left;
	}
	
.padding
	{
	margin:0 22px;
	}
	
#page_middle .padding
	{
	padding-top:12px;
	}
	
.divider
	{
	width: 621px;
	background: #fff url(../images/coloured_bar.jpg) top left repeat-x;
	height: 6px;
	font-size:0px;
	margin: 0 auto;
	margin-right: 23px;
	}

.littlebox
	{
	float:left;
	width:198px;
	height: 150px; 
	background-color: #fff;
	border: 1px solid #888585;
	margin-right: 11px;
	display:inline;
	text-align:left; 
	}
	
.bigbox
	{
	width:620px;
	float:left;
	clear:both;
	background-color: #fff;
	margin-top:12px;
	border: 1px solid #888585;
	text-align:left; 
	}
	
.nomargin
	{
	margin-right:0;
	}


/*------------------------------------------------------
					Typography
------------------------------------------------------*/


p
	{
	margin: 18px 10px 20px 8px;
	}
	
ul
	{
	margin: 0px 10px 15px 25px;
	}

li
	{
	margin-top:7px;
	}	
	
h1
	{
	font-weight:normal;
	font-size:1.8em;
	margin: 20px 10px 15px 8px;
	}
	
h2
	{
	font-weight:bold;
	font-size:1.2em;
	margin: 18px 0px 18px 8px;
	}

#page_middle a   
	{
	text-decoration:none;
	font-weight:bold;
	color:#6732ba !important;
	}
	
#page_middle a:hover  
	{
	text-decoration:underline;
	}
	
.footer_text, .footer_text a
	{
	color:white;
	font-weight:bold;
	margin: 2px 0px 5px 0px;
	}

.footer_text a:hover
	{
	text-decoration:underline;
	color:#00CC00 !important;
	}
	
#footer_footer
{
margin-bottom:25px;
}
.goright
	{
	float:right;
	}

.goleft
	{
	float:left;
	}
	

ul.body
	{
	margin:10px 0px 20px 40px;
	}



/*------------------------------------------------------
					Navigation Lists
------------------------------------------------------*/


ul.navigation 
	{
	float:none;
	margin:5px 4px 0 0;
	display:inline;
	}

ul.navigation li
	{
	margin-bottom:10px;
	display:inline;  
	color:white;
	list-style-type:none; 
	} 
	
ul.navigation li a
	{
	color:white;
	font-weight:bold;
	text-decoration:none;
	}
	
ul.navigation li a:hover  
	{
	text-decoration:underline;
	color:#00CC00 !important;
	}
	
#page_header ul.navigation  
	{
	float:right;
	}
	
#page_header ul.navigation li
	{
	padding: 0 10px;
	display:block;
	}
	

/*-----------------------------
	Main Navigation List
------------------------------*/
	

.main li     
	{
	margin-top:-11px;
	}	

.main li a  
	{
	height: 20px;
	width:143px;
	display:block;
	margin:0;
	}
	
.main li a span
	{
	display:none;
	}
	
.main li a.nav_home
	{
	background: url(../images/nav/fun_and_sun.png) bottom left no-repeat;
	}
	
.main li a.nav_birthdays
	{
	background: url(../images/nav/birthday_fun.png) bottom left no-repeat;
	}
.main li a.nav_toddlers
	{
	background: url(../images/nav/toddlers.png) bottom left no-repeat;
	}
.main li a.nav_cafe
	{
	background: url(../images/nav/zoom_cafe.png) bottom left no-repeat;
	}

.main li a.nav_directions
	{
	background: url(../images/nav/directions.png) bottom left no-repeat;
	}

.main li a.nav_rules
	{
	background: url(../images/nav/rule_play.png) bottom left no-repeat;
	}

.main li a.nav_club
	{
	background: url(../images/nav/join_the_club.png) bottom left no-repeat;
	}

.main li a.nav_events
	{
	background: url(../images/nav/special_events.png) bottom left no-repeat;
	}
	
.main li a.nav_xblaster
	{
	background: url(../images/nav/zoom_xblaster_lasertag.png) bottom left no-repeat;
	}

.main li a.nav_tours
	{
	background: url(../images/nav/zoom_school_tours.png) bottom left no-repeat;
	}

.main li a.nav_contact
	{
	background: url(../images/nav/contact.png) bottom left no-repeat;
	}
.main li a.nav_icecream
	{
	background: url(../images/nav/icecream.png) bottom left no-repeat;
	}
.main li a:hover  
	{
	background-position:-0px 0;
	}
	
/*-----------------------------
		"sticky" nav 
------------------------------*/
	

#home_page .navigation li a.nav_home,
#icecream .navigation li a.nav_icecream, 
#birthdays .navigation li a.nav_birthdays, 
#toddlers .navigation li a.nav_toddlers, 
#cafe .navigation li a.nav_cafe,
#directions .navigation li a.nav_directions,
#rules .navigation li a.nav_rules,
#club .navigation li a.nav_club,
#events .navigation li a.nav_events,
#tours .navigation li a.nav_tours,
#xblaster .navigation li a.nav_xblaster, 
#contact .navigation li a.nav_contact


	{
	background-position:-0px 0;
	color:#00CC00 !important;
	text-decoration:underline;
	}


/*-----------------------------
		columns
------------------------------*/


#leftbar 
	{
    	float:left;
    	width:360px;
    	}

#rightbar 
	{
    	float:right;
    	width:260px;
height:auto;
    	}



/*-----------------------------
		images
------------------------------*/

.photo
	{
	margin: 7px 0px 0px 0px;
	margin-bottom:20px;
	}

.rules
	{
	margin: 25px 0px 0px 0px;
	}

.home
	{
	margin-top: 45px;
	margin-bottom:10px;
	}
.map
{
margin-top: 32px;
margin-left: 15px;
}
.birthday
	{
	margin: 18px 0px 0px 0px;
	margin-top:20px;
	margin-bottom:15px;
	}

.cafe
	{
	margin-top:20px;
	}

.centre
	{
	margin: 0px 0px 0px 0px;
	margin-top:0px;
	border:none;
	}

.events
	{
	margin: 10px 23px 0px 0px;
	}

.club
	{
	margin: 0px 0px 0px 25px;
	}

.directions
	{
	margin-left:13px;
	margin-top:22px;
	}


/*-----------------------------
	ok and error page
------------------------------*/


#contact_backgroundsuccess 
	{
	width: 678px;
	background:transparent url(../images/success.jpg) top left no-repeat;
	height:364px;
	float:left;
	margin-top:40px;
	}

#contact_backgrounderror 
	{
	width: 678px;
	background:transparent url(../images/error.jpg) top left no-repeat;
	height:364px;
	float:left;
	margin-top:40px;
	}

p.successfail
	{
	font-size:12px;
	margin-top:175px;
	text-decoration:none;
	text-decoration: none;
	font-weight: bold;
	color: #6732ba;
	}
p.successfail a
	{
	color:#D89D3D;
	font-weight:none;
	text-decoration:underline;
	width: 128px;
	height: 25px;
	}
	
p.successfail a:hover  
	{
	text-decoration:underline;
	color:#00cc00;
	}




/*------------------------------------------------------
					MAilForm
------------------------------------------------------*/


#form 
	{ 
	margin-top:0px; 
	margin-bottom:0px; 
	margin-left:25px;
	margin-right:0px; 
	width:auto; 
	padding:0px; 
	background-color:#fff;
	float:left;
	}

p.formtext
	{
	color:black;
	font-size: 11px;
	margin-top:0px; 
	margin-left:0px;
	text-decoration:none;
	font-weight:bold;
	float:left;
	text-align:left; 
	margin-right:0px; 
	}

#textarea 
	{ 
	background-color:#DBD3D3; 
	color:#D89D3D;
	border:0;
	float:left;
	text-align:left; 
	min-width:180px;
	max-width:180px;
	min-height:100px;
	min-height:100px;
	}

#Name
	{
	min-width:220px;
	max-width:220px;
	float:left;
	margin-top:5px;
	margin-left:0px;
	}

#Address
	{
	min-width:220px;
	max-width:220px;
	float:left;
	margin-top:5px;
	margin-left:0px;
	}

#Phone
	{
	min-width:220px;
	max-width:220px;
	float:left;
	margin-top:5px;
	margin-left:0px;
	}

#Subject
	{
	min-width:220px;
	max-width:220px;
	float:left;
	margin-top:5px;
	margin-left:0px;
	}

#Email
	{
	min-width:220px;
	max-width:220px;
	float:left;
	margin-top:5px;
	margin-left:0px;
	}

#DateofBirth
	{
	min-width:220px;
	max-width:220px;
	float:left;
	margin-top:5px;
	margin-left:0px;
	}

#Address
	{
	min-width:220px;
	max-width:220px;
	float:left;
	margin-top:5px;
	margin-left:0px;
	}

#Message
	{
	min-width:220px;
	max-width:220px;
	float:left;
	margin-top:5px;
	margin-left:0px;
	}

#submit
	{
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 15px;
	color: #3b325f;
	font-family: verdana;
	font-weight: normal;
	font-size: 9pt;
	float: right;
	}