html, body {
	height: 100%;
	padding:0;
	margin:0;
	font-size: 12px;
}
a, a:visited { color: #8876eb; text-decoration:none;}
a:hover, a:active { color: #4b3cbe; }

h1,h2,h3 {
	margin:0px;
}
body {
	background:url('assets/xbg.png');
	font-family: arial, Helvetica,  sans-serif;
	font-size:12px;
	color:#eee;
	text-align:left;
	direction:ltr;
	unicode-bidi:embed;
}
.site {
	background:url('assets/vbg.png');
	background-repeat: repeat-x;
}
.header {
	height:380px;
}
.content { text-align:center; padding:30px; min-height:200px; color: #000; font-size: 16px; text-shadow: 0px 1px 0px #777;  }
.content h2 { text-align:center; font-size: 20px; text-shadow: 0px 1px 0px #555; font-weight:normal; margin-bottom:15px; }

.prismic { padding-bottom:20px; }
.endpage {
	background:url('assets/vbg.png');
	background-repeat: repeat-x;
	padding:30px;
	color:#eee;
	position:relative;
	bottom:0px;
}

button.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #222;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#dce6fc 0%,
		#b275f3);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#dce6fc),
		to(#b275f3));
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border: 3px solid #d6d6d6;
	-moz-box-shadow:
		0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 4px 4px rgba(255,255,255,0.3);
	-webkit-box-shadow:
		0px 0px 3px rgba(000,000,000,0.5),
		inset 0px 4px 4px rgba(255,255,255,0.3);
	text-shadow:
		0px 1px 0px rgba(66,66,66,0.3),
		0px 1px 0px rgba(255,255,255,0)
}

button.css3button:hover {
	color: #ffffff;
	cursor:pointer;
}


/* Wrapper */
.tl { 
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

/* Grids */
.g_1,.g_2,.g_3,.g_4,.g_5,.g_6,.g_7,
.g_8,.g_9,.g_10,.g_11,.g_12,.g_13,.g_14 {
	display:inline;
	float: left;
	position: relative;
	margin: 5px;
}

.g_start { margin-left:0; }
.g_end { margin-right:0; }

/* Columns */
.tl .g_1 { width:60px; }
.tl .g_2 { width:130px; }
.tl .g_3 { width:200px; }
.tl .g_4 { width:270px; }
.tl .g_5 { width:340px; }
.tl .g_6 { width:410px; }
.tl .g_7 { width:480px; }
.tl .g_8 { width:550px; }
.tl .g_9 { width:620px; }
.tl .g_10 { width:690px; }
.tl .g_11 { width:760px; }
.tl .g_12 { width:830px; }
.tl .g_13 { width:900px; }
.tl .g_14 { width:970px; }

/* Modifiers */
.tl .pre_1 { padding-left:70px; }
.tl .pre_2 { padding-left:140px; }
.tl .pre_3 { padding-left:210px; }
.tl .pre_4 { padding-left:280px; }
.tl .pre_5 { padding-left:350px; }
.tl .pre_6 { padding-left:420px; }
.tl .pre_7 { padding-left:490px; }
.tl .pre_8 { padding-left:560px; }
.tl .pre_9 { padding-left:630px; }
.tl .pre_10 { padding-left:700px; }
.tl .pre_11 { padding-left:770px; }
.tl .pre_12 { padding-left:840px; }
.tl .pre_13 { padding-left:910px; }

.tl .post_1 { padding-right:70px; }
.tl .post_2 { padding-right:140px; }
.tl .post_3 { padding-right:210px; }
.tl .post_4 { padding-right:280px; }
.tl .post_5 { padding-right:350px; }
.tl .post_6 { padding-right:420px; }
.tl .post_7 { padding-right:490px; }
.tl .post_8 { padding-right:560px; }
.tl .post_9 { padding-right:630px; }
.tl .post_10 { padding-right:700px; }
.tl .post_11 { padding-right:770px; }
.tl .post_12 { padding-right:840px; }
.tl .post_13 { padding-right:910px; }

.tl .push_1 { left:70px; }
.tl .push_2 { left:140px; }
.tl .push_3 { left:210px; }
.tl .push_4 { left:280px; }
.tl .push_5 { left:350px; }
.tl .push_6 { left:420px; }
.tl .push_7 { left:490px; }
.tl .push_8 { left:560px; }
.tl .push_9 { left:630px; }
.tl .push_10 { left:700px; }
.tl .push_11 { left:770px; }
.tl .push_12 { left:840px; }
.tl .push_13 { left:910px; }

.tl .pull_1 { left:-70px; }
.tl .pull_2 { left:-140px; }
.tl .pull_3 { left:-210px; }
.tl .pull_4 { left:-280px; }
.tl .pull_5 { left:-350px; }
.tl .pull_6 { left:-420px; }
.tl .pull_7 { left:-490px; }
.tl .pull_8 { left:-560px; }
.tl .pull_9 { left:-630px; }
.tl .pull_10 { left:-700px; }
.tl .pull_11 { left:-770px; }
.tl .pull_12 { left:-840px; }
.tl .pull_13 { left:-910px; }

.nom { margin:0px; } /* No Margin */

/* Clearfix */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.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; }