/* ============================================================================
Basic Style Sheet - http://website.com

Version:		1.0
Author: 		Ahmed Hashim
Email:			ahmed@tangentstudio.com
Website:		http://www.tangentstudio.com
============================================================================ */
/* GLOBAL STYLES
============================================================================ */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Arial","Helvetica",sans-serif;
	font-size: 100%;
	line-height: 1em;
}

p, li {
	font-size: .75em; /* 16px x .75em = 12px */
}

a:link,
a:visited {
	outline: none;
}

a:hover,
a:active {}


/* FORM ELEMENTS
============================================================================ */

label {
	display: block;
}

input[type="field"],
textarea {
	padding: .25em;
}

textarea {
	font-family: "Arial","Helvetica",sans-serif;
	font-size: 100%;
}


/* FLOATS AND CLEARING
============================================================================ */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}


/* LAYOUT
============================================================================ */

#content {
	width: 924px;
	margin: 0 auto;
}

#info .top {
	background: url("../images/bg_top.png") no-repeat;
	height: 6px;
}

#info .middle {
	background: url("../images/bg_middle.png") repeat-y;
}

#main {
	width: 500px;
	padding: 0 1em;
	float: left;
}

#sidebar {
	margin: -64px 1em 0 0;
	width: 376px;
	float: right;
	position: relative;
}

#sidebar .top {
	background: url("../images/bg_sidebar_top.png") no-repeat;
	height: 10px;
}

#sidebar .middle {
	background: url("../images/bg_sidebar_middle.png") repeat-y;
	padding-bottom: 7em;
}


/* HEADER
============================================================================ */

#header h1 {
	width: 252px;
	height: 98px;
	background: url("../images/logo.png") no-repeat;
	text-indent: -9999em;
	margin: 20px 0 20px 130px;
}


/* MAIN
============================================================================ */

#main h2 {
	margin: .75em 0;
	font-family: "Myriad Pro", "Helvetica", "Arial", sans-serif;
	font-weight: 400;
	text-align: center;
	font-size: 2em;
	line-height: 1.25em;
}

#main p,
#main li {
	margin: 1em 0;
	padding: 0 1em;
	font-size: .875em;
	line-height: 1.5em;
}

#main a.more {
	display: block;
	margin: 1em auto 2em;
	width: 183px;
	height: 51px;
	background: url("../images/button_getstarted.png") no-repeat;
	text-indent: -9999em;
}

#main a.faqlink {
	display: block;
	margin: 2em auto;
	width: 137px;
	height: 38px;
	background: url("../images/button_learnmore.png") no-repeat;
	text-indent: -9999em;
}

#main .videobox {
	margin: 2em auto;
	width: 420px;
	height: 364;
	overflow: hidden;
}

#main .notice {
	margin: 2em 0;
}

#main .notice h3 {
	text-align: center;
	text-transform: capitalize;
	color: #AC1921;
}

#main .notice ul {
	margin: 0 0 0 2em;
}

#main .notice li {
	margin: .15em 0;
	padding: 0;
}


/* SIDEBAR
============================================================================ */

#sidebar .masthead img {
	position: relative;
	top: -75px;
	display: block;
	margin: 0 auto;
}

#sidebar h2 {
	margin: -2em 0 1em;
	text-align: center;
	font-style: italic;
	line-height: 1.25em;
	font-weight: 400;
	color: #0067AC;
}

#sidebar .steps {
	margin: 2em 0;
	padding: 0 1em;
	list-style-type: none;
}

#sidebar .steps li {
	display: block;
	padding: 1em 0 1em 60px;
	margin: 1em;
	border-bottom: 1px solid #CCC;
	line-height: 1.5em;
}

#sidebar .steps .one {
	background: url("../images/1.png") no-repeat 0 50%;
}

#sidebar .steps .two {
	background: url("../images/2.png") no-repeat 0 50%;
}

#sidebar .steps .three {
	background: url("../images/3.png") no-repeat 0 50%;
}

#sidebar .signup {
	margin: 1em 0 0;
	padding: 0 1em;
}

#sidebar .signup .description {
	float: left;
	width: 220px;
}

#sidebar .signup .description h3 {
	margin: 1em 0;
	text-align: center;
	line-height: 1.5em;
	font-weight: 100;
}

#sidebar .signup .description p {
	text-indent: 1em;
	line-height: 1.5em;
}

#sidebar .signup .ojo {
	float: right;
}

#sidebar .signup form {
	padding: 1em 0;
	clear: both;
}

#sidebar .signup form p {
	margin: 1em 0;
}

#sidebar .signup form label {
	display: block;
	float: left;
	width: 100px;
	padding: 0 10px 0 0;
	position: relative;
	top: .25em;
	text-align: right;
	font-weight: 900;
}

#sidebar .signup form input.text {
	width: 200px;
	padding: 1px 2px;
}

#sidebar .signup form .submit {
	text-align: center;
}

#sidebar .signup form .submit input {
	position: relative;
	left: 45px;
}

#sidebar .signup .forgot {
	text-align: center;
}

#sidebar .signup .notice {
	font-size: .6875em;
	text-align: center;
	padding: 1em;
}


/* FAQ
============================================================================ */

#faq fieldset {
	background: #FFF;
	border: 1px solid #CCC;
	padding: 1em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#faq fieldset legend {
	padding: 0 .5em;
	font-size: .875em;
	font-weight: 900;
}

#faq ol {
	margin: 0 0 0 1em;
}

#faq ol li {
	margin: 1em 0;
}

#faq ol li a {
	color: #0067AC;
}

#faq ol li p {
	font-size: 100%;
	margin: 0 0 .5em;
	text-indent: 0;
}

#faq ol li p.question {
	font-weight: 900;
}

#faq ol#answers {
	margin: 0 0 0 2em;
}

#faq ol#answers li {
	margin: 2em 0;
}

#faq ol#answers li li{
	margin: 0 0;
}

#faq #sidebar .middle {
	padding: 0 0 80em;
}