body {
 font-family: Arial;
 font-size: 12px;
 margin: 0px auto;
 padding: 0px;
 color: #2B2B2B;
 text-align: center;
 background: url(../images/background.jpg) no-repeat scroll 50% 0 transparent;
 background-color:black;
}

body.play {
  font-family: Arial;
  font-size: 12px;
  margin: 0px auto;
  padding: 0px;
  text-align: center;
  background-color: black;
  background-image:none;
}
/*#bg_outer {
 background: url(../images/main_inner_bg.jpg) repeat-y 50% 0 transparent;
}*/

#all {
 text-align: left;
 margin: 0px auto;
 background: url(../images/home_page_main.png) no-repeat scroll 50% 0 transparent;
 height:1210px;
 position: relative;
 z-index: 1;
 margin-bottom:-120px;
}

#discover {
  text-align: left;
  margin: 0px auto;
  background: url(../images/bg_discover.png) no-repeat scroll 50% 0 transparent;
  height: 1466px;
  position: relative;
  z-index: 1;
  margin-bottom:-150px;
}

#faq {
  background: url(../images/bg_faq.png) no-repeat scroll 50% 0 transparent;
  margin: 0px auto;
  height: 1585px;
  position: relative;
  z-index: 1;
  margin-bottom:-150px;
}

#all.play {
 margin: 0px auto;
 background: url(../../../images_play/Background1.jpg) repeat-x scroll 50% 0 transparent;
 position: relative;
 z-index: 1;
 height:1200px;
 background-color: #0a1317;
}

.main {
    direction: ltr;
    margin: 0 auto;
    padding-right: 0;
    padding-top: 45px;
    width: 816px;
}

a {
  color: #2B2B2B;
  font-size: 12px; 
  font-family: Arial, 'Trebuchet MS', Helvetica, sans-serif; 
  text-decoration: underline; 
  font-weight: bold; 
}

/* -------------------------------------------------------------------------- */
/* Header                                                                     */
/* -------------------------------------------------------------------------- */ 
.header {
  height: 70px;
  margin-top: 0px;
  z-index: 100;
  background: url(../images/header.png) no-repeat 100% 0 transparent;
  background-position:top center; 
}

#langs {
  margin: 0 auto;
  position: relative;
  top: 10px;
  width: 960px;
  text-align: right;
  height: 40px;
}


.menu {
 width: 401px;
 height: 70px;
 margin: 0 auto;
}
.menu ul{
 list-style: none;
 position: relative;
}
.menu ul li{
 float: left;
}


.menu ul li a {
 display: block;
 text-indent: -9999px;
 background-repeat: no-repeat;
}

.menu ul li.m1 a {
 background-image: url(../images/menu_01.jpg);
 width: 108px;
 height: 40px;
 position: absolute;
 top: 95px;
 left: 73px;
/* top: 127px;
 left: 284px;*/
 z-index: 100;
}
.menu ul li.m1 a:hover,
.menu ul li.m1 a.selected {
 background-image: url(../images/menu_01_active.jpg);
}

.menu ul li.m2 a {
  background-image: url(../images/menu_02.jpg);
  width: 69px;
  height: 36px;
  position: absolute;
  /*left: 424px;
  top: 130px;*/
  top: 104px;
  left: 210px;
  z-index: 100;
}
.menu ul li.m2 a:hover,
.menu ul li.m2 a.selected {
  background-image: url(../images/menu_02_active.jpg);
}

.menu ul li.m3 a{
  background-image: url(../images/menu_03.jpg);
  width: 95px;
  height: 36px;
  left:349px;
  position:absolute;
  top:112px;
  width:95px;
  z-index:100;
}
.menu ul li.m3 a:hover,
.menu ul li.m3 a.selected{
  background-image: url(../images/menu_03_active.jpg);
}

.menu ul li.m4 a{
  background-image: url(../images/menu_04.jpg);
  width: 98px;
  height: 33px;
  position: absolute;
  /*left: 646px;
  top: 159px;*/
  left: 475px;
  top: 130px;
  z-index: 100;
}
.menu ul li.m4 a:hover,
.menu ul li.m4 a.selected{
  background-image: url(../images/menu_04_active.jpg);
}

.menu ul li.m5 a{
  background-image: url(../images/download-app.jpg);
  width: 81px;
  height: 73px;
  position: absolute;
  /*left: 600px;
  top: 67px;*/
  left: 425px;
  top: 33px;
  z-index: 100;
}
.menu ul li.m5 a:hover,
.menu ul li.m5 a.selected{
  background-image: url(../images/download-app_active.jpg);
}

.menu ul li.m6 a{
  width: 130px;
  height: 140px;
  position: absolute;
  left: 600px;
  top: 140px;
  z-index: 100;
}


/* -------------------------------------------------------------------------- */
/* Main page                                                                  */
/* -------------------------------------------------------------------------- */
#mainpage {
  margin-top: 40px;
}
#mainpage .news_section {
  background: transparent url(../images/content_box.png) no-repeat;
  width: 355px;
  height: 211px;
  float: left;
  padding-left: 30px;
}
#mainpage .news_section #news {
  background: transparent url(../images/news.png) no-repeat;
  width: 100px;
  height: 35px;
  margin-top: 10px;
  margin-left: 15px;
}

#mainpage .signup_section {
  background: transparent url(../images/content_box.png) no-repeat;
  width: 385px;
  height: 211px;
  float: left;
  margin-left: 40px;
}
#mainpage .signup_section #signup {
  background: transparent url(../images/signup.png) no-repeat;
  width: 208px;
  height: 35px;
  float: left;
  margin-top: 10px;
  margin-left: 15px;
}

#mainpage .signup_section #signup_box {
  background: transparent url(../images/signup_box.png) no-repeat;
  width: 317px;
  height: 30px;
  margin-left: 22px;
  margin-top: 60px;
}

#mainpage .signup_section #signup_box input {
background:none repeat scroll 0 0 transparent;
border:0 none;
font-family:Arial;
font-size:13px;
width:265px;
margin-left: 44px;
margin-top: 7px;
}

.news_section ul {
list-style-type: none;
}

.news_section ul li {
background-image: url(../images/mask.png);
background-repeat: no-repeat;
padding-left: 30px;
padding-bottom: 10px;
font-size: 13px;
color: #1A1714;
width: 300px;
}
.news_section ul li a {
color: #1A1714;
font-size: 12px;
}

/* -------------------------------------------------------------------------- */
/* Member section                                                             */
/* -------------------------------------------------------------------------- */ 
#member {
  background: transparent url(../images/title_members.png) no-repeat;
  width: 227px;
  height: 62px;
  margin-left:42px;
  margin-top:80px;
}

#sect_sign_in {
  background: transparent url(../images/login_section.png) no-repeat;
  width: 562px;
  height: 243px;
  margin-top:15px;
  margin-left:145px;
}

#sect_sign_in #auth_login {
  background-color:transparent;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  height:26px;
  margin-left:195px;
  margin-top:100px;
  padding-left:11px;
  width:184px;
}
#sect_sign_in #auth_heslo {
  background-color:transparent;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  height:26px;
  margin-left:195px;
  margin-top:13px;
  padding-left:11px;
  width:184px;
}

#sect_sign_in #forgot_psw {
  margin-left:204px;
  padding-top: 2px;
		 *margin-left:-180px;
  *padding-top: 40px;
  position: absolute;
  top: 660px;
}
#sect_sign_in #forgot_psw a {
  font-size: 11px;
  cursor: pointer;
} 

#sect_sign_in #btn_sign_in {
  background: transparent url(../images/btn_sign_in.html) no-repeat;
  width: 93px;
  height: 33px;
  text-indent: -9999px;
  margin-top: 0px;
  margin-left: 319px;
}
#sect_sign_in #btn_sign_in:hover {
  background: transparent url(../images/btn_sign_in_active.html) no-repeat;
  cursor: pointer;
}

/* -------------------------------------------------------------------------- */
/* 1. Whats new                                                               */
/* -------------------------------------------------------------------------- */ 
#whatsnew {
  background: transparent url(../images/whatsnew.png) no-repeat;
  width: 258px;
  height: 63px;
  margin-top: 74px;
  margin-left: 60px;
  float: left;
}

#rss {
background:url(../images/rss.png) no-repeat scroll 0 0 transparent;
float:left;
height:80px;
margin-left:220px;
margin-top:0;
width:240px;
padding-top: 55px;
}

#whatsnew_sect .news_box {
  background: transparent url(../images/whats_new_bg.png);
  width: 450px;
  margin: 18px 10px 18px 24px;
  padding: 10px;
}
#whatsnew_sect .news_box .caption {
  width: 350px;
  float: left;
  font-weight: bold;
  font-size: 16px;
}
#whatsnew_sect .news_box .date {
  width: 100px;
  float: left;
  text-align: right;
  font-weight: bold;
}
#whatsnew_sect .news_box .content {
  color: #EEEEEE;
  margin: 10px 0;
}
#whatsnew_sect .news_box .tags {
  color: #A4C049;
  text-align: right;
}
#whatsnew_sect .news_box .tags .tags_txt {
  color: #EEEEEE;
}

#categ_outer {
  width: 216px; 
  float: left;
}

#categ_outer #categ_sect {
}

#categ_outer #categ_sect #categ_top {
  background: transparent url(../images/categories_bg_top.png);
  width: 273px;
  height: 62px;
  padding-left: 22px;
}
#categ_outer #categ_sect #categ_bg {
  background: transparent url(../images/categories_bg.png);
  width: 273px;
  padding-left: 22px;
  padding-bottom: 8px;
}
#categ_outer #categ_sect #categ_bottom {
  background: transparent url(../images/categories_bottom.png);
  width: 273px;
  height: 38px;
  padding-left: 22px;
}

/* -------------------------------------------------------------------------- */
/* 2. Tribes section                                                          */
/* -------------------------------------------------------------------------- */ 
#tribes {
  background: transparent url(../images/tribes.png) no-repeat;
  width: 227px;
  height: 62px;
  margin-top: 80px;
  margin-left: 60px;
}
#tribes_sect {
  padding-left: 75px;
  padding-top: 8px;
}
#tribes_sect .tribe_column {
  width: 250px;
  height: 185px;
  float: left;
}
#tribes_sect .tribe_column .coming_soon {
  background:url(../images/coming_soon.html) no-repeat scroll 0 0 transparent;
  height:45px;
  margin-top: 130px;
  width:125px;
}
#tribes_sect .tribe_column .details {
  background:url(../images/tribe_details.png) no-repeat scroll 0 0 transparent;
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  height:85px;
  line-height:19px;
  margin-top:130px;
  padding-left: 68px;
  padding-top: 6px;
  width:125px;
}
#tribes_sect .tribe_00 {
  background: transparent url(../images/tribe_type_unknown.png) no-repeat;
}
#tribes_sect .tribe_01 { /* tribe Yeknom */
  background: transparent url(../images/tribe_type_02.png) no-repeat;
}
#tribes_sect .tribe_02 { /* tribe Huhuloah */
  background: transparent url(../images/tribe_type_03.png) no-repeat;
}
#tribes_sect .tribe_03 { /* tribe Kahakai */
  background: transparent url(../images/tribe_type_01.png) no-repeat;
}
#tribes_sect .tribe_04 {
  background: transparent url(../images/tribe_type_04.png) no-repeat;
}


/* -------------------------------------------------------------------------- */
/* 3. Discover section                                                        */
/* -------------------------------------------------------------------------- */ 


#discover {
  background: transparent url(../images/discover.png) no-repeat;
			_background:none; /** to Disable IE6 **/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/discover.html'); /** IE6 **/
  width: 227px;
  height: 62px;
  margin-left:50px;
  margin-top:80px;
		
}

#discover_sect .inner_column_rpt {
  background: transparent url(../images/content_box_bg_rpt.png);
  width: 520px;
  min-height: 300px;
  float: left;
  margin-top: 31px;
  font-family:Arial;
  padding: 10px;
  font-size:13px;
  font-weight:bold;
  color: #EEEEEE;
  margin-bottom: 20px;
  margin-left: 0;
}
#discover_sect .inner_column {
  background: transparent url(../images/content_box_bg.png);
		
  width: 340px;
  min-height: 300px;
  float: left;
  margin-left: 40px;
  margin-top: 31px;
  font-family:Arial;
  font-size:13px;
  font-weight:bold;
  color: #EEEEEE;
  margin-bottom: 20px;
}
#discover_sect .inner_column p {
  line-height:18px;
  padding-left:6px;
  padding-top:0px;
}
#discover_sect .inner_column a {
  color:#A4C049;
  text-decoration: none;
}
#discover_sect .inner_column #what_is_island {
  padding-left:5px;
  padding-right:5px;
  padding-top:1px;
  }
#discover_sect .inner_column #what_is_island p {
    line-height:18px;
    margin-bottom:24px;
    margin-left:14px;
    margin-top:11px;
    margin-right:14px;
    
}

#discover_sect #character {
  background: transparent url(../images/character_bg.png) bottom right no-repeat;
  margin-top: 40px;
  float: left;
  width: 380px;
  margin-left:8px;
  margin-top:31px;
}
  
#discover_sect .inner_column #what_is_island_img {
  padding-left: 5px;
  padding-top: 5px;
}

#discover_sect .inner_column .columns1x4 {
  float:left;
  margin-top:4px;
  width:123px;
  color:#1A1714;
  padding-left:19px;
}

/* -------------------------------------------------------------------------- */
/* 4. Members                                                                 */
/* -------------------------------------------------------------------------- */ 
#payment_footer {
  width: 714px;
  margin: 0 auto;
  margin-top: 40px;
  font-size: 13px;
  color: white;
  padding-bottom: 20px;
}
#payment_footer_top {
  background: transparent url(../images/payment_footer_top.png) no-repeat;
  width: 714px;
  height: 81px;
}
#payment_footer_top .price {
  display: block;
  width: 100px;
  font-weight: bold;
  margin-left: 90px;
  padding-top: 34px;
}
#payment_footer_bg {
  background: transparent url(../images/payment_footer_bg.png) repeat-y;
  padding-bottom: 16px;
  width: 714px;
}
#payment_footer_top .section,
#payment_footer_bg .section {
  float: left;
  width: 238px;
}


#payment_footer_bg .section .description {
  width: 200px;
  margin-left: 20px;
  padding-top: 0px;
  display: block;
}
#payment_footer_bottom {
  background: transparent url(../images/payment_footer_bottom.png) no-repeat;
  width: 714px;
  height: 8px;
  padding-top:22px;
}


/*#payment_footer {
  background: transparent url(../images/payment_footer.png) no-repeat;
  width: 714px;
  height: 110px;
  margin: 0 auto;
  margin-top: 40px;
}
#payment_footer_bg .section {
  float: left;
  width: 238px;
  font-size: 13px;
  color: white;
}
#payment_footer_top .section .price {
  display: block;
  width: 100px;
  font-weight: bold;
  margin-left: 90px;
  margin-top: 32px;
}

#payment_footer_bg .section .description {
  width: 200px;
  margin-left: 20px;
  margin-top: 20px;
  display: block;
}*/

/* -------------------------------------------------------------------------- */
/* Feedback Form                                                              */
/* -------------------------------------------------------------------------- */ 
#feedback_div {
  margin-left:256px; 
  margin-top:100px;
}

#feedback_div input {
  width: 100%;
}
#feedback_div input.transpar {
  background: url(../images/input-box.png) no-repeat;
  color: #DBDBDB;
}

#feedback_sent {
  background: url(../images/popup_admin.html) no-repeat;
  width: 370px;
  height: 242px;
  color: white;
  font-size: 14px;
  padding-top: 100px;
  text-align: center;
}

#feedback_div .submit_btn {
  background: url(../images/submit_btn.png) no-repeat;
  width: 70px;
  height: 24px;
  color: #E3E3E3;
}


/* -------------------------------------------------------------------------- */
/* Footer                                                                     */
/* -------------------------------------------------------------------------- */ 
#footer_outer {
  width: auto; 
  background: url(../images/footer_bg.html);
  position:relative;
}
.footer_menu {
  padding-top: 120px;
}

.ftr_lnks {
    padding-top: 15px;
}

.ftr_lnks a {
    color: #FFFFFF;
    font-size: 15px;
    line-height: 200%;
    padding: 0 3px;
    text-decoration: none;
}

.ftr_lnks  a:hover{
  color:#00ccff;
}

.footer .footer_menu ul {
  list-style:none outside none;
  /*text-align: center;*/
}
.footer .footer_menu ul li {
  /*float: left;*/
  display: inline;
}
.footer .footer_menu ul li a {
  /*display: block;*/
  margin-left: 5px;
  padding-left: 5px;
  font-size: 9px;
  text-decoration: none;
  border-left: 1px solid #999999;
  color: #999999;
}
.footer .footer_menu ul li a.selected {
  color: white;
}
.footer .footer_menu ul li.first a {
  margin-left: 0px;
  padding-left: 0px;
  border-left: 0px none !important;
}

.footer .footer_menu a.copyright {
  display: inline; 
  margin-left: 0px; 
  padding-left: 0px; 
  border-left: 0px none;
  text-decoration: none;
  color: gray;
}



/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/*a {
 color: #666666;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}*/
.clear {
 width: 100%;
 clear: both;
 font-size: 1px;
}
.center {
 text-align: center;
 width: 100%;
}
* {
  margin: 0px;
  border: 0px;
  padding: 0px;
}
img.logo {
 float: left;
 position: relative;
 top: 135px;
 left: 22px;
}
 
ul.lang {
 list-style: none;
 margin: 66px 0px 0px 10px;
 float: left;
}
ul.lang li{
 float: left;
 padding: 0px 6px 0px 6px;
}


.logo_down {
background: url(../images/logo_down.html) no-repeat;
 float: right;
 position: relative;
 width: 214px;
 height: 62px; 
 border-left-width:1px;
 left:-235px;
 margin-left:0;
 margin-top:-73px;
 }
.main .first_column {
 width: 200px;
 float: left;
}

.first_column .left_column { 
  width: 177px;
  height: 40px;
  margin-left: 20px;
  margin-top: 4px;
}

.main .second_column {
 width: 430px;
 float: left;
 
}

.second_column .content {
  width: 341px; 
  float: left;
  padding-left:15px;
  padding-top:15px;
  text-align: justify;
  padding-bottom: 10px;
}
  
.main_sect_inner {
  margin-top: 40px; 
  margin-left: 40px;
  margin-right: 40px;
  padding-bottom: 30px;
  padding-top: 30px;
  color: #1A1714;
}


/* -------------------------------------------------------------------------- */
#top_menu {
  background: blue; height: 20px;
}
#top_menu #inner {
  width: 925px; margin: 0 auto; text-align: right;
}
#top_menu #inner ul {
  padding-top: 2px;
}
#top_menu #inner ul li {
  display: inline;
}
#top_menu #inner ul li a {
  border-left:1px solid #999999;
  margin-left:5px;
  padding-left:5px;  
  color: #7AD9FF;
  text-decoration: none;
}
#top_menu #inner ul li.first a {
  border-left: 0 none !important;
}

/*-------------------------------------------------------------------------*/

.navigation {
  clear:both;
  width:960px;
  height:120px;
  margin:0 auto;
  padding-top: 55px;
}

.intro{
 background: url("../images/ts.png") repeat scroll 0 0 transparent;
		_background:none; /** to Disable IE6 **/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/ts.html'); /** IE6 **/
    color: #FFFFFF;
    float: left;
    font-family: Arial;
    font-size: 17px;
    font-weight: bold;
    margin: 60px 0 0 50px;
				_margin: 60px 0 0 10px;
    padding: 20px;
    width: 350px;
}
.player {
    float: right;
    height: 200px;
    margin: 60px  50px 0 0;
				 _margin: 60px  30px 0 0;
    width: 290px;
}

.intro p{
padding:7px 0px;
}

.menu ul li.home a {
    height: 190px;
    position: absolute;
    left: -270px;
    top: 10px;
    width: 270px;
    z-index: 100;


}

.textarea , #feedback_form{
 width: 300px; 
	display: inline; 
	float: left;

}

.form_caption{
width: 100px; display: inline; float: left; color: white;
}

.form_input{
width: 200px; float: left;
}

.sub_lnks {
	clear:both;
	overflow:hidden;
	padding:30px 15px;
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
}

.sub_lnks a {
	display:block;
	float:right;
	padding:0px 10px;
	font-family:Tahoma;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	border-left:dotted 1px #2B2B2B;
}

.sub_lnks a:hover {color:#678e51;}

.sub_lnks .last {border:none;}

.hiddenPic { 
  display:none;
}