/* = body
---------------------------------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0 0 30px 0;
	font-size: 12px;
	text-align: center;
	font-family: sans-serif;
	background:#002D41;
	color:#fff;
}

h1 { font-size:30px; }
h2 { font-size:25px; }
h3 { font-size:17px; }

h1, h2, h3, p, form, ul { font-weight:normal; padding:0; margin:0; }

p { line-height:130%; }

ul li { list-style:none; }

a, a:visited { color:#D7FF40; text-decoration:none; outline:none; }
a:link { color:#D7FF40; }
a:hover { text-decoration:none; }

img { border:none; padding:0; display:block; }

.clear { clear:both; }

.wrap { margin:0 auto; text-align:left; }

.box { width:960px; }

.relative { position:relative; overflow:hidden; }

.over { top:0; left:0; position:absolute; width:100%; height:100%;}

a .over { cursor:pointer; }

.textCenter { text-align:center; }
.textRight { text-align:right; }
.textV1 h2,
.header .top,
.join .header1 p { font-family: Impact, "Techno CE", sans-serif; }

/* = button
---------------------------------------------------------------------------------------------------*/
body a.button,
body a.button:visited { display:block; height:60px; line-height:57px; text-align:center; font-size:25px; color:#D8FF43; background-color:#173E49; }
body a.button:hover { background-color:#0C6FA9; }


/* = header
---------------------------------------------------------------------------------------------------*/
.header .left,
.header .right,
.header .center { float:left; width:320px; height:192px; }
.header .top { height:37px; padding:12px 0 0 0; text-indent:14px; background:url(../images/layout/main/h0.jpg); color:#D4FCFF; font-size:22px;  }

/* = header1
---------------------------------------------------------------------------------------------------*/
.header1 .left { height:143px; background:url(../images/layout/main/h1.jpg); }
.header1 .center { height:143px; }
.header1 .center span.over { background:url(../images/layout/main/h2.jpg); }
.header1 .right { height:143px; }
.header1 .right span.over { background:url(../images/layout/main/h3.jpg); }

/* = header2
---------------------------------------------------------------------------------------------------*/
.header2 .left { width:640px; }
.header2 .left span.over { background:url(../images/layout/main/h4.jpg); }
.header2 .left p.sub { position:absolute; color:#CAFF17; font-size:14px; top:120px; left:220px; width:370px; z-index:500; }
.header2 .right span.over { background:url(../images/layout/main/h5.jpg); }

/* = header3
---------------------------------------------------------------------------------------------------*/
.header3 .left { height:188px; }
.header3 .left span.over { background:url(../images/layout/main/h6.jpg); }
.header3 .center { height:188px; background:url(../images/layout/main/h7.jpg); }
.header3 .right { height:188px; }
.header3 .right span.over { background:url(../images/layout/main/h8.jpg); }

/* = headerMenu
---------------------------------------------------------------------------------------------------*/
.headerMenu { height:150px; padding:0 11px 0 12px; background:#01365A url(../images/layout/main/h9-mn.jpg); }
.headerMenu .bLeft { float:left; width:289px; }
.headerMenu .bRight { float:right; width:289px;  }
.headerMenu li a.members-area span.over { background:url(../images/layout/main/b-members-area.jpg); }
.headerMenu li a.instant-access span.over { background:url(../images/layout/main/b-instant-access.jpg); }
.headerMenu li a:hover span.over { background-position:bottom; }


/* = content
---------------------------------------------------------------------------------------------------*/
.textV1 { text-align:center; height:118px; background:url(../images/layout/main/c1.jpg) top left no-repeat; }
.textV1 h2 { font-size:33px; }
.textV1 p { color:#80D4FF; font-size:26px; font-weight:bold; line-height: inherit; }

/* = sampleBoxTitle
---------------------------------------------------------------------------------------------------*/
.sampleBoxTitle {
	height:105px;
	overflow:hidden;
	background:url(../images/layout/main/c2.jpg);
	padding:5px 180px 0 14px;
}
.sampleBoxTitle h2 { font-size:24px; font-weight:bold; float:left; margin:0 0 10px 0; }
.sampleBoxTitle span.videoLength { float:right; font-size:14px; font-weight:bold; margin:5px 0 0 0; }
.sampleBoxTitle p { font-size:11px; }

/* = sampleBoxContent
---------------------------------------------------------------------------------------------------*/
/*.sampleBoxContent { background:url(../images/layout/main/c3-bg.jpg) repeat-x; padding:17px 0 0 0; }*/
.sampleBoxContent { background:url(../images/layout/main/c3-bg.jpg) repeat-x; padding:17px 0 0 0; position:relative; height:100% }
.sampleBoxContent img,
img.small { border:6px solid #D4FF36; display:block; }
.sampleBoxContent img.big { border:5px solid #127DAE; }
.sampleBoxContent .left,
.sampleBoxContent .right { float:left; width:259px; padding:0 0 0 14px; }
.wrapV1 { border:1px solid #13AFF9; float:left; margin:0 0 15px 0; }
.wrapV2 { border:2px solid #D4FF36; float:left; }

/* = sampleBoxMenu
---------------------------------------------------------------------------------------------------*/
.sampleBoxMenu { height:134px; padding:12px 12px 0 12px; background:#01365A url(../images/layout/main/c4-mn.jpg); }
.sampleBoxMenu .bLeft { float:left; width:289px; }
.sampleBoxMenu .bRight { float:right; width:629px;  }
.sampleBoxMenu li a.free-trailer span.over { background:url(../images/layout/main/b-free-trailer.jpg); }
.sampleBoxMenu li a.get-access span.over { background:url(../images/layout/main/b-get-access.jpg); }
.sampleBoxMenu li a:hover span.over { background-position:bottom; }


/* = bottom
---------------------------------------------------------------------------------------------------*/
.bottom .top .left,
.bottom .top .right { width:480px; height:112px; float:left; }
.bottom .top .left span.over { background:url(../images/layout/main/c5.jpg); }
.bottom .top .right span.over { background:url(../images/layout/main/c6.jpg); }

/* = bottomMenu
---------------------------------------------------------------------------------------------------*/
.bottomMenu { height:206px; padding:0 11px 0 12px; background:#01365A url(../images/layout/main/c7-mn.jpg); }
.bottomMenu .bLeft { float:left; width:289px; }
.bottomMenu .bRight { float:right; width:289px;  }
.bottomMenu li a.members-area span.over { background:url(../images/layout/main/b-members-area1.jpg); }
.bottomMenu li a.next-page span.over { background:url(../images/layout/main/b-next-page.jpg); }
.bottomMenu li a:hover span.over { background-position:bottom; }

/* = thumbs
---------------------------------------------------------------------------------------------------*/
.thumbs a.join-and-get-access,
.thumbs a.join-and-get-access:visited { background-color:#3E85B2; height:99px; line-height:99px; }
.thumbs a.join-and-get-access span.over { background:url(../images/layout/main/b-join-and-get-access.jpg); }

/* = thumbsContent
---------------------------------------------------------------------------------------------------*/
.thumbsContent { padding:24px 0 0 26px; height:446px; background:#094E75 url(../images/layout/main/c8.jpg) no-repeat; }
.thumbsContent img { border:3px solid #DAFF3B; display:inline; margin:0 1px 1px 0; }


/* = JOIN
---------------------------------------------------------------------------------------------------*/
/* = header
---------------------------------------------------------------------------------------------------*/
.join .header1 { height:97px; background:url(../images/layout/join/h1.jpg); }
.join .header1 p { height:37px; padding:12px 0 0 0; text-indent:14px; color:#D4FCFF; font-size:22px;  }
.join .header2 { height:109px; }
.join .header2 span.over { background:url(../images/layout/join/h2.jpg); }
.join .header3 { height:94px; }
.join .header3 span.over { background:url(../images/layout/join/h3.jpg); }
.join .header4 { height:101px; background:url(../images/layout/join/h4.jpg); }


/* = joinBox
---------------------------------------------------------------------------------------------------*/
.joinBox { padding:0 0 27px 0; background:url(../images/layout/join/j-bg.jpg) repeat-x; }

.joinBox .left { width:255px; float:left; padding:0 0 0 15px; }
.joinBox .left .wrapV1 { margin:0 0 10px 0; }

.joinBox .center { width:478px; height:638px; float:left; margin:0 1px 0 0; background-color:#014C73; }
.joinBox .center h2 { height:75px; line-height:75px; font-size:22px; }
.joinBox .center h2 span.over { background:url(../images/layout/join/j1.jpg); }
.joinBox .center .centerContent { background:url(../images/layout/join/j2.jpg) top left no-repeat; /**/ height:563px; /**/ }

.joinBox .right { width:211px; float:left; background-color:#013C59; }
.joinBox .right h2 { height:75px; line-height:75px; font-size:22px; }
.joinBox .right h2 span.over { background:url(../images/layout/join/j3.jpg); }
.joinBox .right .rightContent { background:url(../images/layout/join/j4.jpg) top left no-repeat; height:563px; }
.joinBox .right ul { padding:26px 0 0 22px; height:537px; background:url(../images/layout/join/arrow.gif) left bottom no-repeat; }
.joinBox .right ul li { font-size:20px; padding:0 18px 0 18px; margin:0 0 25px 0; background:url(../images/layout/join/dot.gif) no-repeat; background-position:0 10px; }


/* = WARNING
---------------------------------------------------------------------------------------------------*/
body.warning { background:#012F45 url(../images/layout/warning/bg.jpg) repeat-x; }

/* = header
---------------------------------------------------------------------------------------------------*/
.warning .header { background-color:#001A1F; }
.warning .header .left,
.warning .header .right { width:480px; height:233px; float:left; }
.warning .header .left span.over { background:url(../images/layout/warning/h1.jpg); }
.warning .header .right span.over { background:url(../images/layout/warning/h2.jpg); }


/* = warningBox
---------------------------------------------------------------------------------------------------*/
/* = left
---------------------------------------------------------------------------------------------------*/
.warningBox .left { width:668px; height:488px; float:left; padding:40px; margin:0 1px 0 0; background:#014565 url(../images/layout/warning/w1.jpg); overflow:hidden; font-size:14px; }
.warningBox .left ul.standard { padding:0 0 0 15px; }
.warningBox .left ul.standard li { list-style:disc; }
.warningBox .left h2 { font-weight:bold; font-size:22px; }
.warningBox .left h2,
.warningBox .left p,
.warningBox .left ul.standard li { margin:0 0 20px 0; }
.warningBox .left strong { font-weight:normal; color:#D0F92D; }
.warningBox .left ul.warningBoxMenu li { float:left; padding:0 6px 0 0; margin:0 4px 0 0; background:url(../images/layout/warning/divider.gif) no-repeat; background-position:right 2px; }
.warningBox .left ul.warningBoxMenu li a,
.warningBox .left ul.warningBoxMenu li a:visited { text-decoration:underline; }
.warningBox .left ul.warningBoxMenu li a:hover { text-decoration:none; }
.warningBox .left ul.warningBoxMenu li.last { background:none; padding:0; margin:0; }

/* = right
---------------------------------------------------------------------------------------------------*/
.warningBox .right { width:211px; height:568px; float:left; background:#013F60 url(../images/layout/warning/w-bg.jpg) 0 79px no-repeat;  }
.warningBox .right .topArrow { height:79px; background:url(../images/layout/warning/w2.jpg); }
.warningBox .right .bottomArrow { height:88px; background:url(../images/layout/warning/w3.jpg); }

.warningBox .right a.enter-website,
.warningBox .right a.enter-website:visited { width:186px; height:194px; background-color:#002831; margin:8px 0 0 11px; }
.warningBox .right a.enter-website span.over { background:url(../images/layout/warning/b-enter-website.jpg); }
.warningBox .right a.enter-website:hover { background-color:#76F51E; }
.warningBox .right a.enter-website:hover span.over { background-position:bottom; }

.warningBox .right a.leave-website,
.warningBox .right a.leave-website:visited { width:186px; height:199px; background-color:#002831; margin:0 0 0 11px; }
.warningBox .right a.leave-website span.over { background:url(../images/layout/warning/b-leave-website.jpg); }
.warningBox .right a.leave-website:hover { background-color:#76F51E; }
.warningBox .right a.leave-website:hover span.over { background-position:bottom; }


.itslive {
	margin-left:7px;
	padding:9px 1px 1px 1px;
	width:330px;
	height:20px;
	font-style:normal;
	float:left;
}
.itslive a:link {
	background-color:#C1F42B;
	color:#002D41;
	font-size:12px;
	font-style: normal;
	text-decoration:none;
	padding: 5px;
	font-weight:900;
	line-height:100%;
}
.itslive a:visited {
	color:#A21C04;
	background-color:#C1F42B;
	color:#002D41;
	font-size:12px;
	font-style: normal;
	text-decoration:none;
	padding: 5px;
	font-weight:900;
	line-height:100%;
}
.itslive a:active {
	color:#002D41;
}
.itslive a:hover {
	color:#002D41;
	background-color: #C1F42B;
}
.itslive1 {
	margin-left:7px;
	padding:9px 1px 1px 1px;
	width:370px;
	height:20px;
	font-style:normal;
	float:left;
}
.itslive1 a:link {
	background-color:#C1F42B;
	color:#002D41;
	font-size:12px;
	font-style: normal;
	text-decoration:none;
	padding: 4px;
	font-weight:900;
	line-height:100%;
}
.itslive1 a:visited {
	color:#A21C04;
	background-color:#C1F42B;
	color:#002D41;
	font-size:12px;
	font-style: normal;
	text-decoration:none;
	padding: 3px 3px 3px 3px;
	font-weight:900;
	line-height:100%;
}
.itslive1 a:active {
	color:#002D41;
}
.itslive1 a:hover {
	color:#002D41;
	background-color: #C1F42B;
}



.itslive2 {
	margin-left:7px;
	padding:9px 1px 1px 1px;
	width:300px;
	height:20px;
	font-style:normal;
	float:left;
}
.itslive2 a:link {
	background-color:#C1F42B;
	color:#002D41;
	font-size:12px;
	font-style: normal;
	text-decoration:none;
	padding: 4px;
	font-weight:900;
	line-height:100%;
}
.itslive2 a:visited {
	color:#A21C04;
	background-color:#C1F42B;
	color:#002D41;
	font-size:12px;
	font-style: normal;
	text-decoration:none;
	padding: 3px 3px 3px 3px;
	font-weight:900;
	line-height:100%;
}
.itslive2 a:active {
	color:#002D41;
}
.itslive2 a:hover {
	color:#002D41;
	background-color: #C1F42B;
}