@charset "utf-8";

html, body, div, span, p, h1, h2, h3, h4, ol, ul, li, label {
	padding: 0;
	margin: 0;
}
ol, ul { 
	list-style-position: inside; 
	padding-left: 1em;
	text-indent: -1em;	
}

.TEMP {
	clear: both; 
	height:1px;
	width:1px;
}
	


html, body {
	height:100%;
}
body {
	font-family: Lucida Grande, Tahoma, Helvetica, Arial, sans-serif;
	background: #071354;
	color: #fff;
	font-size: 100%;
	line-height: 1.4;
}

/* typography */
@font-face {
	font-family: "M+ 1p";
	font-weight: 300;
	src: url('mplus-1p-regular.ttf');
}
@font-face {
	font-family: "M+ 1p";
	font-weight: 400;
	src: url('mplus-1p-medium.ttf');
}

h1, h2, h3 {
	font-family: "M+ 1p", Arial, sans-serif;
	font-weight: 400;
	color: #fff;
	margin-bottom: .5em;
}
h1 {
	font-size: 24px;
	line-height: 26px;
}
h2 {
	font-size: 20px;
	line-height: 22px;
}
h3 {
	font-size: 17px;
	line-height: 24px;
}
.main h1, .main h2, .main h3 {
	color: #50463f;
}
/* LAYOUT */
#container {
	width: 100%;
	min-height: 100%;
	position: relative;
}
#header, #body, #footer {
	text-align: center;
}
#header {
	background-image: url(images/headerBg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#body {
	padding-bottom: 17em;	/* Height of the footer */
}
#footer {
	position:absolute;
	bottom: 0;
	width: 100%;
	height: 17em;			/* Height of the footer */
	background: #020c40 url(images/bgFooter.gif) repeat-x;
}
.content {
	width: 780px;
	margin: 0 auto;
	text-align: left;
}
.content p {
	line-height: 1.4;
	margin-bottom: 1em;
}
.separated { 
	border-top: 1px solid #eee;
	margin-top: 1em;
	padding-top: .5em;
}
.support .separated { 
	border-color: #000099;
}
/* LAYOUT EXTRAS */
.hide {
	/*text-indent: -12000px;*/
}
.fltlft {
	float: left;
}
.fltrgt {
	float: right;
}
.alignCenter { text-align: center }

a:link, a:visited {
	color: #79f;
	text-decoration: none;
}
.main a:link, .main a:visited {
	color: #35b;
}
a:hover {
	text-decoration: underline;
}
a.imgLink:hover {
	text-decoration: none;
}
.backToTop {
	font-size: .8em;
	float: right;
	padding-right: 12px;
	background: url(images/arrowUp.gif) no-repeat center right;
	margin-left: 2em;
}
.attention {
}
.attention h2, .attention h3, .attention strong {
	color: #FF3300;
}
.small {
	font-size: .8em;
}

/* BUTTON */
#container a.btn { 
display: inline-block;
	background: url(images/buttonL.png) no-repeat top left;
	padding: 0 0 0 20px;
	font-family: "M+ 1p", Arial, sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 24px;
	line-height: 50px;
	padding-bottom: 3px;
}
#container a.btn span { 
display: inline-block;
	background: url(images/buttonR.png) no-repeat top right;
	padding: 0 20px 0 0;
}
#container a.btn.full {
	display: block;
} 
#container a.btn.full span{
	display: block;
} 
#container a.btn:hover { 
	text-decoration: none;
	background-position: left bottom;
}
#container a.btn:hover span { 
	background-position: right -53px;
}

/* SMALL BUTTON */
#container a.btnSmall { 
display: inline-block;
	background: url(images/buttonSmallL.png) no-repeat top left;
	padding: 0 0 0 12px;
	color: #fff;
	line-height: 30px;
}
#container a.btnSmall span { 
display: inline-block;
	background: url(images/buttonSmallR.png) no-repeat top right;
	padding: 0 12px 0 0;
	padding-bottom: 3px;
}
#container a.btnSmall:hover { 
	text-decoration: none;
	background-position: left bottom;
}
#container a.btnSmall:hover span { 
	background-position: right -33px;
}

/* HEADER */
#header  h1  {
	margin: 0; 
	padding: 0;
}
#header  h1.topH1  {
	float: right;
	margin-top: 60px;
}
#logo {
	margin: 30px 0 15px 10px;
}

/* SOCIAL / 2ND HEADER */
#social {
	background: url(images/socialBg.png) no-repeat center top;
	text-align: center;
}
#social p {
	font-size: 0.75em;
	color: #bcd;
	margin: 0;
}
#social img {
	vertical-align: middle;
}

/* MAIN BIG IMPORTANT BOX */
.main {
	background: #fff url(images/bg.gif) repeat-y;
	color: #224;
	padding: 1em;
	font-size: 0.875em;
	margin: 0 0 1em 0;
	
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.fullcontent {
	padding: 0;
	margin: 0;
}
.editor {
	margin-left: -1em;
	margin-top: -1em;
	margin-bottom: 1em;
}
.main.doubleColumn {
	background: #fff url(images/bgMain.gif) repeat-y;
	padding: 0;
}
.reverse.doubleColumn {
	background: #fff url(images/bgMainReverse.gif) repeat-y;
}
.left, .center, .right {
	padding: 10px 6px 15px 12px;
}
.content .left {
	width: 282px;
	float: left;
}
.content .right {
	margin-left: 300px;
}
.content .center {
	width: 282px;
	float: left;
}
.main .left h1 {
	/*background: url(images/tbgMainLeftH1.gif) center top no-repeat;
	height: 72px;
	line-height: 1em;
	margin-bottom: .5em;*/
}
.main .left h1 span {
	float: left;
	clear: left;
	padding-left: 1em;
	font-weight: 500;
}
.main .right ol {
	padding: 0;
	margin: 0;
	text-indent: 0;
}
.main .right .steps li {
	list-style: none;
	padding: 0 0 12px 50px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
.main .right li.one {
	background-image: url(images/ol1.gif);
}
.main .right li.two {
	background-image: url(images/ol2.gif);
}
.main .right li.three {
	background-image: url(images/ol3.gif);
}
/* SUPPORT LISTS */
.support .right {
	margin-left: 600px;
	padding: 51px 6px 15px 12px;
}
.support {
	font-size: 0.75em;
	padding-bottom: 1em;
	/*border-bottom: solid 1px #2f396f;*/
}
.support .center {
	border-left: solid 1px #2f396f;
	border-right: solid 1px #2f396f;
}
.support ul {
  margin: 0;
  padding: 0;
}
.support li {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	margin-left: 2em;
}
.support .col2 {margin-left: 14em;}
.support .coltop {margin-top: -6em;}

/* REVERSED COLUMNS */

.reverse .left {
	width: 470px;

}
.reverse .right {
	margin-left: 505px;
}


/* LONG TEXT CONTENT */
.textContent {
	line-height: 1.6;

}
.textContent h2, .textContent h3 {
	border-top: 1px solid #eee;
	margin-top: .5em;
	padding: .5em 0;
}
/* QUEUE STYLES */
#q {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
}
#q p { margin: 0; }
/* FORMS */ 
.form label {
	display: block;
	line-height: 1.4;
}
.form input, .form textarea {
	font-family: Lucida Grande, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.4;
	margin-bottom: 1em;
	width: 21em;
}
.form .checkbox label{
	display: inline;
}
.form .checkbox input { width: auto; }
 
 
#preForm input {
	font-family: Lucida Grande, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.4;
	margin-bottom: 1em;
}
.example {
	font-size: .8em;
}

/* FOOTER */
#footer .content {
	font-size: 0.75em;
	color: #bbd;
}
#footer h2 {
	font-size: 1.3em; 
	height: 24px;
	display: block;
}
#footer .content div.section {
	padding: 15px 6px 15px 12px;
	float: left;
}
#footer .content div.normal {
	width: 19%;
}
#footer .content div.wider {
	width: 36%;
}
#footer li {
	list-style: none;
	line-height: 1.4em;
	margin-left: 0em;
}
#footer label {
	margin-top: 1em;
	line-height: 1.4em;
}

#footer div#extra {
	clear: both;
	border-top: solid 1px #2f396f;
	padding: .5em 1em;
	text-align: center;
}
#footer #newsletterStatus {
	color: #f66;
	height: 1.4em;
}
/* CLEARFIX */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}