/*
-----------------------------------------------
WaterWars West Main Styles
author:   lewis technology
version:  august 05 2005
----------------------------------------------- */

* { margin: 0; padding: 0; }
body { background: #082E59 url(../img/bg.jpg) repeat-x center; color:#fff;
		text-align: center; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }


/* Formatting
------------------------------*/
#mainCol { font-family:"Lucida Grande", Verdana, Sans-serif; }

h1,h2,h3 { color:#2B4766; }

h1 { font-size:180%; margin:0 0 .25em 0; font-weight:bold; }
h2 { font-size:160%; margin:0 0 .25em 0 }
h3 { font-size:150%; }
h4 { font-size:130%; font-weight:bold; }
h5 { font-size:110%; font-weight:bold; text-transform:uppercase; }

p { font-size: 130%; line-height: 140%; margin-bottom: .5em; }


/* Branding
------------------------------*/
#logo { margin: 3px 0 0 10px; width: 177px; height: 95px; text-indent: -9999px; overflow: hidden;
	background: url(../img/logoPhone.gif) no-repeat; cursor:hand; }


/* Page Structure
------------------------------*/
#wrap { margin: 40px auto 10px auto; padding: 5px; width: 742px; position:relative;
  text-align: left; background:url(../img/bgWrap.gif) no-repeat; color:#082E59; }
  /* Clear Floats: http://www.positioniseverything.net/easyclearing.html */
  #wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
  /* Hides from IE-mac \*/ * html #wrap {height: 1%;} #wrap {display: block;}/* End hide from IE-mac */
#wrapBtm { width:752px; height:12px; position: absolute; bottom:-10px; left:0;
	background:url(../img/bgWrapBtm.gif) no-repeat; }


/* Banner
------------------------------*/
#bnr { padding:2px 4px 0 4px; width:515px; height:167px; background:url(../img/bgBnrFrm.gif); }
 #bnr h2 { width:514px; height:161px; text-indent:-9999px; overflow:hidden; background:url(../img/bnr.jpg); }
 
 
/* Primary Navigation
------------------------------*/
#mainNav { width: 523px; height: 29px; list-style: none; background:url(../img/bgNav.gif) no-repeat; }
#mainNav li { margin: 3px 0 0 0; float:left; display: block; }
	/*#mainNav li, #mainNav a { height: 20px; display: block; }*/
	
#mainNav a { padding:5px 15px; display:block; border:solid #E0EEF6; border-width:0 1px 0 0; color:#4F62C5;
  text-decoration:none; white-space:nowrap; }
  /* Following rule allows entire region of link to to be clickable in IE/Win. Holly Hack explained here:
  http://www.positioniseverything.net/explorer/escape-floats.html */
  * html #mainNav a { width:1%; }
#mainNav a:hover { color:#082E59; }


/* Content Columns
------------------------------*/
#mainCol { width:523px; float:right;  }
#sideCol { position:relative; top:-28px;  float:left; }

#content { padding:3px 0 0 0;}
  /* Clear Floats: http://www.positioniseverything.net/easyclearing.html */
  #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
  /* Hides from IE-mac \*/ * html #content {height: 1%;} #content {display: block;}/* End hide from IE-mac */
#content #col { padding:10px; width:268px; float:left; position:relative; background:url(../img/bgColTop.gif); }
  *> #content #col { padding-top: 268px; }
  *> #content #col .in { margin-top: -268px; position:relative; z-index:5; }
  /* IE5/Mac backslash filter \*/ * html #content #col { height: 200px; }
  
  #colBtm { width:288px; height:101px; position:absolute; bottom:0; left:0; background:url(../img/bgColBtm.gif); z-index:4; }
  * html #colBtm { background: transparent; }
#content #xCol { width:235px; float:right; }


/* Boxes
------------------------------*/
#pop { padding: 0 5px 5px 5px; width:207px; height:393px;
  background:url(../img/bgCol.gif) no-repeat; }

.box { padding:5px; width:225px; height:124px; background:url(../img/bgBox.gif); }
  .box .in { width:224px; height:122px; }
 
 
/* Promotions
------------------------------*/
#promoVid   { width:217px; height:95px; display:block; text-indent:-9999px; overflow:hidden;
  background-image:url(../img/watchvideo.gif); }
#promoPhoto { width:224px; height:122px; display:block; text-indent:-9999px; overflow:hidden;
  background-image:url(../img/popPhotos.jpg); }
#promoBiz   { width:224px; height:122px; display:block; text-indent:-9999px; overflow:hidden;
  background-image:url(../img/popBusiness.gif); }
  

/* Titles
------------------------------*/
.ttl { text-indent:-9999px; overflow:hidden; }
  #col .ttl {  margin: 8px auto 5px auto; height:34px; background-repeat:no-repeat; }
h2#XtrmGame   { width:237px; background-image:url(../img/ttlExtGame.gif); }
h2#WhatIsGame { width:242px; background-image:url(../img/ttlWhatIsGame.gif); }
h2#Experience { width:214px; background-image:url(../img/ttlExperience.gif); }
h2#GetInTouch { width:159px; background-image:url(../img/ttlGetInTouch.gif); }
	h2#Links    { width:131px; background-image:url(../img/ttlLinks.gif); margin-left:5px; height:18px; }


/* Calendar
------------------------------*/
dl.calendar dt { margin:0 0 2px 0; font-size:110%; color:#2B4766;}
dl.calendar dd { margin:0 0 8px 0; }

/* Photo Gallery
------------------------------*/
.photos img { margin:0 0 10px 0; padding:3px; background:#fff; border:1px solid #E2E2E2; }

/* Links List
------------------------------*/
ul.links { margin:0 10px; list-style:none; }
ul.links li { line-height:150%; }
ul.links a { color:#2B4766; }
ul.links a:hover { font-weight:bold; }

/* Contact Form
------------------------------*/
form.booking { width:523px; font-size:100%; }

form.booking fieldset { padding: 10px; font-size: 100%; border: 1px solid #000; border-width: 1px 0px 0px 0px; }
form.booking fieldset legend { padding:0px 5px; font-size:150%; font-weight:normal; color:#000; }
label { font-size:100%; }

input, select, textarea { font-family: Tahoma, Arial, sans-serif; font-size: 100%; }

form.booking div { margin: 5px 0px 0px 0px; padding: 1px 3px; width: 310px; clear: left; display: block; }

form.booking fieldset div.notes { margin: 0px 0px 10px 10px; padding: 5px; float: right; width: 160px; height: auto;
  border: 1px solid #666; background:#ffecbd; color:#666; font-size: 88%; }
form.booking fieldset div.notes h3 { padding:3px 0; border:1px solid #666; border-width:0px 0px 1px 0px; color:#666; font-size:120%; }
form.booking fieldset div.notes p { margin:0em 0em 1.2em 0em; color: #666; }
	form.booking fieldset div.notes p.last { margin: 0em; }

form.booking div fieldset { margin: 0 auto 0 110px; padding:0 5px 5px 5px; width: 150px; clear: none; border:1px solid #666; }
form.booking div fieldset legend { padding:0 3px; font-size:100%; }
	form.booking div.required fieldset legend { font-weight: bold; }

form.booking div label { margin:0 0 5px 0; padding: 3px 5px; display: block; width: 110px; float: left; text-align: right; }
	form.booking div.optional label, label.optional { font-weight: normal; }
	form.booking div.required label, label.required { font-weight: bold; }
	form.booking div.wide label, label.wide { margin:0 0 0 115px; width:180px; float:none; text-align:left; }

form.booking div fieldset label.labelCheckbox, form.booking div fieldset label.labelRadio { margin: 0px 0px 5px 0px; width:60px; }

form.booking div.submit div input.inputSubmit, form.booking div.submit div input.inputButton { margin: 0px 0px 0px 5px; float: right; }

form.booking div input.inputText, form.booking div input.inputPassword, form.booking div input.inputFile, form.booking div select,
	form.booking div textarea { width:180px; }
form.booking div.wide input.inputText, form.booking div.wide input.inputPassword, form.booking div.wide input.inputFile,
		form.booking div.wide select, form.booking div textarea { margin:0 0 0 115px; }

form.booking div small { margin:0px 0px 5px 142px; padding:1px 3px; display:block; font-size:88%; height:expression('1%'); }