@import url('zero.css');

html, body { height: 100%; }

body { border-top: 7px solid black; background: #00C1F7 url(../images/main-gradient.gif) repeat-x 0 7px; }

body, table { font: 12px/1.4 Helvetica, Arial, sans-serif; color: white; }

h1 { font-weight: bold; font-size: 180%; text-transform: uppercase; margin: 0 0 0.3em 0; }
	h1 em { color: #80EF00; font-style: normal; }
h2 { color: #54B30A; font-weight: bold; margin: 0 0 0.25em 0; text-transform: uppercase; }
	h2.subtitle { margin-bottom: 0.1em; line-height: 1; }

p { margin: 0.5em 0; }

img { border: 0; }

a { text-decoration: none; color: #54B30A; }
    a:hover { text-decoration: underline; }

strong { font-weight: bold; }

input, textarea { background-color: white; color: black; border: 0; padding: 3px; }

table { width: 100%; }
	tr {}
	td { color: #80EF00; font-size: 140%; font-weight: bold; }
	th { font-weight: bold; }

.first { margin-top: 0 }
.highlight { color: #54B30A }

.booking-enquiry { font-size: 120%; margin: 1em 0 0 0; padding-left: 20px; background: url(../images/ico-arrow.gif) no-repeat left center; }

.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

.icon { vertical-align: middle; }
.flash { visibility: hidden; color: white; padding: 0.5em; margin: 0 0 0.5em 0; }
.success { background-color: #54B30A; }
.error { background-color: #F01C24; }

.tabular-form { width: 100%; }
	.tabular-form input.submit { text-transform: lowercase; color: white; background-color: #1862B5; padding: 5px; }
	.tabular-form input.text {  }
	.tabular-form td, th { vertical-align: top; color: white; font-size: 100%; font-weight: normal; }
	.tabular-form th {  padding-top: 4px;  }
	
.tab { padding: 5px 0; }

.offer-list {}
  .offer-list td { color: white; font-size: 100%; padding: 1em 0; border-bottom: 1px solid #303030; }
  .offer-list h2 { font-size: 160%; color: white; margin: 0 0 4px 0; font-weight: bold; line-height: 1; }
  .offer-list strong { color: #54B30A; }
  
.rounded-box-top { background: black url(../images/rounded-box-top.gif) no-repeat top; width: 508px; }
.rounded-box-bottom { background: url(../images/rounded-box-bottom.gif) no-repeat bottom; }
.rounded-box-inner { padding: 12px 15px 10px 15px; }

#container { width: 798px; margin: 0 auto; position: relative; min-height: 100%; }
	* html #container { height: 100%; }
	#non-footer { padding-bottom: 140px; }

	#join-golf-club { font-size: 90%; background: black url(../images/register-bottom.gif) no-repeat bottom; width: 309px; float: right; position: absolute; top: 0; right: 0; padding-bottom: 6px; z-index: 10000; }
		#join-golf-club .inner { background: url(../images/ico-mailbox.gif) no-repeat top left; margin: 0 10px; padding-left: 35px; }
		#join-golf-club input { width: 220px; }
		#join-golf-club input.submit { padding: 0; width: auto; vertical-align: middle; }

	#header { clear: right; padding: 5px 0 10px 0; position: relative; }

	h1#logo { width: 197px; height: 122px; background: url(../images/main-logo.gif); text-indent: -5000px; float: left; }

	#nav { position: absolute; right: 0; top: 80px; height: 31px; }
		#nav li.nav-item { font-size: 13px; text-transform: uppercase; line-height: 1; height: 31px; float: left; margin-left: 10px; background: black url(../images/nav-main-left.gif) no-repeat left; position: relative; }
		#nav a.nav-item { display: block; color: white; height: 13px; padding: 9px; background: url(../images/nav-main-right.gif) no-repeat right; text-align: center; }
			#nav a.nav-item:hover { text-decoration: none; }

    #nav li.book-now,
		#nav li.selected,
		#nav li.nav-item.hover { background-color: #0079C2; background-image: url(../images/nav-main-left-selected.gif); }
		#nav li.nav-item.book-now a.nav-item,
		#nav li.nav-item.selected a.nav-item,
		#nav li.nav-item.hover a.nav-item { background-image: url(../images/nav-main-right-selected.gif) }
		
		#nav .book-options { display: none; position: absolute; background: url(../images/dropdown-arrow.png) no-repeat 72px top; right: 0; padding-top: 11px; width: 110px; }
		#nav .book-options ul { background: black; border-radius: 5px; padding: 5px ;}
		#nav .book-options li { }
		#nav .book-options a { color: white; text-transform: none; display: block; padding: 5px; }
		#nav .book-options a:hover { background: #0079C2; border-radius: 3px; text-decoration: none; }

	#left { width: 204px; float: left; }
	
		#sub-nav { margin: 35px 0 0 0; font-size: 12px; line-height: 1; }
			#sub-nav li { margin: 0 0 3px 0; }
			#sub-nav a { display: block; padding: 5px 0 5px 10px; text-transform: uppercase; color: white; background: black url(../images/sub-nav-left.gif) no-repeat left; }
				#sub-nav a:hover { text-decoration: none; }
				#sub-nav a.selected,
				#sub-nav a:hover { background-color: #0079C2; background-image: url(../images/sub-nav-left-selected.gif); }
			
		#buttons { margin: 0 0 0 -6px; }
			#buttons li { margin: 10px 0 0 0; text-indent: -5000px; }
			#buttons a { display: block; background-repeat: no-repeat; width: 191px; }
			#buttons .kids-parties { background-image: url(../images/btn-kids-parties.gif); height: 44px; }
			#buttons .corporate-events { background-image: url(../images/btn-corporate-events.gif); height: 44px; }
			#buttons .gift-vouchers { background-image: url(../images/btn-gift-vouchers.gif); height: 47px; }
			#buttons .shoot-shove-shame { background-image: url(../images/btn-sss.gif); height: 155px; }
	
	#home-page-intro { width: 530px; background: black url(../images/home-page-main-bottom.gif) no-repeat bottom; padding: 0 0 21px 0; float: left; }
		#home-page-intro .inner { padding: 10px 10px 0 10px; }
		#home-page-banner { display: block; }
	
	#home-page-video { width: 530px; height: 278px; background: url(../images/home-page-header.gif) no-repeat top; position: relative }
		#home-page-video-player { position: absolute; left: 15px; top: 25px; }
		
	#home-page-sidebar { float: left; margin: 0 0 0 8px; width: 260px; padding: 0; }
	  #home-page-sidebar li { display: block; padding: 0; margin: 0 0 8px 0; list-style: none; }
	  #home-page-sidebar a { display: block; }
	  #home-page-sidebar img { display: block; } 
	  
	#home-page-locations { clear: left; margin: 0; padding: 10px 0 0 0; width: 820px; }
	  #home-page-locations li { margin: 0; padding: 0; list-style: none; float: left; width: 261px; height: 149px; margin-right: 8px; }
	  #home-page-locations a { display: block; width: 261px; height: 149px; text-indent: -5000px; }
	  #home-page-locations li.glasgow a { background: url(../images/home/loc-glasgow.png); }
	  #home-page-locations li.manchester a { background: url(../images/home/loc-manchester.png);}
	  #home-page-locations li.sheffield a { background: url(../images/home/loc-sheffield.png); }
	
	#main { width: 594px; float: left; background: url(../images/bottom-wide.gif) no-repeat bottom left; padding: 0 0 22px 0; }
		#content-header { margin-top: -24px; height: 190px; display: block; }
		#content { background-color: black; padding: 20px 20px 20px 20px; }
		#main.narrow { background-image: url(../images/bottom-narrow.gif); padding-bottom: 17px; }
		  #main.narrow #content { width: 467px; }
		  #main.narrow #content-header { height: 268px; }
		  
	#social-links { margin-top: 15px; margin-left: 204px; }
	  #social-links a { margin-right: 7px; }
	
	#show-reel { width: 470px; height: 521px; background: url(../images/showreel-container-new.gif); margin: 0 auto; position: relative; }
		#show-reel #the-movie { position: absolute; top: 130px; left: 32px; }
	
	#video-container { width: 799px; height: 568px; background: url(../images/video-bg.gif); margin: 0 auto; position: relative; }
		#video-player { width: 435px; height: 245px; position: absolute; top: 150px; left: 27px }
		#video-list { position: absolute; left: 530px; top: 130px; width: 226px }
		#video-list h2 { color: white; margin: 0; padding: 0 0 3px 0;  border-bottom: 1px solid white }
		#video-list ul { }
		#video-list li { margin-top: 5px }
		#video-list .image { float: left; width: 110px; height: 70px; background-position: top left; background-repeat: no-repeat; }
		#video-list .title { float: left; margin-left: 5px; width: 100px; color: white; font-weight: bold; }
	
	#gallery { float: left; width: 594px; height: 439px; background: url(../images/gallery-bg.gif); position: relative; }
		#gallery #main-image { position: absolute; left: 17px; top: 16px; width: 430px; height: 360px; background-repeat: no-repeat; background-position: 50% 50%; }
		#gallery #caption { position: absolute; left: 17px; top: 380px; width: 430px; font-size: 90%; text-align: left; }
		#gallery .prev { position: absolute; top: 416px; left: 25px; }
		#gallery .next { position: absolute; top: 416px; left: 360px; }
		#gallery #image-list { position: absolute; left: 466px; top: 28px; width: 120px; height: 371px; }
			#gallery #image-list a { height: 16px } 
			#gallery #image-list .up { position: absolute; top: 0; left: 0; width: 120px; background: url(../images/btn-up.gif) no-repeat top center; border-bottom: 1px solid #242424; }
			#gallery #image-list .down { position: absolute; bottom: 0; left: 0; width: 120px; background: url(../images/btn-down.gif) no-repeat bottom center; border-top: 1px solid #242424; }
			#gallery #image-list .scrollable { position: absolute; left: 0; width: 120px; top: 23px; height: 325px; overflow: hidden; }
				#gallery #image-list .scrollable img { display: block; margin: 0 0 10px 0; }
				
	#prices { float: left; width: 200px; }
	#opening-hours { margin-left: 230px; }
	
	#contact-details { float: left; width: 300px; }
 	#travel-information { margin-left: 330px; }
	
	#tabs { margin: 20px 0; }
		#tabs a { float: left; display: block; background-color: #1862B5; color: white; font-weight: bold; font-size: 90%; padding: 0.5em; margin: 0 1em 0 0; }
			#tabs a.selected { background-color: #5AA600; }
			#tabs a:hover { text-decoration: none; }
	
	#news {}
		#news li { padding: 0 0 0.7em 0; }
		#news h2 { font-size: 120%; cursor: pointer; cursor: hand; }
		#news h2 .date { color: white; }
		#news p { margin: 0; }
	
	#map-outer { padding: 0 20px 0 20px; background-color: black; }
	#map { height: 240px; }
	
	#booking-details { float: left; width: 180px; }
	#booking-form { margin-left: 210px; }
	
	#footer { height: 130px; margin-top: -130px; background: url(../images/footer.gif) repeat-x bottom left; position: relative; }
	  #footer #jam-hot { color: white; position: absolute; font-size: 11px; left: 56px; top: 77px; }