/* = body */
body {
	margin:0; padding:0;
	font-size:12px;
	text-align:center;
	font-family:sans-serif;
	background:#001347 url(../images/bg.jpg) top repeat-x;
	color:#000;
}
h1, h2, h3, p, form, ul { font-weight:normal; padding:0; margin:0; }
h1 { position:absolute; }
h2 { font-size:28px; }
h3 { font-size:18px; font-weight:bold; }
p { line-height:130%; }
ul li { list-style:none; }
a, a:visited { color:#fff; text-decoration:underline; outline:none; }
a:link { color:#fff; }
a:hover { text-decoration:none; }
img { border:none; padding:0; display:block; }
.clear { clear:both; }
.wrap { margin:0 auto; text-align:left; }
.box { width:980px; }
a .over { cursor:pointer; }
.textCenter { text-align:center; }
.textRight { text-align:right; }
.float { float:left; }

body a.button { display:block; float:left; font-size:18px; color:#fc0; text-align:center; position:relative; }
body a.button:hover { color:#fff; }
body a.button span { display:block; position:absolute; top:0; left:0; background:url(../images/layout/buttons.jpg) no-repeat; cursor:pointer; }

/* = HEADER */
.header .h1over { position:relative; }
.header .left { float:left; width:564px; }
.header a.members-only { width:176px; height:50px; }
.header a.members-only span { width:176px; height:50px; background-position:-400px 0; }
.header a.members-only:hover span { background-position:-400px -50px; }
.header a.watch-more-videos { width:239px; height:50px; }
.header a.watch-more-videos span { width:239px; height:50px; background-position:-576px 0; }
.header a.watch-more-videos:hover span { background-position:-576px -50px; }
.header a.get-instant-access { width:400px; height:82px; }
.header a.get-instant-access span { width:400px; height:82px; background-position:0 0; }
.header a.get-instant-access:hover span { background-position:0 -82px; }

/* = container */
.content { width:740px; float:left; }
.container { overflow:hidden; width:692px; }
.content div.boxgroup { height:728px; padding:18px 0 0 48px; background:#012D7F url(../images/layout/c-sample-bg1.jpg) no-repeat; }
.container img { margin:2px 0 0 2px; }
.container h3 { margin:0 0 5px 0; padding:0 0 0 2px; }
.container p { padding:0 2px 0 2px; }

/* = sampleBox */
.sampleBox { width:301px; height:321px; float:left; margin:0 45px 44px 0; overflow:hidden; position:relative; }
.sampleBox span.play1 { position:absolute; top:74px; left:114px; width:72px; height:79px; background:url(../images/layout/play.png); }
.sampleBox span.play2 { position:absolute; top:74px; left:114px; width:72px; height:77px; background:url(../images/layout/play2.png); }
.sampleBoxContent { width:301px; height:91px; padding:8px 0 0 0; position:relative; overflow:hidden;  }
/*.sampleBoxContent .play { position:absolute; top:0; right:0; width:103px; height:25px; background:url(../images/layout/c-play-video.jpg) top; float:none; }*/
.sampleBoxContent .rating {
	display:block;
	width:65px; height:12px;
	background:url(../images/layout/ratingstars.png) no-repeat;
	position:absolute;
	top:5px; right:12px;
}
.sampleBoxContent .r1 { background-position:0 0; }
.sampleBoxContent .r2 { background-position:0 -12px; }
.sampleBoxContent .r3 { background-position:0 -24px; }
.sampleBoxContent .r4 { background-position:0 -36px; }
.sampleBoxContent .r5 { background-position:0 -48px; }
.sampleBoxContent .r6 { background-position:0 -60px; }
.sampleBoxContent .r7 { background-position:0 -72px; }
.sampleBoxContent .r8 { background-position:0 -84px; }
.sampleBoxContent .r9 { background-position:0 -96px; }
.sampleBoxContent .r10 { background-position:0 -108px; }

.middle a.get-instant-access { width:305px; height:64px; }
.middle a.get-instant-access span { width:305px; height:64px; background-position:-410px -100px; }
.middle a.get-instant-access:hover span { background-position:-410px -164px; }

/* = SIDE */
.side { width:240px; float:right; background-color:#01348D; }
.side .s1 { background:url(../images/layout/s2.jpg); }
.side .s2 { background:url(../images/layout/s2.jpg); padding-left:41px; }
.side .s3 { background:url(../images/layout/s2.jpg); padding-top:8px; }
.side .s4 { background:url(../images/layout/s5.jpg); }
.side .s5 { background:url(../images/layout/s5.jpg); }
.side .s6 { background:url(../images/layout/s5.jpg); }

.sideBox { width:199px; height:294px; overflow:hidden; padding:11px 0 0 41px; }
.sideBox p { color:#fff; font-weight:bold; padding:7px 0 0 5px; }
.sideBox1 { width:198px; height:236px; overflow:hidden; padding:11px 0 0 42px; }
.sideBox1 p { font-weight:bold; padding:5px 0 0 3px; }
.sideBox1 a,
.sideBox1 a:visited { color:#000; }

/* = BOTTOM */
.bottom a.get-instant-access { width:410px; height:80px; }
.bottom a.get-instant-access span { width:410px; height:80px; background-position:0 -164px; }
.bottom a.get-instant-access:hover span { background-position:0 -244px; }
.bottom .splitter { width:292px; float:left; }
.bottom a.see-more-previews { width:292px; height:59px; }
.bottom a.see-more-previews span { width:292px; height:59px; background-position:-410px -228px; }
.bottom a.see-more-previews:hover span { background-position:-410px -287px; }
.warning { text-align:center; font-size:11px; color:#4d5a7f; width:600px; margin:16px auto 0 auto; padding-bottom:12px; }
.warning a { color:#98792f; }

/* = CLIP PAGE */
h2.clip-header {
	width:660px;	/* 740-80 */
	height:76px;	/* 98-22 */
	background:#bdeefd url(../images/layout/empty-section-header.jpg) no-repeat;
	padding:22px 0 0 80px;
	font-size:24px;
	font-weight:bold;
	color:#000930;
}
h2.clip-header span {
	font-size:13px;
	font-weight:normal;
	position:relative;
	top:-3px; left:10px;
}
.content div.clip-container {
	width:740px;
	height:644px;
	background:#0145b2 url(../images/layout/sectionbg.png) repeat-y;
	padding:6px 0 52px 0;
	position:relative;
}
.clip-container .clip-footer {
	width:740px;
	height:32px;
	background:url(../images/layout/clip-container-footer.jpg) ;
	position:absolute;
	bottom:0; left:0;
}
.clip-container .clip-wrapper {
	width:562px;
	height:536px;
	background:#dcdcdc url(../images/layout/clip-wrapper.jpg) no-repeat;
	margin:0 auto;
	padding:20px;
}

.clip-container .clip-wrapper .clip {
	width:512px;
	height:384px;
	margin:0 auto;
	background:#000;
	border:2px solid #0090ff;
}
.clip-bottom {
	width:440px;
	height:23px;
	background:#0076fc url(../images/layout/clip-bottom-bg.jpg) no-repeat;
	color:#fff;
	float:right;
	padding-left:8px;
	margin-right:23px;
	line-height:18px;
	font-weight:bold;
	overflow:hidden;
	text-align:center;
}
.clip-text { padding:10px; font-family:verdana, sans-serif; }
.clip-text h3 { margin:6px 0; }