@charset "utf-8";
/* CSS Document */

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #070808;
	background: url(assets/bg-pattern.jpg) repeat-x top left;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

strong {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: #bcdaf3;
	text-decoration: none;
}

a:hover {
	color: #fff;
}



/* Content */

#main-wrapper {
	width: 1024px;
	margin: 0px auto;
}

#header {
}

#header-img {
	margin: 40px 0px 2px 345px;
}

#frame {
	background: url(assets/frame.png) top left no-repeat;
	width: 930px;
	height: 660px;
	margin: 0px auto;
}



/* Navigation Bar & Buttons */

#navigation {
	height: 65px;
	width: 930px;
}

#minimum-requirements {
	margin-left: 45px;
	padding-top: 9px;
}

#howitworks {
	margin-left: 160px;
	padding-bottom: 7px;
}

#support {
	margin-left: 40px;
	padding-bottom: 7px;
}

#faq {
	margin-left: 55px;
	padding-bottom: 7px;
}





#support-nav {
	width: 250px;
	margin-top: 15px;
	margin-left: 40px;
	float: left;
}

#support-content {
	width: 590px;
	float: left;
	color: #f9fafb;
	font-weight: bold;
	margin: 14px 0 40px 00px;
	line-height: 120%;
	font-size: 17px;
}

#content {
	width: 930px;
	height: 520px;
	padding-top: 10px;
}




#hometext {
	color: #f9fafb;
	font-weight: bold;
	margin: 34px 40px 40px 60px;
	line-height: 110%;
	font-size: 15px;
}

#mintext {
	color: #f9fafb;
	margin: 14px 0px 40px 40px;
	line-height: 120%;
	font-size: 14px;
}

.supporttext {
	color: #f9fafb;
	margin: 14px 0px 0px 0px;
	line-height: 120%;
	font-size: 14px;
}

.contacttext {
	color: #f9fafb;
	margin: 14px 0 40px 40px;
	line-height: 120%;
	font-size: 14px;
}




.support-headers {
	color: #f9fafb;
	font-weight: bold;
	margin: 14px 0 14px 0px;
	line-height: 110%;
	font-size: 18px;
}

.support-sub-headers {
	color: #88b0d1;
	font-weight: bold;
	margin: 14px 0 14px 0px;
	line-height: 110%;
	font-size: 16px;
}

.contact-headers {
	color: #f9fafb;
	font-weight: bold;
	margin: 14px 0 14px 15px;
	line-height: 100%;
	font-size: 14px;
}

.min-headers {
	color: #88b0d1;
	font-weight: bold;
	margin: 14px 0 14px 40px;
	line-height: 110%;
	font-size: 18px;
}

ul.min-list {
	margin-left: 60px;
	margin-right: 60px;
	color: #f9fafb;
	line-height: 120%;
	font-size: 14px;
}

ul.serial-list {
	margin-left: 40px;
	color: #f9fafb;
	font-size: 15px;
	line-height: 120%;
}

ul.serial-list li {
	list-style-type: disc;
}

ul.min-list li {
	list-style-type: disc;
}



/* Ordered List */

ol.min-list {
	margin-left: 40px;
	color: #f9fafb;
	line-height: 120%;
	margin: 14px 0px 0px 40px;
	font-size: 14px;
}

ol.min-list li {
	list-style-type: decimal;
}



#contactform {
}

#contactform #form-left label {
	color: #f9fafb;
	font-size: 10px;
	float: left;
	text-align: right;
	width: 125px;
	margin-top: 5px;
}

#contactform #form-right label {
	color: #f9fafb;
	font-size: 10px;
	float: left;
	text-align: right;
	width: 125px;
	margin-top: 5px;
}

#contactform input {
	margin: 5px;
}

#contactform select, textarea {
	margin: 5px;
}

#form-left {
	width: 490px;
	float: left;
}

#form-right {
	width: 435px;
	float: left;
}

#errorBottom {
	position: absolute;
	width: 100%;
	bottom: 65px;
	text-align: center;
	font-size: 14px;
	color: #FF9999;
}

#errorBottomLeft {
	position: absolute;
	width: 250px;
	bottom: 65px;
	left: 80px;
	text-align: center;
	font-size: 14px;
	color: #FF9999;
}

#supportContactRelative {
	width: 930px;
	height: 520px;
	padding-top: 10px;
	position: relative;
}



#howStep {
	margin: -25px 0 0 80px;
}



/* Slideshow controls */

#slideshow {
	width: 675px;
	position: relative;
}

#slideshow #slidesContainer {
	margin: 0 0 0 85px;
	width: 760px;
	height: 300px;
	overflow: auto; /* allow scrollbar */
	position: relative;
}

#slideshow #slidesContainer .slide {
	margin: 0 auto;
	width: 740px; /* reduce by 20 pixels to avoid horizontal scroll */
	height: 300px;
}

.control {
	display: block;
	width: 41px;
	height: 63px;
	text-indent: -10000px;
	position: absolute;
	cursor: pointer;
}

#leftControl {
	background: transparent url(assets/arrow-left.png) no-repeat 0 0;
	top: 125px;
	left: 30px;
}

#rightControl {
	background: transparent url(assets/arrow-right.png) no-repeat 0 0;
	right: -220px;
	top: 125px;
}



/* Footer Content */

#footer {
	width: 930px;
	height: 50px;
	text-align: center;
	color: #bcdaf3;
	font-size: 9px;
	line-height: 15px;
	position: relative;
	margin-left: 14px;
}

#footer a {
	color: #bcdaf3;
	text-decoration: none;
	font-size: 11px;
}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
}

#footer #contact {
	position: absolute;
	right: 50px;
	top: 0px;
}



/* Title Expiration */

#expired-message {
	color: #f9fafb;
	font-weight: bold;
	margin: 14px 0 40px 0px;
	line-height: 120%;
	font-size: 17px;
	text-align: center;
}
