@charset "UTF-8";
/* CSS Document */

* {
    outline: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 		
	.title {
		max-height: 72px;
		}
		
	.title2 {
		max-height: 80px;
		}
		
	#tab1 .tab_left, #tab2 .tab_left, #tab3 .tab_left, #tab4 .tab_left {
		max-height: 334px;
		}
		
	#tab5 .tab_left {
		max-height: 374px;
		}
	
}

@font-face {
	font-family: 'MyriadProRegular';
	src: url('myriadpro-regular-webfont.eot');
	src: local('☺'), url('myriadpro-regular-webfont.woff') format('woff'), url('myriadpro-regular-webfont.ttf') format('truetype'), url('myriadpro-regular-webfont.svg#webfonto70rnzVV') format('svg');
	font-weight: normal;
	font-style: normal;
	}

body {
	margin: 0px;
	padding: 0px;
	background-repeat:repeat-x;
	font-family: Arial,Helvetica,sans-serif;
	color: #555;
	font-size: 12px;
	line-height: 18px;
	}
	
iframe {
	border: none;
	}
	
a:link {
    outline: medium none;
    text-decoration: none;
}

a img {
	border: none;
	}
	
p {
    line-height: 1.5em;
    margin: 0 0 0.75em;
}

hr {
    border-color: #CCCCCC #FFFFFF #EEEEEE;
    border-width: 1px 0;
	border-style: dotted;
    height: 0;
	margin: 8px 0 6px;
}
	
h1 {
	font-size:30px;
	color: #313035;
	line-height: 36px;
	}
	
.title {
	font-size:31px;
	color: #2370E2;
	/*color: #0055BB;*/
	line-height: 36px;
	text-shadow: 2px 2px #FFF;
	font-weight: normal;
	text-align: center;
	font-family: 'Open Sans',sans-serif;
	}
	
.title span {
	font-size: 32px;
	font-weight: bold;
	font-family: Sans-Serif, Arial;
	color: #000;
	}

h2 {
	font-size:24px;
	color: #333333;
	}

h3 {
	font-size:26px;
	color: #8f8f8f;
	line-height: 28px;
	}
	
.title2 {
	margin: 15px 0 15px 6px;
	text-align: justify;
	font-size: 20px;
	line-height: 28px;
	text-shadow: 1px 1px 1px #FFF;
	width: 615px;
	letter-spacing: -0.2px;
	color: #888;
}

h1, h2, h3, h4, h5, h6 {
    color: #222222;
    font-weight: normal;
	margin: 0;
	padding: 0;
}

h5, h6 {
    font-size: 1em;
    font-weight: bold;
}

label   {
	line-height: normal;
	display: block;
	font-weight: bold;
	}
		
.blue {
	color: #005AE0;
	}
	
blockquote {
	background-repeat:no-repeat;
	margin: 0 0 30px;
	font-family:MyriadProRegular, Helvetica, sans-serif;
	font-size:12px;
	color: #3b3b3b;
	font-style:italic;
	}
	
blockquote img {
	position: absolute;
	float: left;
	z-index: 99;
}

#slogan {
    color: #FFF;
    margin-left: 0;
    position: relative;
    text-shadow: 0 0 5px #FFF;
	font-size: 18px;
}

#page {
    margin: 0;
    width: 100%;
}

.tab_left blockquote p {
	background: #FFF;
	border: 1px solid #DDD;
	font-size: 12px;
	padding: 10px 20px 10px 55px;
	text-align: justify;
	position: relative;
	left: 28px;
	top: 5px;
	width: 520px;
	border-radius: 4px;
}
	
.quote_from {
	font-family:MyriadProRegular, Helvetica, sans-serif;
	font-size:12px;
	color: #555;
	margin: 10px 0 0;
	text-align:right;
	display: block;
	}
	
#wrapper {
	width: 960px;
	margin: 0 auto;
	}
	
#header-first {
	margin: 20px 0 0;
	float: left;
	}
	
#header-first #name {
    font-size:30px;
	color: #313035;
	line-height: 36px;
	letter-spacing:-1px;
	position: absolute;
	text-indent: -3000em;
}

#header-first #name a {
    color: #999999;
    text-decoration: none;
	font-weight: normal;
}

.branding em {
    clear: both;
    color: #222222;
    display: block;
    font: 12px "Helvetica Neue",Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0 0 10px;
    text-indent: -3000em;
	position: absolute;
}

#fblike-wrapper {
	background: #EEE;
	}

#fblike {
	background: url(../../images/likes.jpg) no-repeat 0 35px;
    padding: 10px 0 5px;
	width: 960px;
	margin: 0 auto;
}

#header {
	background: url("../../images/bg-top.png") repeat-x scroll 0 1px #0043A8;
    border-bottom: 1px solid #FFFFFF;
    clear: both;
	height: 195px;
	position: relative;
	z-index: 999;
}

#header-wrapper {
	background: url("../../images/header-matrix.jpg") no-repeat scroll right top transparent;
    margin: 0 auto;
    padding: 0;
    width: 960px;
	height: 195px;
}

#header-area-wrapper {
	background:url(../img/bg.png) repeat-x 0 bottom;
	}
	
#header-area {
	width: 960px;
	clear: both;
	margin: 40px auto 0;
	}
	
#header-left {
	float: left;
	width: 630px;
	}
	
#header-right {
	float: right;
	width: 285px;
	text-align: right;
	position: relative;
	top: 69px;
	}
		
ul {
	margin:0;
	padding: 0;
	list-style:none;
	list-style-position: inside;
	line-height: 1.8em;
	list-style-type:disc;
	}
	
li {
	padding: 0 0 0 0;
	margin:0;
	font-family:MyriadProRegular, Helvetica, sans-serif;
	font-size:12px;
	}
	
.clear {
	margin: 0 0 40px 0;
	clear: both;
	}

#content-bottom {
    background: none repeat scroll 0 0 #EEEEEE;
	margin: 0;
	padding: 10px 0 0;
}

.width-48-970, div.width-48-970 {
    margin: 0 auto;
    width: 970px;
}

div.nofloat {
    clear: both;
    float: none;
    margin-right: 0;
}

.width-24-480 {
    width: 480px;
	float: left;
	margin-right: 10px;
}

#content-bottom div.block {
    margin: 0 0 10px;
    padding: 15px 15px 0;
    text-align: justify;
	border: 5px solid #F5F5F5;
}

#content-bottom div.block, #content-bottom .block-wrapper, #content-bottom .block .content, #content-bottom-full-width div.block, #content-bottom-full-width .block-wrapper, #content-bottom-full-width .block .content {
	background-color: #FFF;
}

#content-bottom p, #footer p {
    margin: 0;
    padding: 0;
	line-height: 160%;
}

div.last {
	margin-right: 0;
}

.boxleft {
    float: left;
    margin: 0 5px;
    min-height: 176px;
    text-align: center;
    width: 110px;
}

.boxright {
    float: right;
    width: 315px;
}

.boxleft a.more {
    padding: 3px 23px;
    position: relative;
    top: 10px;
	right: 5px;
	background-color: #005AE0;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
	}
	
.boxleft a.more:hover {
	background: #808080;
}

.player {
	border: 5px solid #EDEDED;
	box-shadow: 0 0 30px #EEE;
	padding: 10px;
	height: 523px;
	margin-top: 40px;
	}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
	
#footer-wrapper {
    background: url("../../images/footer-logos.png") no-repeat scroll 50% 40px #003399;
    clear: both;
    display: block;
    overflow: hidden;
	padding: 20px 0 5px;
	margin-top: 1px;
}
	
#footer {
    color: #CCCCFF;
    margin: 0 auto;
    padding: 75px 0 0;
    width: 960px;
}

#footer div.block .content {
    border: medium none;
}

#footer p {
	background: url("../../hosting-logo-s.png") no-repeat scroll right 10px transparent;
	padding: 5px 0;
	margin: 10px 0;
	}

#footer a {
    color: #FFFFCC;
}
	
.highlight_box1 {
	display: block;
	float: left;
	margin: 9px 0 0 0;
	background-color: #f6f6f6;
	width: 630px;
	height: 264px;
	border-radius: 10px 10px 0 0;
}

.highlight_box1 p {
	display: block;
	color:#757887;
	font-size:16px;
	padding: 0 20px 10px;
	letter-spacing: -0.2px;
	text-align: center;
	}
	
.highlight_box1_title {
	display: block;
	margin: 0 0 15px;
	padding: 15px 0;
	background-color: #003399;
	color: #F9F9F9;
	font-size: 24px;
	text-align: center;
	border-radius: 3px 3px 0 0;
	text-shadow: 0 0 5px #FFF;
	}
	
.highlight_box1 form {
	padding: 0 25px;
}

span.form-required {
	color: #EE0000;
}

.highlight_box1 .form-item {
	display: block;
	float: left;
	width: 176px;
}

.highlight_box1 .form-item-name,
.highlight_box1 .form-item-email {
	margin-right: 25px;
}

.highlight_box1 .form-item input,
.highlight_box1 .form-item select {
	width: 100%;
	padding: 7px 5px;
}
.highlight_box1 input.form-submit {
	background: url("../../images/btn-blue.png") repeat scroll 0 50% transparent;
	height: 40px;
	clear: both;
	cursor: pointer;
	border: 1px solid #005AE0;
	color: #FFF;
	text-transform: uppercase;
	font-size: 14px;
	padding: 0 20px;
	border-radius: 3px;
	text-shadow: 1px 1px 10px #005AE0;
}

.highlight_box1 input.form-submit:hover {
	background: #005AE0;
}

.highlight_box1 .form-item .description {
	display: none;
}

.highlight_box1 div.form-actions {
	background: #EEE;
	padding: 10px;
	clear: both;
	position: relative;
	top: 10px;
	text-align: center;
}

.privacy {
	background: #FFFFFF;
    font-size: 10px;
    position: relative;
    text-align: center;
    top: 10px;
	}
	
/* Tabbed area */

ul.tabs {
	margin: 40px auto 0;
	padding: 0;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	font-family:MyriadProRegular, Helvetica, sans-serif;
	font-size:20px;
	display: table;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: .05em;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #F1F1F1;
	border-radius: 3px 3px 0 0;
	margin-right: 1px;
}

ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 1px 30px;
	outline: none;
	border-radius: 2px 2px 0 0;
	font-family:MyriadProRegular, Helvetica, sans-serif;
	font-size:18px;
}
ul.tabs li a:hover {
	background: #DDD;
	border-radius: 2px 2px 0 0;
	text-shadow: 1px 1px 1px #FFF;
}


html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #005AE0;
	color: #fff;
}

ul.tabs li.active a {
	background: #003399;
	border-radius: 3px 3px 0 0;
	color: #fff;
}

html ul.tabs li.active a:hover {
	background: #0055AA;
	border-radius: 5px 5px 0 0;
	text-shadow: 1px 1px 1px #FFF;

}

.tabs-wrapper {
	clear: both;
	background: #F9F9F9;
}

.tab_container {	
	overflow: hidden;
	clear: both;
	width: 960px;
	margin: 0 auto;
	background: #F9F9F9;
}
.tab_content {
	padding: 40px 0 20px;
	font-size: 1.2em;
	position: relative;
}

.tab_container h3 {
	color: #005AE0;
	font-size:24px;
	margin-bottom: 10px;
	}
	
.tab_left {
	width: 625px;
	float: left;
	}
	
.tab_left p {
	color: #757887;
	font-family:MyriadProRegular, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
	text-align: justify;
	}
	
.tab_right {
	float: right;
	position: absolute;
	bottom: 7%;
	right: 0;
	}
	
.tab_right p {
	color: #757887;
	font-family:MyriadProRegular, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
	}
	
.tab_container ul {
	margin: 15px 0 25px 20px;
	padding: 0 0 0 3px;
	list-style:none;
	list-style-image: url(../img/check_small.png);
	list-style-position: outside;
	line-height: 20px;
	}
	
.tab_container li {
	background: #FFF;
	padding: 5px 10px;
	margin:0 0 10px;
	font-family:MyriadProRegular, Helvetica, sans-serif;
	color: #999;
	font-size:13px;
	font-style:italic;
	text-align: justify;
	border: 1px solid #DDD;
	border-radius: 4px;
	letter-spacing: -0.05px;
	}