/*-----------------------------------------------------------*/
/* Project				: 	Prometheus // Weyland Industries
/* Author					:		Ignition Interactive
/* Last Modified	: 	2012-03-04
/*-----------------------------------------------------------*/

/* HTML 5 Boilerplate resets --------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font: 400 14px/16px 'arial', sans-serif; color: #fff; background: #d7d8dc; }
html, body { width: 100%; height: 100%; }
::-moz-selection { background: #307daa; color: #9cdbff; text-shadow: none; }
::selection { background: #307daa; color: #9cdbff; text-shadow: none; }
a, a:visited { color: #fff; }
a:hover { color: #fff; text-decoration: line-through; }
a:focus { outline: 0; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/*-----------------------------------------------------------*/

/* loading --------------------------------------------------*/
#loading {
	width: 100%;
	height: 100%;
	position: absolute;
		top: 0;
		left: 0;
	z-index: 900;
	background: #e6e9e9;
}
#loading .grid {
	width: 100%;
	height: 100%;
	position: absolute;
		top: 0;
		left: 0;
	z-index: 901;
	background: url('../img/wc_bg-grid.png') center 0;
}
#loading .grid #loadingGraphic {
	width: 159px;
	height: 161px;
	margin: 100px auto 0;
	z-index: 902;
	background: url('../img/wc_loading.gif');
}
/*-----------------------------------------------------------*/

/* site styles ----------------------------------------------*/
#videoBG {
	width: 100%;
	height: 100%;
	position: absolute;
		top: 0;
		left: 0;
	z-index: 4;
	display: none;
	overflow: hidden;
}
#repeatableBG {
	width: 100%;
	height: 100%;
	position: absolute;
		top: 0;
		left: 0;
	z-index: 5;
}
.bgDots { background: url('../img/wc_bg-dots.png') center 0; }
.bgGrid { background: url('../img/wc_bg-grid.png') center 0; }
#preloadFirst, #preloadSecond { display: none; overflow: hidden; position: relative; }
#preloadFirst img, #preloadSecond img { position: absolute; top: 9999px; left: 9999px; }
/*-----------------------------------------------------------*/

/* header ---------------------------------------------------*/
header.top {
	width: 100%;
	height: 58px;
	position: fixed;
		top: 0;
		left: 0;
	z-index: 110;
	display: none;
}
header.main { background: url('../img/wc_bg-white.png'); }
header.other { background: url('../img/wc_bg-greydark.png'); }
header.top .logo {
	width: 154px;
	height: 85px;
	position: fixed;
		top: -100px;
		left: 32px;
	background: url('../img/wc_sprite.gif') 0 0 no-repeat;
	cursor: pointer;
}
header.top .logo:hover, header.top .logoActive { background-position: 0 -85px; }
header.top #linkRegister {
	width: 203px;
	height: 11px;
	padding: 7px 0 5px 0;
	position: fixed;
		top: 17px;
		right: -300px;
	font: 400 11px/11px 'proxima-nova', sans-serif;
	letter-spacing: 1px;
	text-shadow: 0 -1px #57707e;
	text-align: center;
	text-decoration: none;
	color: #d1d5d6;
	background: url('../img/wc_bg-blue.png');
}
header.top #linkRegister:hover { 	background: url('../img/wc_bg-greydark.png'); }
header.top nav {
	position: absolute;
		top: 87px;
		left: 32px;
	z-index: 120;
}
header.top nav ul#navList {
	width: 680px;
	height: 380px;
	display: none;
	z-index: 121;
}
header.top nav ul#navList li.link {
	width: 170px;
	height: 190px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	display: block;
	position: relative;
	font: 700 13px/17px 'proxima-nova', sans-serif;	
	letter-spacing: 1px;
	color: #d1d5d6;
	display: block;
	z-index: 125;
}
header.top nav ul#navList li.link .linkInside {
	width: 170px;
	height: 190px;
	display: block;
	color: #d1d5d6;
	text-decoration: none;
/*	background: url('../img/wc_header-nav.png') no-repeat; */
	background: url('../img/wc_bg-navtile.png');
	z-index: 130;
}
header.top nav ul#navList li.link .linkInside:hover, header.top nav ul#navList li.linkCurr .linkInside {
	color: #282a2a;
	text-shadow: 0 1px #fff;
	text-decoration: none;
}
header.top nav ul#navList li.link .linkInside .linkTitle {
	position: absolute;
		bottom: 18px;
		left: 18px;
}
header.top nav ul#navList li.link .linkInside .linkLocked {
	width: 40px;
	height: 40px;
	position: absolute;
		top: 0;
		right: 0;
	background: url('../img/wc_header-nav-icons.png') 0 0 no-repeat;
}
header.top nav ul#navList li.link .linkInside .currFlag {
	width: 40px;
	height: 40px;
	position: absolute;
		top: 0;
		right: 0;
	color: #282a2a;
	background: url('../img/wc_header-nav-icons.png') -40px 0 no-repeat;
	display: block;
}
header.top nav ul#navList li.linkCurr .linkInside .currFlag { display: block; }

/* new nav rollover stuff */
header.top nav ul#navList li.link #link1 {
	width: 169px;
	height: 189px;
	border-right: 1px solid #1f282b;
	border-bottom: 1px solid #3c4a4f;
}
header.top nav ul#navList li.link #link1:hover, header.top nav ul#navList li.linkCurr #link1 {
	width: 170px;
	height: 190px;
	border: none;
	background: url('../img/wc_bg-navtile-over.png');
}
header.top nav ul#navList li.link #link2 {
	width: 168px;
	height: 189px;
	border-right: 1px solid #1f282b;
	border-bottom: 1px solid #3c4a4f;
	border-left: 1px solid #3c4a4f;
}
header.top nav ul#navList li.link #link2:hover, header.top nav ul#navList li.linkCurr #link2 {
	width: 170px;
	height: 190px;
	border: none;
	background: url('../img/wc_bg-navtile-over.png');
}
header.top nav ul#navList li.link #link3 {
	width: 168px;
	height: 189px;
	border-right: 1px solid #1f282b;
	border-bottom: 1px solid #3c4a4f;
	border-left: 1px solid #3c4a4f;
}
header.top nav ul#navList li.link #link3:hover, header.top nav ul#navList li.linkCurr #link3 {
	width: 170px;
	height: 190px;
	border: none;
	background: url('../img/wc_bg-navtile-over.png');
}
header.top nav ul#navList li.link #link4 {
	width: 169px;
	height: 189px;
	border-bottom: 1px solid #3c4a4f;
	border-left: 1px solid #3c4a4f;
}
header.top nav ul#navList li.link #link4:hover, header.top nav ul#navList li.linkCurr #link4 {
	width: 170px;
	height: 190px;
	border: none;
	background: url('../img/wc_bg-navtile-over.png');
}
header.top nav ul#navList li.link #link5 {
	width: 169px;
	height: 189px;
	border-top: 1px solid #1f282b;
	border-right: 1px solid #1f282b;
}
header.top nav ul#navList li.link #link5:hover, header.top nav ul#navList li.linkCurr #link5 {
	width: 170px;
	height: 190px;
	border: none;
	background: url('../img/wc_bg-navtile-over.png');
}
header.top nav ul#navList li.link #link6 {
	width: 168px;
	height: 189px;
	border-top: 1px solid #1f282b;
	border-right: 1px solid #1f282b;
	border-left: 1px solid #3c4a4f;
}
header.top nav ul#navList li.link #link6:hover, header.top nav ul#navList li.linkCurr #link6 {
	width: 170px;
	height: 190px;
	background: url('../img/wc_bg-navtile-over.png');
}
header.top nav ul#navList li.link #link7 {
	width: 168px;
	height: 189px;
	border-top: 1px solid #1f282b;
	border-right: 1px solid #1f282b;
	border-left: 1px solid #3c4a4f;
}
header.top nav ul#navList li.link #link7:hover, header.top nav ul#navList li.linkCurr #link7 {
	width: 170px;
	height: 190px;
	border: none;
	background: url('../img/wc_bg-navtile-over.png');
}
header.top nav ul#navList li.link #link8 {
	width: 169px;
	height: 189px;
	border-top: 1px solid #1f282b;
	border-left: 1px solid #3c4a4f;
}
header.top nav ul#navList li.link #link8:hover, header.top nav ul#navList li.linkCurr #link8 {

}

/* old nav rollover stuff */
/*
header.top nav ul#navList li.link #link1 { background-position: 0 0; }
header.top nav ul#navList li.link a#link1:hover, header.top nav ul#navList li.linkCurr a#link1 { background-position: 0 -380px; }

header.top nav ul#navList li.link #link2 { background-position: -170px 0; }
header.top nav ul#navList li.link a#link2:hover, header.top nav ul#navList li.linkCurr a#link2 { background-position: -170px -380px; }

header.top nav ul#navList li.link #link3 { background-position: -340px 0; }
header.top nav ul#navList li.link a#link3:hover, header.top nav ul#navList li.linkCurr a#link3 { background-position: -340px -380px; }

header.top nav ul#navList li.link #link4 { background-position: -510px 0; }
header.top nav ul#navList li.link a#link4:hover, header.top nav ul#navList li.linkCurr a#link4 { background-position: -510px -380px; }

header.top nav ul#navList li.link #link5 { background-position: 0 -190px; }
header.top nav ul#navList li.link a#link5:hover, header.top nav ul#navList li.linkCurr #link5 { background-position: 0 -570px; }

header.top nav ul#navList li.link #link6 { background-position: -170px -190px; }
header.top nav ul#navList li.link a#link6:hover, header.top nav ul#navList li.linkCurr #link6 { background-position: -170px -570px; }

header.top nav ul#navList li.link #link7 { background-position: -340px -190px; }
header.top nav ul#navList li.link a#link7:hover, header.top nav ul#navList li.linkCurr #link7 { background-position: -340px -570px; }

header.top nav ul#navList li.link #link8 { background-position: -510px -190px; }
header.top nav ul#navList li.link a#link8:hover, header.top nav ul#navList li.linkCurr #link8 { background-position: -510px -570px; }
*/
/*-----------------------------------------------------------*/


/* container ------------------------------------------------*/
#container {
	width: 100%;
	position: relative;
	display: none;
	z-index: 105;
}
/*-----------------------------------------------------------*/

/* main -----------------------------------------------------*/
#page_main {
	width: 666px;
	height: 563px;
	position: absolute;
		bottom: 89px;
		left: 43px;
}
#page_main .text {
	position: absolute;
		top: 0;
		left: 0;
	font: 400 35px/45px 'proxima-nova', sans-serif;
	letter-spacing: 2px;
	color: #c5cacb;
}
#page_main .linkBox {
	width: 321px;
	height: 435px;
	disply: block;
	text-decoration: none;
	position: absolute;
	-moz-box-shadow: 0 0 1px #333;
	-webkit-box-shadow: 0 0 1px #333;
  box-shadow: 0 0 1px #333;
	background: url('../img/wc_bg-white.png');
}
#page_main .linkBox header {
	height: 10px;
	padding: 15px;
	font: 400 10px/10px 'proxima-nova', sans-serif;
	letter-spacing: 2px;
	text-shadow: 0 -1px #57707e;
	text-decoration: none;
	color: #d1d5d6;
	background: url('../img/wc_bg-greydark.png');
}
#page_main .linkBox section .content {
	height: 124px;
	padding: 24px;
	color: #282a2a;
}
#page_main .linkBox section .content h3 {
	margin: 0 0 12px 0;
	padding: 0;
	font: 700 17px/17px 'proxima-nova', sans-serif;
	letter-spacing: 1px;
	text-shadow: 0 1px 0 #e1e5e1;
}
#page_main .linkBox section .content p {
	margin: 0;
	padding: 0;
	font: 400 14px/18px 'proxima-nova', sans-serif;
	text-shadow: 0 1px 0 #e1e5e1;
}
#page_main .linkBox footer {
	height: 44px;
	font: 400 12px/12px 'proxima-nova', sans-serif;
	letter-spacing: 1px;
	text-shadow: 0 -1px #57707e;
	color: #d1d5d6;	
	background: url('../img/wc_bg-blue.png');
}
#page_main .linkBox footer #watchVideo {
	height: 12px;
	padding: 16px 24px;
	display: block;
	text-decoration: none;
	color: #d1d5d6;
	background: url('../img/wc_sprite.gif') 0 -170px no-repeat;
}
#page_main .linkBox:hover footer #watchVideo { background-position: 0 -214px; }
#page_main .comingSoon footer {
	height: 12px;
	padding: 16px 24px;
	background: url('../img/wc_bg-greylight.png');
}
#page_main #linkWatchVideo { left: 0; bottom: 0;	}
#page_main #linkAboutVideo { left: 345px; bottom: 0; }
/*-----------------------------------------------------------*/

/* pictures -----------------------------------------------------*/
#page_pictures {
	width: 666px;
	height: 563px;
	position: absolute;
		bottom: 89px;
		left: 43px;
}
#page_pictures .text {
	position: absolute;
		top: 0;
		left: 0;
	font: 400 35px/45px 'proxima-nova', sans-serif;
	letter-spacing: 2px;
	color: #c5cacb;
}
#page_pictures .linkBox {
	width: 321px;
	height: 435px;
	disply: block;
	text-decoration: none;
	position: absolute;
	-moz-box-shadow: 0 0 1px #333;
	-webkit-box-shadow: 0 0 1px #333;
  box-shadow: 0 0 1px #333;
	background: url('../img/wc_bg-white.png');
}
#page_pictures .linkBox header {
	height: 10px;
	padding: 15px;
	font: 400 10px/10px 'proxima-nova', sans-serif;
	letter-spacing: 2px;
	text-shadow: 0 -1px #57707e;
	text-decoration: none;
	color: #d1d5d6;
	background: url('../img/wc_bg-greydark.png');
}
#page_pictures .linkBox section .content {
	height: 124px;
	padding: 24px;
	color: #282a2a;
}
#page_pictures .linkBox section .content h3 {
	margin: 0 0 12px 0;
	padding: 0;
	font: 700 17px/17px 'proxima-nova', sans-serif;
	letter-spacing: 1px;
	text-shadow: 0 1px 0 #e1e5e1;
}
#page_pictures .linkBox section .content p {
	margin: 0;
	padding: 0;
	font: 400 14px/18px 'proxima-nova', sans-serif;
	text-shadow: 0 1px 0 #e1e5e1;
}
#page_pictures .linkBox footer {
	height: 44px;
	font: 400 12px/12px 'proxima-nova', sans-serif;
	letter-spacing: 1px;
	text-shadow: 0 -1px #57707e;
	color: #d1d5d6;	
	background: url('../img/wc_bg-blue.png');
}
#page_pictures .linkBox footer #watchVideo {
	height: 12px;
	padding: 16px 24px;
	display: block;
	text-decoration: none;
	color: #d1d5d6;
	background: url('../img/wc_sprite.gif') 0 -170px no-repeat;
}
#page_pictures .linkBox:hover footer #watchVideo { background-position: 0 -214px; }
#page_pictures .comingSoon footer {
	height: 12px;
	padding: 16px 24px;
	background: url('../img/wc_bg-greylight.png');
}
#page_pictures #linkLeft1 { left: 0; bottom: 0;	}
#page_pictures #linkLeft2 { left: 345px; bottom: 0; }
#page_pictures #linkLeft3 { left: 690px; bottom: 0; }
#page_pictures #linkLeft4 { left: 1035px; bottom: 0; }
#page_pictures #linkLeft5 { left: 1380px; bottom: 0; }
/*-----------------------------------------------------------*/

/* grid page ------------------------------------------------*/
.gridTwo {
	width: 100%;
	height: auto;
	position: absolute;
		top: 0;
		left: 0;
	z-index: 90;
	background: url('../img/wc_bg-grid.png') center 0;
	display: none;
}
.videoBG {
	width: 100%;
	height: 100%;
	position: absolute;		/* change this to fixed if we don't want the video following the scroll */
		top: 0;
		left: 0;
	z-index: 85;
	overflow: hidden;
}
.pageContent {
	width: 879px;
	margin: 0 auto;
	position: relative;
	color: #353a3b;
	background: #e6e8e8;
	z-index: 100;
}
.pageContent .contentTitle {
	position: absolute;
		top: -34px;
		left: 0;
	font: 400 19px/19px 'proxima-nova', sans-serif;
	letter-spacing: 1px;
	color: #282a2a;
}
.pageContent a.contentLinkHome, .pageContent a.contentLinkHome:hover {
	width: 102px;
	height: 11px;
	padding: 6px 19px 6px 0;
	padding-right: 19px;
	position: absolute;
		top: -38px;
		right: 0;
	display: block;
	font: 400 11px/11px 'proxima-nova', sans-serif;
	letter-spacing: 1px;
	text-shadow: 0 -1px #000;
	text-align: right;
	text-decoration: none;
	color: #d9dbdc;
	background: url('../img/wc_sprite.gif') 0 -258px no-repeat;
}
.pageContent a.contentLinkHome:hover { background-position: 0 -281px; }
.pageContent p { margin: 0; padding: 0; }
.pageContent .fontSize24 {
	font: 400 24px/32px 'proxima-nova', sans-serif;
	letter-spacing: 1px;
}
.pageContent .fontSize14 { font: 400 14px/18px 'proxima-nova', sans-serif; }
.pageContent .contentColumns { padding: 0 44px 44px 44px; }
.pageContent .contentColumns h3 {
	margin: 0 0 24px 0;
	padding: 0;
	font: 400 11px/11px 'proxima-nova', sans-serif;	
	letter-spacing: 1px;
}
.pageContent .column_1 {
	width: 566px;
	padding-right: 34px;
	border-right: 1px solid #cfcfd2;
	float: left;	
}
.pageContent .column_1 h4 {
	margin: 0 0 24px 0;
	font: 700 35px/45px 'proxima-nova', sans-serif;	
}
.pageContent .column_1 p {
	margin-bottom: 10px;
	font: 400 17px/25px 'proxima-nova', sans-serif;	
}
.pageContent .column_2 {
	width: 156px;
	padding-left: 34px;
	float: left;	
}
.pageContent .column_2 h4 {
	margin: 0 0 4px 0;
	font: 700 14px/14px 'proxima-nova', sans-serif;	
	letter-spacing: 1px;
}
.pageContent .column_2 p { margin: 0; padding: 0;}
.pageContent .column_2 ul.facts {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pageContent .column_2 ul.facts li.fact {
	margin: 0 0 16px 0;
	padding: 0;
}
.pageContent .column_2 ul.facts li.fact ul { margin: 0 0 0 20px; padding: 0; list-style: disc; }
.pageContent .column_2 ul.facts li.fact ul li { margin: 0 0 2px 0; }
.pageContent .contentPadding44 { padding: 44px; }
.pageContent .contentFooter {
	width: 859px;
	height: 11px;
	padding: 19px 0 20px 20px;
	position: absolute;
		bottom: -50px;
		left: 0;
	font: 400 11px/11px 'proxima-nova', sans-serif;
	letter-spacing: 1px;
	text-shadow: 0 -1px #000;
	color: #d1d5d6;
	background: url('../img/wc_bg-grey.png');
}
/*-----------------------------------------------------------*/

/* register page --------------------------------------------*/
#page_register { }
#page_register .pageContent {
	width: 879px;
	height: 399px;
	margin: 0 auto;
	position: relative;
	background: none;
}
#page_register .pageContent .step {
	width: 819px;
	height: 339px;
	padding: 30px;
	position: absolute;
	background: #e6e8e8;
}
#page_register #step1 { top: 0; left: 0; }
#page_register #step2 { top: -1099px; left: 0; display: none; }
#page_register #step3 { top: -1099px; left: 0; display: none; }

#page_register .pageContent .step .copy {
	font: 400 21px/26px 'proxima-nova', sans-serif;
	letter-spacing: 1px;
}
#page_register .pageContent .step .registerCopy {
	position: absolute;
		bottom: 88px;
		left: 30px;
	font: 400 11px/11px 'proxima-nova', sans-serif;
	letter-spacing: 1px;
}
#page_register .pageContent .step .noSocialAccount {
	position: absolute;
		bottom: -28px;
		left: 0;
	font: 400 12px/12px 'proxima-nova', sans-serif;
	text-shadow: 0 1px #e6e8e8;
}
#page_register .pageContent .step .noSocialAccount a, #page_register .pageContent .step .noSocialAccount a:hover {
	color: #353a3b;
	text-decoration: underline;
}
#page_register .pageContent .step .connectOptions {
	height: 37px;
	position: absolute;
		bottom: 30px;
		left: 30px;
}
#page_register .pageContent .step .connectOptions a {
	width: 264px;
	height: 37px;
	margin-right: 5px;
	float: left;
	display: block;
	text-decoration: none;
	background: url('../img/wc_bg-greydark.png');
}
#page_register .pageContent .step .connectOptions a:hover {
	text-decoration: none;
	background: url('../img/wc_bg-blue.png');
}
#page_register .pageContent .step .connectOptions a .connectCopy {
	width: 194px;
	height: 13px;
	padding: 12px 0 12px 70px;
	font: 700 13px/13px 'proxima-nova', sans-serif;
	letter-spacing: 1px;
	text-shadow: 0 -1px #000;
	color: #dde0e0;	
	background: url('../img/wc_sprite.gif') -156px -94px no-repeat;
}
#page_register .pageContent .step .connectOptions a .ccTwitter {
	width: 190px;
	padding-left: 74px;
	background-position: -156px -131px;
}

/* step 2 styles */
#page_register .pageContent #step2 { height: 419px; }
#page_register .pageContent #step2 .registerCopy { bottom: 292px; }
#page_register .pageContent #step2 .form {
	width: 819px;
	height: 255px;
	position: absolute;
		bottom: 30px;
		left: 30px;
}
#page_register .pageContent #step2 .form .formInput {
	width: 819px;
	height: 39px;
	margin-bottom: 6px;
}
#page_register .pageContent #step2 .form .formInput .inputTitle {
	height: 13px;
	padding: 13px 0;
	float: left;
	font: 700 13px/13px 'proxima-nova', sans-serif;
	letter-spacing: 1px;
	text-shadow: 0 -1px #000;
	text-align: center;
	color: #dee0e0;
	background: url('../img/wc_bg-greydark.png');
}
#page_register .pageContent #step2 .form .formInput .inputText {
	width: 600px;
	height: 17px;
	margin: 0;
	padding: 11px 13px;
	display: block;
	border: 0;
	font: 400 17px/17px 'proxima-nova', sans-serif;
	letter-spacing: 1px;
	background: url('../img/wc_bg-white.png');
}

#page_register .pageContent #step2 .form #inputFullName .inputTitle { width: 128px; }
#page_register .pageContent #step2 .form #inputFullName .inputText { width: 665px; }

#page_register .pageContent #step2 .form #inputEmail .inputTitle { width: 162px; }
#page_register .pageContent #step2 .form #inputEmail .inputText { width: 631px; }

#page_register .pageContent #step2 .form #inputDOB { width: 410px; margin-right: 6px; float: left; }
#page_register .pageContent #step2 .form #inputDOB .inputTitle { width: 157px; }
#page_register .pageContent #step2 .form #inputDOB .inputText { text-align: center; }
#page_register .pageContent #step2 .form #inputDOB #dobMonth { width: 49px; margin-right: 4px; float: left; }
#page_register .pageContent #step2 .form #inputDOB #dobDay { width: 49px; margin-right: 4px; float: left; }
#page_register .pageContent #step2 .form #inputDOB #dobYear { width: 69px; float: left; }

#page_register .pageContent #step2 .form #inputPassword { width: 403px; float: left; }
#page_register .pageContent #step2 .form #inputPassword .inputTitle { width: 128px; }
#page_register .pageContent #step2 .form #inputPassword .inputText { width: 249px; }

#page_register .pageContent #step2 .form .optIn {
	width: 819px;
	height: 13px;
	margin-bottom: 6px;
	padding: 13px 0;
	font: 700 13px/13px 'proxima-nova', sans-serif;
	text-transform: uppercase;
}
#page_register .pageContent #step2 .form .optIn label { padding-left: 4px; }

#page_register .pageContent #step2 .form .formSubmit {
	height: 13px;
	margin-top: 24px;
	padding: 13px 24px;
	display: inline-block;
	font: 700 13px/13px 'proxima-nova', sans-serif;
	letter-spacing: 1px;
	text-align: center;
	text-shadow: 0 -1px #000;
	text-decoration: none;
	color: #dee0e0;
	background: url('../img/wc_bg-blue.png');
}
#page_register .pageContent #step2 .form .formSubmit:hover {
	text-decoration: none;
	background: url('../img/wc_bg-greydark.png');
}
#page_register .pageContent #step2 .form .error-message {
	width: 555px;
	height: 13px;
	padding: 13px 24px;
	position: absolute;
		left: 210px;
		bottom: 13px;
	font: 700 13px/13px 'proxima-nova', sans-serif;
	color: #f10000;
}
#page_register .pageContent #step2 .noSocialAccount {
	position: absolute;
		bottom: -38px;
		left: 0;
}

/* step 3 styles */
#page_register .pageContent #step3 .registerCopy { bottom: 64px; }
#page_register .pageContent #step3 .tyCopy {
	position: absolute;
		left: 30px;
		bottom: 30px;
	font: 400 16px/16px 'proxima-nova', sans-serif;		
	text-shadow: 0 -1px #fff;
	color: #356a88;
}
/*-----------------------------------------------------------*/

/* about page -----------------------------------------------*/
#page_about { }
#page_about #twinkle {
	width: 1px;
	height: 1px;
	position: absolute;
		top: 361px;
		left: 174px;
	background: url('../img/findme.gif') no-repeat;
}
/*-----------------------------------------------------------*/

/* footer ---------------------------------------------------*/
footer.bottom {
	width: 100%;
	height: 46px;
	position: fixed;
		bottom: 0;
		left: 0;
	font: 400 10px/46px 'proxima-nova', sans-serif;
	letter-spacing: 1px;
	text-shadow: -1px -1px #000;
	color: #9aa1a4;
	background: url('../img/wc_bg-greydark.png');
	z-index: 110;
}
footer.bottom #copy { padding-left: 32px; }
footer.bottom #copy a {
	padding-left: 10px;
	text-decoration: underline;
	color: #9aa1a4;
}
footer.bottom #share, footer.bottom #shareActive {
	width: 55px;
	height: 46px;
	position: absolute;
		top: 0;
		right: 0;
	display: block;
	text-align: center;
	background: #36707f url('../img/wc_sprite.gif') -154px 0 no-repeat;
	z-index: 230;
	cursor: pointer;
}
footer.bottom #shareActive {
	background-position: -154px -46px;
	border-left: 1px solid #c3c2c2;
	z-index: 235;
	display: none;
}
footer.bottom #shareContainer {
	width: 268px;
	height: 96px;
	position: absolute;
		bottom: 46px;
		right: 0;
	background: #e7e9e9 url('../img/wc_sprite.gif') -121px -258px no-repeat;
	-moz-box-shadow: 0 0 1px #969696;
	-webkit-box-shadow: 0 0 1px #969696;
	box-shadow: 0 0 1px #969696;
	z-index: 100;
	display: none;
}
footer.bottom #shareContainer #shareOptions { }
footer.bottom #shareContainer #shareOptions .buttons {
	width: 268px;
	height: 96px;
	position: relative;
}
footer.bottom #shareContainer #shareOptions .button {
	position: absolute;
		top: 17px;
}
footer.bottom #shareContainer #shareOptions .twitter {
	width: 64px;
	height: 82px;
	left: 17px;
}
footer.bottom #shareContainer #shareOptions .facebook {
	width: 55px;
	height: 78px;
	left: 117px;
}
footer.bottom #shareContainer #shareOptions .googleplus {
	width: 50px;
	height: 80px;
	right: 17px;
}

/*-----------------------------------------------------------*/

/* iPad Time ------------------------------------------------*/
footer.iPadTime { position: relative; }

#ipad_overlay
{
	
	position: fixed;
	z-index: 5000;
	width: 100%;
	height: 100%;
	background: #000;
	text-align: center;
	display: none;
}

#ipad_overlay img
{
	margin-top: 0px;
}
/*-----------------------------------------------------------*/

/* handy styles ---------------------------------------------*/
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear { height: 0px; clear: both; line-height: 0; }
/*-----------------------------------------------------------*/

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}