@charset "utf-8";
.styles {
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #3399cc;
}
.main {
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 2px solid #000000;
}
.main  .index2  .link {
	position: absolute;
	left: 635px;
	top: 24px;
	width: 344px;
	height: 56px;
}

.main .header {
	width: 750px;
}
.main .index1 {
	width: 750px;
	position: relative;
	background-image: url(images/index2_02.jpg);
	background-repeat: no-repeat;
	height: 407px;
}
.main .index1 .trailerthumb {
	height: 360px;
	width: 640px;
	left: 55px;
	top: 35px;
	background-color: #000000;
	position: absolute;
	border: 1px solid #999999;
}
.main .index2 {
	background-image: url(images/index_08.jpg);
	background-repeat: no-repeat;
	height: 105px;
	width: 1000px;
	position: relative;
}
.main .index2 .text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 73px;
	width: 574px;
	position: absolute;
	left: 21px;
	top: 18px;
}
.main .gallery1 {
	background-image: url(images/gallery2_02.jpg);
	background-repeat: no-repeat;
	height: 472px;
	width: 750px;
	position: relative;
}
.main .gallery1 .link {
	position: absolute;
	left: 500px;
	top: 28px;
	width: 245px;
	height: 37px;
}

.main .gallery1 .smallpic1 {
	height: 231px;
	width: 400px;
	position: absolute;
	left: 585px;
	top: 115px;
}
.main .gallery1 .smallpic2 {
	height: 231px;
	width: 400px;
	position: absolute;
	left: 585px;
	top: 351px;
}

.main .gallery1 .largepic {
	height: 467px;
	width: 568px;
	position: absolute;
	left: 12px;
	top: 115px;
}
.main .gallery2 {
	background-image: url(images/gallery2_03.jpg);
	background-repeat: no-repeat;
	height: 335px;
	width: 750px;
	position: relative;
}
.main .gallery2 .pic1 {
	height: 389px;
	width: 331px;
	position: absolute;
	top: 54px;
	left: 0px;
}
.main .gallery2 .pic2 {
	height: 389px;
	width: 331px;
	position: absolute;
	top: 54px;
	left: 669px;
}



.main .gallery2 .pic3 {
	height: 389px;
	width: 331px;
	position: absolute;
	top: 54px;
	left: 334px;
}


.main .gallery3 {
	background-image: url(images/gallery2_04.jpg);
	background-repeat: no-repeat;
	height: 445px;
	width: 750px;
	position: relative;
}
.main .gallery3 .largepic {
	height: 467px;
	width: 568px;
	position: absolute;
	left: 11px;
	top: 94px;
}
.main .gallery3 .smallpic1 {
	height: 231px;
	width: 400px;
	position: absolute;
	left: 585px;
	top: 95px;
}
.main .gallery3 .smallpic2 {
	height: 231px;
	width: 400px;
	position: absolute;
	left: 585px;
	top: 330px;
}
.main .gallery3 .link {
	position: absolute;
	left: 501px;
	top: 12px;
	width: 245px;
	height: 38px;
}
.main .features1 {
	background-image: url(images/features_07.jpg);
	background-repeat: no-repeat;
	height: 543px;
	width: 750px;
	position: relative;
}
.main .features1 .header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #cc0066;
	width: 181px;
	position: absolute;
	left: 177px;
	top: 100px;
}
.main .features1 .text1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	width: 270px;
	position: absolute;
	left: 178px;
	top: 125px;
	height: 89px;
}
.main .features1 .header2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #cc0066;
	width: 178px;
	position: absolute;
	left: 178px;
	top: 242px;
}
.main .features1 .text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	width: 272px;
	position: absolute;
	left: 179px;
	top: 271px;
	height: 74px;
}
.main .features1 .header3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #cc0066;
	width: 176px;
	position: absolute;
	left: 180px;
	top: 387px;
}
.main .features1 .text3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	width: 272px;
	position: absolute;
	left: 180px;
	top: 429px;
	height: 74px;
}
.main .features1 .link1 {
	position: absolute;
	left: 362px;
	top: 99px;
	width: 92px;
	height: 30px;
}
.main .features1 .link2 {
	position: absolute;
	left: 361px;
	top: 237px;
	width: 92px;
	height: 32px;
}
.main .features1 .link3 {
	position: absolute;
	left: 362px;
	top: 384px;
	width: 92px;
	height: 36px;
}
.main .join {
	background-image: url(images/join_02.jpg);
	background-repeat: no-repeat;
	height: 659px;
	width: 750px;
	position: relative;
}
.main .join .joinform {
	width: 340px;
	position: absolute;
	left: 207px;
	top: 67px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-align: center;
	height: 583px;
}

.main .join .text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align: center;
	position: absolute;
	top: 48px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	left: 1px;
}

/* error */
.error-container {
    text-align: center;
    padding-top: 20%;
    font-size: 0.7em;
    color: black;
}
.error {
    width: 67%;
    margin: 0 auto;
}
.error-button {
    margin: 0 auto 30px;
    padding: 30px;
    width: 270px;
    border-bottom: 1px solid #ccc;
}