html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #ede8ef;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width:440px;
}

.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 880px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display:inline;
	float: left;
	position: relative;
/*	margin-left: 10px;
	margin-right: 10px;
    border:1px solid #666;*/
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 16 Columns
-------------------------------------------*/

.container_16 .grid_1 {width:40px;}
.container_16 .grid_2 {width:100px;}
.container_16 .grid_3 {width:160px;}
.container_16 .grid_4 {width:220px;}
.container_16 .grid_5 {width:280px;}
.container_16 .grid_6 {width:320px;}
.container_16 .grid_7 {width:400px;}
.container_16 .grid_8 {width:460px;}
.container_16 .grid_9 {width:520px;}
.container_16 .grid_10 {width:580px;}
.container_16 .grid_11 {width:640px;}
.container_16 .grid_12 {width:700px;}
.container_16 .grid_13 {width:760px;}
.container_16 .grid_14 {width:820px;}
.container_16 .grid_15 {width:880px;}
.container_16 .grid_16 {width:940px;}


/* Prefix Extra Space >> 16 Columns
-------------------------------------------*/

.container_16 .prefix_1 {padding-left:60px;}
.container_16 .prefix_2 {padding-left:120px;}
.container_16 .prefix_3 {padding-left:180px;}
.container_16 .prefix_4 {padding-left:240px;}
.container_16 .prefix_5 {padding-left:300px;}
.container_16 .prefix_6 {padding-left:360px;}
.container_16 .prefix_7 {padding-left:420px;}
.container_16 .prefix_8 {padding-left:480px;}
.container_16 .prefix_9 {padding-left:540px;}
.container_16 .prefix_10 {padding-left:600px;}
.container_16 .prefix_11 {padding-left:660px;}
.container_16 .prefix_12 {padding-left:720px;}
.container_16 .prefix_13 {padding-left:780px;}
.container_16 .prefix_14 {padding-left:840px;}
.container_16 .prefix_15 {padding-left:900px;}


/* Suffix Extra Space >> 16 Columns
-------------------------------------------*/

.container_16 .suffix_1 {padding-right:60px;}
.container_16 .suffix_2 {padding-right:120px;}
.container_16 .suffix_3 {padding-right:180px;}
.container_16 .suffix_4 {padding-right:240px;}
.container_16 .suffix_5 {padding-right:300px;}
.container_16 .suffix_6 {padding-right:360px;}
.container_16 .suffix_7 {padding-right:420px;}
.container_16 .suffix_8 {padding-right:480px;}
.container_16 .suffix_9 {padding-right:540px;}
.container_16 .suffix_10 {padding-right:600px;}
.container_16 .suffix_11 {padding-right:660px;}
.container_16 .suffix_12 {padding-right:720px;}
.container_16 .suffix_13 {padding-right:780px;}
.container_16 .suffix_14 {padding-right:840px;}
.container_16 .suffix_15 {padding-right:900px;}



/* Push Space >> 16 Columns
-------------------------------------------*/

.container_16 .push_1 {left:60px;}
.container_16 .push_2 {left:120px;}
.container_16 .push_3 {left:180px;}
.container_16 .push_4 {left:240px;}
.container_16 .push_5 {left:300px;}
.container_16 .push_6 {left:360px;}
.container_16 .push_7 {left:420px;}
.container_16 .push_8 {left:480px;}
.container_16 .push_9 {left:540px;}
.container_16 .push_10 {left:600px;}
.container_16 .push_11 {left:660px;}
.container_16 .push_12 {left:720px;}
.container_16 .push_13 {left:780px;}
.container_16 .push_14 {left:840px;}
.container_16 .push_15 {left:900px;}


/* Pull Space >> 16 Columns
-------------------------------------------*/

.container_16 .pull_1 {left:-60px;}
.container_16 .pull_2 {left:-120px;}
.container_16 .pull_3 {left:-180px;}
.container_16 .pull_4 {left:-240px;}
.container_16 .pull_5 {left:-300px;}
.container_16 .pull_6 {left:-360px;}
.container_16 .pull_7 {left:-420px;}
.container_16 .pull_8 {left:-480px;}
.container_16 .pull_9 {left:-540px;}
.container_16 .pull_10 {left:-600px;}
.container_16 .pull_11 {left:-660px;}
.container_16 .pull_12 {left:-720px;}
.container_16 .pull_13 {left:-780px;}
.container_16 .pull_14 {left:-840px;}
.container_16 .pull_15 {left:-900px;}


/* Clear Floated Elements
-------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
    }

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
    }

.clearfix {
	display: inline-block;
    }

* html .clearfix {
	height: 1%;
    }

.clearfix {
	display: block;
    }





/* Layout
-------------------------------------------*/


body  {
    background: #b7bcc2;
    font-family:  Arial, Helvetica, sans-serif;
    line-height:  1.5em;
    font-size:  62.5%;
    }

.container {
    display:block;
    height:105px;
    width:100%;
    }

strong  {
    font-weight:  bold;
    }

/* masthead and banner formatting
-------------------------------------------*/
#masthead {
    position: relative;
    height: 75px;
    width:874px;
    padding:  0px;
    }

#masthead .logo  {
      float:right;
      margin-top:25px;
    }



/* main stage formatting
-------------------------------------------*/
#stage  {
    background: #b7bcc2 url('../images/site/stage.png') bottom center no-repeat;
    float:  left;
    color:  #000000;
    height: 541px;
    width:874px;
    }

#video  {
    background: #b7bcc2 url('../images/site/stage-video.png') bottom center no-repeat;
    float:  left;
    color:  #000000;
    height: 541px;
    width:874px;
    display:block;
    }



#content  {
    z-index:  9;
    margin-top: 0px;
    margin-left:  535px;
    padding-bottom: 0px;
    text-align:center;
    font-size:1.3em;
    line-height:1.6em;
    color:#ffffff;
    }

#content h2  {
    font-size:  1.8em;
    margin:15px 0;
    }

#content p  {
    margin:15px 0;
    }

#content a  {
    color:#ffffff;
    font-weight:bold;
    text-decoration: none;
    border-bottom:dotted 1px #ffffff;
    }

#content a:hover  {
    color:#000000;
    text-decoration: none;
    border-bottom:dotted 1px #000000;
    }

#content .links  {
    margin:10px 0;
    }



/* Landing page (1.0)
-------------------------------------------*/

.landing_stage  {

    }

.landing  {
    margin-top:65px;
    text-align:left;
    }

.landing form {
    margin-top:20px;
    }

.landing .input {
    width:220px;
    padding:5px;
    margin-top:2px;
    }




/* Terms & Conditions (2.1 / 2.2 / 2.3 / 2.4 / 2.5 )
---------------------------------------------------*/

.tandc_stage  {

    }

.tandc  {
    margin-top:65px;
    text-align:left;
    }

.tandc form {
    margin-top:10px;
    }

.checkbox {
    border:none;
    border: 0px solid #882388;
    width:33px;
    height:33px;
    padding:0;
    }







/* Details page (3.0)
-------------------------------------------*/

.details_stage  {

    }

.details  {
    margin-top:65px;
    text-align:left;
    }

.details form {
    margin-top:0px;
    }

.details form p {
    margin:5px 0 !important;
    }

.details label {
    width:120px;
    float:left;
    text-align:right;
    }


.details .input {
    width:185px;
    padding:3px;
    margin:0px 0 0 5px;
    right:100px;
    }


.details .marketing {
    width:300px !important;
    font-size:.9em;
    padding-bottom:5px;
    }



/* Confirmation (4.1 / 4.2 / 4.3 / 4.4 )
-------------------------------------------*/

.confirmation_stage  {

    }

.confirmation  {
    margin-top:65px;
    text-align:left;
    }

.confirmation  p {
    margin-bottom:10px;
    }








/* General form formatting
-------------------------------------------*/

input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    border: 1px solid #666666;
    background: #fff;
    }

.button  {
    border:none;
    display: block;
    float:right;
    margin-right:0px;
    }

/*Terms & Conditions (2.x) specific*/
.checkbox {
    float: left;
    }

/*Details (3.0) specific*/
.details .botton  {
    margin:5px 20px 0 0;
    }




/* Terms and Conditions formatting
-------------------------------------------*/

.terms {
    margin:25px;
    text-align: left;
    }


.terms h3 {
    color:#ffffff;
    text-transform:uppercase;
    font-size:2em;
    margin-bottom:10px;
    }

.terms p {
    font-size:1.2em;
    line-height:1.5em;
    margin-bottom:15px;
    }

.terms a {
    color:#ffffff;
    text-transform:uppercase;
    font-size:2em;
    }




/* Terms and Conditions formatting
-------------------------------------------*/

#video a  { color:#000 !important; text-decoration:none; }

#video h2 { text-transform:uppercase; font-size:2em; font-weight:bold; text-align:center; }

#video strong { color:#fff !important; }


#stage  .video .landing {/*display:none;*/   float:left; margin-top:460px; margin-left:300px; }

#stage .video .exit  {  /*display:none;*/ margin:40px 0 0 30px; }

#stage .video a { text-transform:uppercase; font-size:1.6em; font-weight:bold;  color:#fff !important; text-decoration:none; border:none; }

#stage .video a:hover {  color:#000 !important; text-decoration:none;  }


/*Footer styles*/

#footer {
    clear:both;
    display:block;
    text-align: right;
/*    text-transform:uppercase;*/
    font-size:11px;
    color:  #666;
    height:50px;
    }

#footer ul  {
    padding: 0px 5px;
  float:right;
    }

#footer li  {
	list-style: none;
    float:left;
    padding: 1px;

    }

#footer a  {
    color:  #000000;
    font-weight:  normal;
    text-decoration:none;
    }

#footer a:hover  {
      color:  #ffffff;
    text-decoration:none;
    }



#errors {
      color: black;
      font-size: 13px;
      font-weight: bold;
      line-height:1.5em;
      margin:0 0 20px 20px;
    }

form span.error {
  color: red;
  font-weight: bold;
  margin-left: 125px;
}

form p {
  position: relative;
  z-index: 100;
}

form span.inline-error {
  background-color: white;
  border: 1px solid #666666;
  height: 14px;
  left: 125px;
  margin: 0;
  overflow: hidden;
  padding: 3px;
  position: absolute;
  width: 185px;

  z-index: -100;
}

form input.inline-error {
  background-color: transparent;
  height: 14px;
  z-index: 200;
}