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


body { margin:0; }
p { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333;}

#AllWrapper { background: url(teaser-bg.jpg) top no-repeat; min-width:1200px; height:932px; margin: 0 auto;}
#SubAllWrapper { background: url(subpage.jpg) top no-repeat; min-width:1200px; margin: 0 auto;}

#wrapper {width: 1000px; height:auto; margin:0 auto; display:block;}
#container { display:block; width: 820px; min-height:580px; background: url(subpage-frame.png) right top no-repeat; position:relative; margin: -100px 0; z-index:10;}
#content { padding: 70px 130px;}

.btnregister a { background:url(btn-register.png) no-repeat; width: 150px; height:106px; display:block; float:right; margin-right:30px; margin-top:10px; text-indent:-9999px;}
.btnregister a:hover { background:url(btn-register-hover.png) no-repeat;}

.btndownload a { background:url(btn-download.png) no-repeat; width: 122px; height:20px; margin:29px 0 0 120px; display:block; float:right; margin-right:105px; text-indent:-9999px;}
.btndownload a:hover {background:url(btn-download-hover.png);}

.btnUnlock a { background:url(btn-unlock.png) no-repeat; width: 172px; height:20px; margin: 195px 0 0 150px; display:block;z-index:20; position:absolute; text-indent:-9999px;}
.btnUnlock a:hover {background:url(btn-unlock-hover.png);}

.btnEnterWebsite a { background:url(btn-enterwebsite.png) no-repeat; width: 172px; height:20px; margin: 244px 0 0 150px; display:block;z-index:20; position:absolute; text-indent:-9999px;}
.btnEnterWebsite a:hover {background:url(btn-enterwebsite-hover.png);}


#logo {margin-left: 185px; margin-top: 0;}
#tagline { width:750px; height:165px; z-index:15; position:absolute; margin:-250px 40px;}

#fbMsg { display:block; width:150px; height:140px; -webkit-border-radius: 10px; border-radius: 10px; background-color:#000; opacity:0.7; filter: alpha(opacity = 70); 
		 position:absolute; margin: 75px -130px; text-align:center;}

#video_frame { display:block; width: 750px; height:397px; position:absolute; margin: -90px 0 0 90px; z-index:10;}
#video { margin: 25px 105px; position:absolute;}

#menu { width:400px; height:300px; background:url(monster.png) no-repeat; position:absolute; margin: -10px -170px; }

#btnhome a { background:url(btn-home.png) no-repeat; display:block; width: 100px; height:100px; margin:-50px 0 0 -20px; }
#btnhome a:hover { background:url(btn-home-hover.png) no-repeat; }


#socialMedia { margin:85px 0 0 18px; position:absolute; }

#forum a { background:url(forum.png) no-repeat; display:block; width: 60px; height:60px; margin:5px; }
#forum a:hover { background:url(forum-hover.png) no-repeat; }


#facebook a { background:url(Facebook.png) no-repeat; display:block; width: 60px; height:60px; margin:5px; }
#facebook a:hover { background:url(Facebook-hover.png) no-repeat; }

#twitter a { background:url(twitter.png) no-repeat; display:block; width: 60px; height:60px; margin:5px;}
#twitter a:hover { background:url(twitter-hover.png) no-repeat; }

.fb-like {width:60px; height:86px; display:block; margin:5px;}

#buttonlist { float:right; margin:70px 30px 0 0; width: 65px;}
#subbuttonlist { float:left; width: 65px;}

#btnIntro a { background:url(btn-intro.png) no-repeat; display:block; width: 70px; height:72px; margin:5px;}
#btnIntro a:hover { background:url(btn-intro-hover.png) no-repeat; }

#btnGuide a { background:url(btn-guide.png) no-repeat; display:block; width: 70px; height:72px; margin:5px;}
#btnGuide a:hover { background:url(btn-guide-hover.png) no-repeat; }

#btnJob a { background:url(btn-jobdesc.png) no-repeat; display:block; width: 70px; height:72px; margin:5px;}
#btnJob a:hover { background:url(btn-jobdesc-hover.png) no-repeat; }

#signup { display:block; width: 435px; height: 50px; margin: 320px 0 0 185px; padding: 5px 8px; z-index: 200;
		  -webkit-border-radius: 10px; border-radius: 10px;
		  background-color:#333; opacity:0.7; filter: alpha(opacity = 70);	}

#footer { margin: 410px 0 0 140px; display:block; width:1000px; position:relative;}
#subfooter { margin: 100px 0 0 140px; display:block; width:1000px; bottom:0px;}

#poring { position: absolute; margin: 240px 0 0 -90px; z-index: 100;}
#swordman { position: absolute; margin: -82px 0 0 877px; z-index:0;}


.modal-iframe {
	width: 740px;
	margin: -400px 0 0 -370px;
}
	.modal-iframe .modal-body {max-height: none;}
	.modal-iframe iframe {height: 510px;}