@charset "utf-8";
/* CSS Document */

*, html {padding:0; margin:0;}
li {list-style:none; margin:0; padding:0}

body {font:13px Arial, Helvetica, sans-serif; background:#787878 url(images/site-bg.jpg) center repeat-y;}

.wrapper-container {width:1010px; margin:0 auto; background:#FFF; }
.wrapper{width:1000px; margin:0 auto; background:#FFF; border-left:4px solid #333;border-right:4px solid #333;}
img{border:0;}

.header {}
.header img {float:left;}
.animate_wrap {float:left;position:relative; width:418px; height:442px; background:url(images/header_04.jpg) no-repeat;}
.navigation {}
.nv-videos {background:url(images/nav_02.jpg) no-repeat; width:227px; height:97px; float:left; cursor:pointer;}
.nv-submit {background:url(images/nav_03.jpg) no-repeat; width:229px; height:97px; float:left;}
.nv-members {background:url(images/nav_04.jpg) no-repeat; width:186px; height:97px; float:left;}
.nv-join {background:url(images/nav_05c.gif) no-repeat; width:232px; height:97px; float:left;}


.welcome {clear:both; margin:20px 0 0 0; height:135px; width:1000px;}
.welcome img {float:left;}
.w_text2 {background:url(images/w_text2.jpg) no-repeat;width:618px;height:135px;float:left;}
.w_text2 p {padding:20px 10px 10px 160px; text-align:left;}

.tour-container{}
.video-preview-left{width:460px; float:left; margin-left:10px;}
.vpl-button {height:51px; margin-top:5px; float:left;}
.vpl-button img:hover {opacity:0.8; filter:alpha(opacity=80);}
.video-preview-right{width:530px; float:left;}
.video-preview-right img{float:left; margin:0 2px 4px 2px;}
.vp-link {display:block; clear:left;text-align:center; width:530px; font-size:28px; font-weight:bold; line-height:55px;}
.vp-link a {color:#7409EC;}


.clearfix{clear:both;}

.mid-text{text-align:center; font-size:30px;font-weight:bold;padding-top:10px;padding-bottom:10px;}
.mid-text a{color:#7409EC; text-decoration:underline;}
.mid-text a:hover{text-decoration:none;}

/* #### -- JOIN STYLES -- ### */

.join-text{text-align:center; font-size:25px;font-weight:bold;padding-top:10px;padding-bottom:10px;color:#FF1C81; }
.join-container{margin:0 auto; width:980px;}
.join-wrapper{float:left;width:430px;}
.left-thumb{float:left;text-align:center; width:270px; position:relative; top:0;}
.right-thumb{float:left;text-align:center; width:270px; position:relative; top:0;}
.form-container{width:400px;border:1px solid #000; text-align:center;padding:10px; margin:4px 5px 0 5px;}


ul.fields { list-style:none;}
ul.fields li{ display:block;   clear:both;}
.inputbox{ width:208px; height:20px; border:1px solid #c5c5c5; background-color:#e5e5e5; margin-top:8px;}

.inputbox:focus{ border:1px solid #f1b987; background-color:#ffe8ab}

.joinbutton{ background-image:url(images/joinpics/getaccess.jpg); background-repeat:no-repeat; width:394px; height:87px; border:0; cursor:pointer; cursor:hand;}
.joinbutton:hover {opacity:0.8; filter:alpha(opacity=80);}
p.redwarning{ font-size:20px; background-color:#dd0000; padding:6px; color:#FFFFFF; text-align:center; width:800px; margin:10px auto 20px auto}

.makebrown label input{margin-top:4px;}


.hotpic-container{}
.gf-box-wrap {width:194px; border:1px solid #000; background:#262626;text-align:center;float:left; margin:0 2px 10px 2px;}
.gf-box{width:190px; border:2px solid #FFF; background:#262626;text-align:center;}
.gf-text{text-align:center; padding:5px 5px 8px 5px; font-size:12px; color:#FFF;}
.gf-text strong {color:#FDFF47; font-size:15px;}
.gf-text span a{color:#78B4FF; font-size:15px;}
.gf-text span a:hover{color:#1B63F3;}




.vid-box {}
.footer {height:208px;}
.foot-desc{padding:5px 20px; font-weight:bold;}



/* ###### PROFILE BOX ###### */
.profile-box{margin-bottom:10px;}
.profile-info{width:568px; background:url(images/profilebg.jpg) no-repeat; float:left;}
.profile-vid{text-align:center;}
.pr-photo{width:210px;float:left;padding-top:15px;padding-left:22px;}
.pr-photo img{border:1px solid #000;}
.profile-details{width:333px;float:left;}
.prtitle-box {padding-top:15px;}                   	
.profile-text {margin-top:140px;padding-left:10px;}
.add-fr {}
.pr-title {float:left;font-size:17px; color:#055396;width:195px;}



/* ###### Image Effect ###### */

.slideshow {float:left; width:283px; height:334px;}


/* ###### Style On Hover Effect ###### */
.overlay{ position:absolute; width:448px;height:300px; background:url(images/play_hover_top.png) no-repeat; display:none; cursor:pointer; left:10px; top:10px;}
.overlay2{ position:absolute; width:321px;height:240px; background:url(images/play_hover1.png) no-repeat; display:none; cursor:pointer; left:0; top:0}
.overlay3{ position:absolute; width:186px;height:230px; background:url(images/play_hover2.png) no-repeat; display:none; cursor:pointer; left:10px; top:0}
.overlay4{ position:absolute; width:400px;height:300px; background:url(images/play_hover3.png) no-repeat; display:none; cursor:pointer; right:5px; top:0}
.box{ position:relative; float:left; width:448px; margin:auto; clear:right;}
.box2{ position:relative; float:left; margin:3px 2px 7px 2px; width:328px;}
.box3{ position:relative; width:186px; height:230px; margin:2px auto 2px auto; padding:1px; background-color:#FFF;}
.box4{ position:relative; width:400px; height:300px; float:left; margin:0 0 0 17px;}
.box h4,.box2 h4 {font-size:12px; text-align:center; color:#0000FF; text-decoration:underline;}
img.graphic1 {display:block; margin:auto;}