/* = BODY
---------------------------------------------------------------------------------------------------*/
body { margin:0px; padding:10px 0 0 0; font-size:14px; font-family: Georgia, "New York CE", utopia, serif; background:#F1E8D9 url(../images/bg.jpg) left top repeat-x; color:#210602; text-align:center; }
body.join { padding-top:0; }
input, textarea, select { font-family: Georgia, "New York CE", utopia, serif; font-size:14px; }
h1, h2, h3, h4, h5, h6, p, form, ul, table, label, fieldset { padding:0; margin:0; border:0; }

/* = TYPOGRAPHY
---------------------------------------------------------------------------------------------------*/
/* headings */
h1, .t1 { font-size:40px; margin-bottom: 20px; font-weight:bold; font-family: Georgia, "New York CE", utopia, serif; }
h2, .t2 { font-size:12px; margin-bottom: 5px; font-weight:bold; }

/* Text elements */
p { line-height:140%; margin:0 0 15px 0; }
ul li { list-style:none; line-height:140%;  }
ul, ol { margin:0 0 15px 0; }
img { margin: 0; border:none; padding:0; display:block; }
/* links */
a { color:#8F3D1B; text-decoration:underline; }
a:hover { text-decoration:none; }
/* misc */
.clear { clear:both; }
.textLeft { text-align:center; }
.textCenter { text-align:center; }
.textRight { text-align:right; }
.center { margin:0 auto; }
.float { float:left; }
.floatRight { float:right; }
.wrap { margin:0 auto; text-align:left; width:960px; }
.jWrap { margin:0 auto; text-align:left; width:960px; }

/* = button
---------------------------------------------------------------------------------------------------*/
a.button { display:block; }
a.button:hover { background-position:left bottom !important; }
a.button span { display:none; }

/* = header
---------------------------------------------------------------------------------------------------*/
.header h1 { margin:0; }
.header .top { width:890px; height:49px; line-height:49px; padding:0 0 0 20px; font-weight:bold; background:url(../images/layout/i_03.jpg) left top no-repeat; font-size:19px; color:#FFFFFF; float:left; }
.header .topRight { width:50px; height:49px; line-height:49px; float:right; padding:0 0 0 0; font-weight:bold; font-size:10px; color:#FFFFFF; background:url(../images/layout/help.jpg) right top no-repeat;}
.header .headerText { background:#DDC7A3 url(../images/layout/spankTV-main-r1_10.jpg) no-repeat; width: 409px; height: 100px; padding:0 0 0 20px; float:left; overflow:hidden; }
.header .headerText h2 { font-size:25px; color:#1A1307; }
.header a.button.members { background: url(../images/layout/i_13.jpg) no-repeat; width: 225px; height: 52px; float:left; }
.header a.button.preview { background: url(../images/layout/i_14.jpg) no-repeat; width: 231px; height: 52px; float:left; }
.header a.button.join-now { background: url(../images/layout/i_15.jpg) no-repeat; width: 214px; height: 52px; float:left; }
.header .l1 { width:429px; height:293px; float:left; }
.header .flash { width:300px; height:293px; float:left; }
.hImages { width:922px; height:209px; padding:5px 0 0 38px; background: url(../images/layout/i_18.jpg) no-repeat; margin:0 0 27px 0; }
.hImages .text { width:892px; height:69px; margin:0 0 13px 0px; color:#fff; font-family: arial, sans-serif, helvetica; overflow:hidden; }
.hImages .text h2 { font-size:25px; margin:0 0 1px 0; }
.hImages .text p { font-size:12px; }
.hImages a { display:block; float:left; width:144px; height:90px; margin:0 28px 0 0; }
.hImages .imagesInner { padding:0 0 0 27px; width:866px; overflow:hidden; }
.hImages a.last { margin-right:0; }

/* = content
---------------------------------------------------------------------------------------------------*/

/* = box
---------------------------------------------------------------------------------------------------*/
.box { margin:0 0 14px 0; width:960px; }
.box h2 { background: url(../images/layout/i_20.jpg) no-repeat; width:940px; height:59px; padding:10px 0 0 20px; color:#8F3D1B; font-size:23px; }
.box .boxInner { background: url(../images/layout/i_21.jpg) no-repeat; width: 960px; height: 286px; position:relative; }
.box .boxInner p { position:absolute; left:21px; top:-5px; height:64px; width:538px; }
.box .boxInner a.smallImage { width:157px; height:183px; display:block; margin:74px 23px 0 0; float:left; }
.box .boxInner a.smallImage.smallImageFirst { margin-left:29px; }
* html .box .boxInner a.smallImage.smallImageFirst { margin-left:29px; display:inline; }
.box .boxInner a.smallImageLast { margin-right:29px; }
.box .boxInner a.bigImage { display:block; width: 348px; height: 247px; margin:9px 0 0 0; float:left; }
.box a.button.watch-free-trailer { background: url(../images/layout/spankTV-main-r1_44.jpg) no-repeat; width: 412px; height: 52px; display:block; float:left; }
.box a.button.download-full-movie { background: url(../images/layout/spankTV-main-r1_46.jpg) no-repeat; width: 392px; height: 52px; display:block; float:left; }

/* = subscribe
---------------------------------------------------------------------------------------------------*/
.subscribe { background: url(../images/layout/subscribe.jpg) no-repeat; width:797px; height:64px; padding:10px 0 0 163px; margin:0 0 14px 0; overflow:hidden; }
.subscribe h2 { color:#8F3D1B; font-size:17px; float:left; margin:5px 10px 0 0; }
.subscribe input { float:left; }
.subscribe input.field { width:263px; height:24px; padding:5px 10px 0 10px; border:1px solid #E4D2AC; color:#CAC2B5;  margin:1px 4px 0 0; }
.subscribe p { line-height:100%; }

/* = text1
---------------------------------------------------------------------------------------------------*/
.text1 { background: url(../images/layout/i_31.jpg) no-repeat; width:950px; height:64px; padding:10px 5px 0 5px; text-align:center; font-weight:bold; overflow:hidden; }
.text1 .big { color:#8F3D1B; font-size:20px; /*font-family: arial, sans-serif, helvetica;*/ font-family: "Arial Black", "Gadget CE", sans-serif; /* Arial Black */ font-weight:normal; }
.text1 p { font-size:18px; margin:0; }

/* = images
---------------------------------------------------------------------------------------------------*/
.content .images { background: url(../images/layout/i_32.jpg) no-repeat; width:896px; height:198px; padding:38px 0 0 64px; }
.content .images a { display:block; float:left; margin:0 28px 0 0; }

/* = bottom
---------------------------------------------------------------------------------------------------*/
.bottomWrap { min-height:365px; background:#94401C url(../images/bg-bottom.jpg) left top repeat-x; }
.bottom { background: url(../images/layout/i_33.jpg) center top  no-repeat; width:960px; margin:0 auto; height:166px; padding:199px 0 0 0; color:#D3C098; font-size:11px; }
.bottom a { color:#fff; text-decoration:none; }
.bottom a:hover { text-decoration:underline; }
.bottom a.u { text-decoration:underline; }
.bottom a.u:hover { text-decoration:none; }
.bottom ul { text-align:center; margin:0; font-size:12px; }
.bottom ul p.b { font-size:12px; }
.bottom ul li { display:inline; padding:0 18px 0 0; margin:0 15px 0 0; background:url(../images/layout/divider.gif) right 2px no-repeat; }
.bottom ul li.last { margin:0; padding:0; background:none; }

/* = jHeader
---------------------------------------------------------------------------------------------------*/
.jHeader .top { width:890px; height:34px; padding:24px 0 0 20px; color:#FFFFFF; font-size:16px; background:url(../images/layout/join/spankTV-join_03.jpg) no-repeat; font-weight:bold; float:left; }
.jHeader h1 { margin:0; }

/* = boxes
---------------------------------------------------------------------------------------------------*/
.boxes { height:417px; overflow:hidden; margin:0 0 14px 0; }
.box11 { width:415px; float:left; background: url(../images/layout/join/spankTV-join_09.jpg) no-repeat; padding:0 0 0 28px; position:relative; }
.box11 input.submit { position:absolute; left:147px; top:349px; }
.box11 h3 { font-size:20px; margin:0 0 15px 0; }
.box11 h2 { height:85px;  }
.box11 h2 span { display:none; }
.box11 form label { width:130px; float:left; margin:0 0 15px 0; font-weight:bold; }
.box11 form input { margin-bottom:15px; font-family: arial, sans-serif, helvetica; font-size:12px; }
.box11 form input.field { width:244px; }
.box11 form select.fieldSelect { width:248px; font-family: arial, sans-serif, helvetica; font-size:12px; }
.box12 { width:226px; float:left; background: url(../images/layout/join/spankTV-join_10.jpg) no-repeat; height: 417px; }
.box13 { width:291px; float:left; }
.box14 { width:530px; height:402px; float:left; padding:15px 0 0 20px; }
.box15 { width:360px; height:357px; float:right; padding:50px 40px 10px 0; }
.box15 p, h2 { font-size:16px; }
.box16 { width:470px; height:740px; float:left; padding:50px 0 0 20px; }
.box16 p, h2 { font-size:13px; }
.box16 h2 { padding:0 0 5px 0; }
.box17 { width:380px; height:740px; float:right; padding:50px 40px 0 0; }
.box17 p, h2 { font-size:13px; }
.box17 h2 { padding:0 0 5px 0; }
.box17 label { width:110px; float:right; margin:6px 0 0 0; font-size:14px; }
.box17 input { width:200px; float:right; margin:5px 25px 5px 0; }
.box17 select { width:206px; float:right; margin:5px 25px 5px 0;}
.box17 textarea { width:200px; float:right; margin:5px 25px 5px 0;}

.boxFullWidth { float:left; width:960px; height:417px; background: url(../images/layout/box-bg-1.jpg) no-repeat; padding:0 0 0 28px; margin:0 0 14px 0; }
.boxFullWidth800 { height:800px; overflow:hidden; margin:0 0 14px 0; width:960px; background: url(../images/layout/box-bg-800.jpg) no-repeat; padding:0 0 0 28px; }

.boxNewsletter {
	width:650px;
	height:402px;
	float:left;
	padding:80px 0 0 150px;
}
.boxNewsletter h2 { font-size:18px; padding-bottom:10px; }
.boxNewsletter .box-form label { width:110px; float:left; margin:6px 0 0 20px; font-size:14px; }
.boxNewsletter .box-form input { width:200px; float:left; margin:5px 25px 5px 0; }
.boxNewsletter .box-newsletter label { float:left; margin:6px 0 0 5px; font-size:14px; }
.boxNewsletter .box-newsletter input { float:left; margin:5px 0 5px 15px; }


/* = dot
---------------------------------------------------------------------------------------------------*/
ul.dot { padding:25px 0 0 0; font-size:18px; color:#433212; font-weight:bold; }
ul.dot li { margin:0 0 20px 0; padding:0 25px 0 25px; background:url(../images/layout/join/dot.gif) left 8px no-repeat; }

/* = hImagesJoin
---------------------------------------------------------------------------------------------------*/
.hImagesJoin { background: url(../images/layout/join/spankTV-join_13.jpg) no-repeat; height:210px; padding-top:19px; margin:0; }
.hImagesJoin .text { margin-bottom:20px; }