/* = body
---------------------------------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding:0 0 30px 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; }

/* = button
---------------------------------------------------------------------------------------------------*/
body a.button,
body a.button:visited { display:block; float:left; }
body a.button:hover { background-position:bottom; }


/* = HEADER
---------------------------------------------------------------------------------------------------*/
.header .h1over { position:relative; }
.header .left { float:left; width:564px; }
.header a.members-only { width:176px; height:50px; background:url(../images/layout/h-members-only.jpg); }
.header a.watch-more-videos { width:239px; height:50px; background:url(../images/layout/h-watch-more-videos.jpg); }
.header a.get-instant-access { width:400px; height:82px; background:url(../images/layout/h-get-instant-access.jpg); }

/* = CONTENT
---------------------------------------------------------------------------------------------------*/
.content { width:740px; float:left; }

/* = container
---------------------------------------------------------------------------------------------------*/
.container { overflow:hidden; width:692px; }
.content div.top { height:728px; padding:18px 0 0 48px; background:#012D7F url(../images/layout/c-sample-bg1.jpg) no-repeat; } /*top container*/
.content div.bottom { height:729px; padding:31px 0 0 48px; background:#012D7F url(../images/layout/c-sample-bg2.jpg) no-repeat; } /*bottom container*/
.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.play { position:absolute; top:74px; left:114px; width:72px; height:79px; background:url(../images/layout/play.png); }
div.bottom .sampleBox span.play { position:absolute; top:74px; left:114px; width:72px; height:77px; background:url(../images/layout/play2.png); }

/* = sampleBoxContent
---------------------------------------------------------------------------------------------------*/
.sampleBoxContent { width:301px; height:91px; padding:8px 0 0 0; position:relative; overflow:hidden;  }
.sampleBoxContent a.play { position:absolute; top:0; right:0; width:103px; height:25px; background:url(../images/layout/c-play-video.jpg) top; float:none; }

/* = middle
---------------------------------------------------------------------------------------------------*/
.middle a.get-instant-access { width:305px; height:64px; background:url(../images/layout/c-get-instant-access.jpg); }


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

/* = sideBox
---------------------------------------------------------------------------------------------------*/
.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; background:url(../images/layout/b-get-instant-access.jpg); }
.bottom .splitter { width:292px; float:left; }
.bottom a.see-more-previews { width:292px; height:59px; background:url(../images/layout/b-see-more-preview.jpg); }