/* = BODY
---------------------------------------------------------------------------------------------------*/
body { margin: 0px; padding:0px 0 0 0; font-size:15px; background: url(../images/background.jpg) top center no-repeat; font-family:Georgia, utopia, serif;  color:#2E220B; background-color: #C8C6B3;  }
input, textarea, select { font-family:Arial, sans-serif, Helvetica; font-size:12px; margin: 0; }
h1, h2, h3, h4, h5, h6, p, form, ul, table, fieldset { padding:0; margin:0; border:0; font-weight:bold; }

/* = TYPOGRAPHY
---------------------------------------------------------------------------------------------------*/
/* headings */
h1, .t1 { font-size:30px; }
h2, .t2 { font-size:18px; margin:0px; }
h3, .t3 { font-size:20px; color: white; margin:0px; }

/* Text elements */
p { font-weight:normal; margin:13px 0 0 0; }
ul li { list-style:none;  }
ol li { }
ul, ol {  }
.noMb { margin-bottom:0 !important; }
.mb30 { margin-bottom:30px !important; }
.mb10 { margin-top:10px !important; }
.mt0 { margin-top:0px !important; }
.mb0 { margin-top:0px !important; }
.mb25 { margin-bottom:25px !important; }
.mb20 { margin-bottom:20px !important; }
.mb15 { margin-bottom:15px !important; }
.mb10 { margin-bottom:10px !important; }
.mb5 { margin-bottom:5px !important; }
.ml5 { margin-left:5px !important; }
.ml15 { margin-left:15px !important; }
.mr0 { margin-left:0px !important; }
.ml0 { margin-left:0px !important; }
.pl10 { padding-left: 10px !important; }
img { margin: 0; border:none; padding:0; display:block; }
/* links */
a { color:#8E0945; text-decoration:underline; }
a:hover { text-decoration:none; }
/* misc */
.clear { clear:both; }
.float { float:left; }
.floatRight { float:right; }
.wrap { margin:0 auto; text-align:left;  width:960px; }
label { padding-top:2px; }
.rear { margin-right:0px !important; }
.last { margin-bottom:0px !important; border:0 !important; }
.big { font-size:15px; }
.small { font-size:11px; }
.fat { font-weight:bold; }
.ad-top { height: 90px; width: 728px; margin: 0 auto; }
.ad-top a { display: block; }
.c01{text-align:center;}
.title1 { color:#214B8B; font-size:17px; font-family:Impact, sans-serif; margin:0px; }
.title2 { font-size:18px; font-weight:bold; }

/* = HEADER
---------------------------------------------------------------------------------------------------*/
.header {width:960px; height:549px; position: relative;}
.header-1 { width: 690px; height:44px; background:url(../images/layout/header_02.jpg) top left no-repeat; text-align: center; line-height: 44px; padding:0 0 0 270px; }
.header-1 h2 { width:500px; text-align: center; }

.header-2 { width: 960px; height:246px; }
.header-2 img { float: left; }
.header-3 { width: 960px; height:42px; background:url(../images/layout/header_07.jpg) top left no-repeat;}
.header-4 { width: 960px; height:207px;}
.header-4 img { float: left;}
.video { width:268px; height:207px; float: left; background-color:#C8C5B3;}


/* = MENU
---------------------------------------------------------------------------------------------------*/
.menu{ width:960px; height:66px; background-color: #5E4F30;}
.menu ul{ margin:0px; padding: 0px;}
.menu ul li{ display: inline; float: left;}
.btn-01{ display: block; width:225px; height: 66px; background: url(../images/layout/btn-01.jpg) no-repeat; background-position:0px 0px;}
.btn-02{ display: block; width:201px; height: 66px; background: url(../images/layout/btn-02.jpg) no-repeat; background-position:0px 0px;}
.btn-03{ display: block; width:263px; height: 66px; background: url(../images/layout/btn-03.jpg) no-repeat; background-position:0px 0px;}

.btn-01:hover{  background: url(../images/layout/btn-01.jpg) no-repeat; background-position: 0px -66px;}
.btn-02:hover{  background: url(../images/layout/btn-02.jpg) no-repeat; background-position: 0px -66px;}
.btn-03:hover{  background: url(../images/layout/btn-03.jpg) no-repeat; background-position: 0px -66px;}

/* = TOP GALLERY
---------------------------------------------------------------------------------------------------*/
.top-gallery { width:945px; height:200px; background: url(../images/layout/top-gallery.jpg) top left no-repeat; padding:15px 0 0 15px; text-align: center; }
.top-gallery ul { margin:0px;  padding:0px;}
.top-gallery ul li { display: block; width:176px; height:120px; background: url(../images/layout/ram.png) top left no-repeat; float:left; margin:0px; padding: 11px 0 0 10px;}
.top-gallery a img { border: 1px #918B77 solid; float:left;}
.top-gallery p {font-size:26px; color:#C8C6B3; margin: 5px 0 0 0; }

/* = MAIN
---------------------------------------------------------------------------------------------------*/
.main { width: 960px; position: relative; margin: 0px; padding: 0px; }

/* = CONTENT-BOX
---------------------------------------------------------------------------------------------------*/
.content-box1 { width: 960px; position: relative; float: left; margin: 10px 0 10px 0; }
.video-box { width: 285px; height: 290px; border:4px #938771 solid; background-color: black; float: left;}
.info-box { width:665px;  float: right;}
.title { width:655px; height:35px; background: url(../images/layout/images_09.jpg) no-repeat; font-weight: bold; color:#2E220B; padding:10px 0 0 10px; font-size: 18px; }
.info-box .content { width:645px; height: 189px; background: url(../images/layout/images_10.jpg) no-repeat; padding: 10px;}
.watch-btn { display: block; width:665px; height:45px; background: url(../images/layout/images_11.jpg) no-repeat;}
.info-box-img { display: block; width:153px; height:122px; background-color: black; border: 2px #8B7F68 solid; float: left; margin: 10px 0 0px 3px}
.watch { display: block; width:258px; height: 45px; background: url(../images/layout/watch-free-trailer.jpg) no-repeat; float:left; }
.watch:hover { background-position:0px -45px }
.download:hover { background-position:0px -45px }
.download { display: block; width:407px; height: 45px; background: url(../images/layout/download-full.jpg) no-repeat; float:left; }

/* = CONTENT-BOX2
---------------------------------------------------------------------------------------------------*/
.content-box2 { width: 960px; position: relative; margin: 10px 0 10px 0;}
.video-box2 { width: 285px; height: 290px; border:4px #938771 solid; background-color: black; float: right;}
.info-box2 { width:665px;  float: left;}
.title2 { width:655px; height:35px; background: url(../images/layout/images_09.jpg) no-repeat; font-weight: bold; color:#2E220B; padding:10px 0 0 10px; font-size: 18px; }
.info-box2 .content2 { width:645px; height: 189px; background: url(../images/layout/images_10_2.jpg) no-repeat; padding: 10px;}
.watch-btn2 { display: block; width:665px; height:45px; background: url(../images/layout/images_11.jpg) no-repeat;}
.info-box-img2 { display: block; width:153px; height:122px; background-color: black; border: 2px #8B7F68 solid; float: right; margin: 10px 0 0px 3px}


/* = SEARCH-BOX
---------------------------------------------------------------------------------------------------*/
.search-box { width: 825px; height:87px; float: left; background: url(../images/layout/searchbox.jpg) top left no-repeat; margin: 0 0 15px 0; padding: 10px 0 0 135px;}
.search { width: 440px; height:30px; float: right; margin: 13px 0 0 0; }
.input-bg { width: 336px; height: 30px; background: url(../images/layout/images2_19.jpg) top left no-repeat; float: left; }
.input-bg input { width: 326px; height:30px; line-height:30px; color: #565545; font-size: 14px; margin: 0px; padding: 0px 5px 0 5px; background-color: transparent; border: 0px; font-family:Georgia, utopia, serif;   }
.send { background: url(../images/layout/images2_21.jpg) top left no-repeat; width:101px; height:30px; border:0px; float: right; color: #EAE9E2; font-family:Georgia, utopia, serif; font-size:14px; }
.subcribe-text { font-size: 19px; color:#000; font-weight: bold; float:left; margin: 15px 0 0 0 !important; }
.subcribe-text2 { font-size: 14px; color:#565545; text-align: center; padding-top:5px; margin: 5px 0 0 0 !important; }
.search-box p { margin:0px;}

/* = FOOTER
---------------------------------------------------------------------------------------------------*/
.footer { width:960px; height:543px; z-index:2; position:relative;  float: left; margin:15px 0 0 0; text-align: center; font-weight: bold; }
.footer-1 { width: 960px; height:63px; background: url(../images/layout/footer_01.jpg) top left no-repeat; padding:15px 0 0 0;}
.footer-2 { width: 960px; height:195px; }
.footer-2 img { float: left; }
.footer-3 { width: 960px; height:270px; background: url(../images/layout/footer_05.jpg) top left no-repeat; }
.footer-text1 { font-size: 23px; color: #000; font-weight:bold; margin:0px; padding:0px;}
.footer-text2 { font-size: 18px; color: #565545; }
.footer-text3 { font-size: 12px; color: #C8C6B3; }
.footer a { color: #C8C6B3; }
.footer-text4 { font-size: 10px; color: #858372; }
.footer-text1 a { font-size: 18px; color: #000; text-decoration: underline;  font-weight: bold;}
.bottom-text {padding: 30px 0 0 0;}

/* = FOOTER
---------------------------------------------------------------------------------------------------*/
.footer_bg { width: 100%; height:348px; background: url(../images/layout/bg_footer.jpg) top left repeat-x; position:relative; float: left; z-index:1; margin:-348px 0 0 0;}

.footer ul { text-align:center; margin:0; font-size:12px; line-height:35px; }
.footer ul p.b { font-size:12px; }
.footer ul li { display:inline; padding:0 18px 0 0; margin:0 15px 0 0; background:url(../images/layout/divider.gif) right 2px no-repeat; }
.footer ul li.last { margin:0; padding:0; background:none; }


/* = JOINPAGE
---------------------------------------------------------------------------------------------------*/
/* = HEADER
---------------------------------------------------------------------------------------------------*/
.header-join {width:960px; height:269px; background:url(../images/layout/join_02.jpg) top left no-repeat; position: relative; }
.header-join1 { width:960px; height:57px; background:url(../images/layout/join-header_01.jpg) top left no-repeat;}
.header-join2 { width:960px; height:207px; }
.header-join2 img { float: left;}
.video-join { width: 268px; height: 207px; float: left; background-color:#C8C5B3;}
.header-join h2 {position: absolute; top:10px; left: 10px; text-align:center; width:780px;}
.logo-join {display: block; width:300px; height:200px; position:absolute; top:50px; left:20px; }
.video-top-join {width:268px; height:207px; position: absolute; top:56px; left:350px; }

/* = JOIN-BTN-TOP
---------------------------------------------------------------------------------------------------*/
.join-btn-top { width: 960px; height:65px; display: block; background:url(../images/layout/join_04.jpg) top left no-repeat;}

/* = MAIN-JOIN
---------------------------------------------------------------------------------------------------*/
.main-join { width: 910px; height:372px; display: block; background:url(../images/layout/join_05.jpg) top left no-repeat; padding:28px 22px 0 28px;}

/* = MAIN-PREVIEW
---------------------------------------------------------------------------------------------------*/
.main-preview { width: 910px; height:398px; display: block; background:url(../images/layout/join_05.jpg) top left no-repeat; padding:5px 22px 0 28px;}
.left { width:530px; float:left; padding:5px 0 0 20px; }
.main-preview .right { width:320px; float:right; padding:50px 20px 10px 0; color:#C8C6B3}
.main-preview .right a{ font-size:16px; color:#C8C6B3} 
.main-preview .usc2257 { width:850px; float:left; padding:40px 0 0 20px; color:#C8C6B3}
.main-preview .newsletter { width:800px; height:300px; float:left; padding:40px 0 0 100px; color:#C8C6B3}
.main-preview .newsletter a { color:#C8C6B3}
.main-preview .newsletter label { float:left; margin:6px 0 0 5px; font-size:14px; }
.main-preview .newsletter input { float:left; margin:5px 0 5px 15px; }
.newsletter .box-form label { width:110px; float:left; margin:6px 0 0 20px; font-size:14px; }
.newsletter .box-form input { width:200px; float:left; margin:5px 25px 5px 0; }

/* = CONTACT-BOX
---------------------------------------------------------------------------------------------------*/
.main-contact { width: 910px; display: block; background:url(../images/layout/bg-members.jpg) top left repeat-y; padding:5px 22px 0 28px; color:#C8C6B3}
.contactLeft { width:450px; height:850px; float:left; padding:0 20px 0 20px; }
.contactLeft p { font-size:13px; line-height:140%; }
.contactLeft h2 { padding:25px 0 0 0; font-size:13px;}
.contactRight { width:380px; height:740px; float:right; padding:0 20px 0 0; }
.contactRight p { font-size:13px; line-height:140%; }
.contactRight h2 { padding:25px 0 0 0; font-size:13px;}
.contactRight label { width:110px; float:right; margin:6px 0 0 0; font-size:14px; }
.contactRight input { width:200px; float:right; margin:5px 25px 5px 0; }
.contactRight select { width:206px; float:right; margin:5px 25px 5px 0;}
.contactRight textarea { width:200px; float:right; margin:5px 25px 5px 0;}

/* = LINKS-BOX
---------------------------------------------------------------------------------------------------*/
.main-links { width: 910px; display: block; background:url(../images/layout/bg-members.jpg) top left repeat-y; padding:0 15px 20px 35px; color:#C8C6B3}
.linksTitle { text-align:center; padding-top:20px; font-size:14px; font-weight:bold; }
.websiteBox { padding:15px 15px 10px 0; float:left; text-align:center; }
.websiteBox img { padding:0 0 10px 0; }

/* = JOIN-BOX
---------------------------------------------------------------------------------------------------*/
.join-box { width:370px; height: 340px; float: left; }
.h2-join { font-size: 26px; color: white; margin: 0 0 20px 0; }
.h3-join { font-size: 20px; margin:25px 0 20px 0; float:left; color: white; font-weight: bold; }
.pay { width:340px; height: 32px; float: left; margin: 0 0 0px 30px; }
.pay a {float: left; margin-left:10px;}
.pay img { display:inline; }
.join-form { float: left; width:370px;}
.join-form label { color: white; font-size:13px; float: left; }
.field { width: 238px; height:19px; border:0px; margin:0px; padding:0px; background-color: transparent; font-family:Georgia, utopia, serif; color: #565545;}
.bg-input-join { background: url(../images/content/input_03.jpg) top left no-repeat; width:238px; height:19px; float:right;}
.fieldSelect { width: 238px; height:19px; float: right; }
.join-select { float: left; margin: 30px 0 0 0; width:370px;}
.btn-join {float: left; margin: 35px 0 0 130px;}
.join-list { float: left; width:245px;  margin:0 0 0 20px; color: #fff; font-size: 23px; padding:0 0 0 25px}
.join-list ul { margin:0px; padding:0px;}
.join-list ul li { list-style-type: disc; margin:30px 0 0 0;}
.cup-box { width: 230px; float: right; }
.cup-01 { width:143px; height:104px; background: url(../images/content/cup_03.jpg) top left no-repeat; padding:15px 0 0  87px;}
.cup-02 { width:143px; height:104px; background: url(../images/content/cup_05.jpg) top left no-repeat; padding:15px 0 0  87px;}
.cup-03 { width:143px; height:104px; background: url(../images/content/cup_06.jpg) top left no-repeat; padding:15px 0 0  87px;}
.cup-t-1 { font-size:12px; color: #251D10; font-weight: bold; margin:0px 0 10px 0;}
.cup-t-2 { font-size:15px; color: #251D10; font-weight: bold; }
.cup-t-3 { font-size:17px; color: #251D10; font-weight: bold;}

/* = JOIN-GALLERY
---------------------------------------------------------------------------------------------------*/
.join-gallerybox { width: 960px; height:201px; float:left;}
.join-gallery { width:960px; height:130px; background: url(../images/layout/join_06.jpg) left top no-repeat; }
.join-gallery-text { width: 960px; height: 71px; background: url(../images/layout/join_07.jpg) left top no-repeat; color:#C8C6B3; font-size: 26px; text-align: center; line-height: 45px; }