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

* { padding:0; margin:0;  outline:0;}
img { border:0; }
a { border:0; }
p { display:block; }
body { height:100%; background:#000; font-family: Arial, Helvetica, "Nimbus Sans L", FreeSans; font-size: 14px; }
.clear { clear: both; height: 0px; line-height: 0; font-size: 0px; }
#center { width: 880px; margin: 0 auto; padding-bottom: 10px; }
#header { background: url(../images/dark_age_wars.jpg) no-repeat; height: 550px; width: 880px; position: relative; }
#login { height: 43px; margin: 0 auto; color: #BFB9AC; font-size: 11px; font-weight: bold; padding: 4px; background: url(../images/login.png) no-repeat; position: relative; width: 733px; top: 10px; }
#login .login_text_username { background-image: url(../images/textbox_bg.png); height: 20px; border: solid #9E917E 1px; position: relative; top: 5px; left: 10px; width: 116px; padding: 4px 3px 0 3px; float: left; color: #BFB9AC; font-weight: bold; }
#login .login_text_password { background-image: url(../images/textbox_bg.png); height: 20px; border: solid #9E917E 1px; position: relative; top: 5px; left: 10px; width: 116px; padding: 4px 3px 0 3px; float: left; color: #BFB9AC; font-weight: bold; }
#login label { display: block; float: left; padding: 0 15px 0 12px; }
#login span { float: left; display: block; padding: 10px 0 0 0; width: 63px; }
#login .username{ float: left; display: block; padding: 10px 0 0 0; width: 63px; }
#login .password{ float: left; display: block; padding: 10px 0 0 0; width: 63px; }
#login .login_button { float: left; position: relative; top: 1px; left: 42px; }
#navigation { text-align: center; font-family: "Times New Roman", Times, serif; }
#navigation ul { display: block; padding: 22px 18px 12px 0; }
#navigation ul li { display: inline; list-style: none; }
#navigation ul li a { display: inline-block; background: url(../images/star_sep.png) right 4px no-repeat; font-size: 18px; text-decoration: none; color: #BFB9AC; height: 20px; padding: 0 18px 0 10px; }
#navigation ul li a:hover { color: #DCD8D1; }
#footer { display: block; padding: 5px 0; text-align: center; }
#footer .copyright { width: 336px; margin: 0 auto; background-image: url(../images/copyright_c.png); height: 21px; color: #82785E; font-size: 11px; font-weight: bold; text-decoration: underline; margin-bottom: 6px; }
#footer .copyright div { height: 21px; background: url(../images/copyright_l.png) no-repeat; }
#footer .copyright p { height: 19px; background: url(../images/copyright_r.png)  right top no-repeat; padding: 2px 0 0 0; }
#footer .copyright a { color: #82785E; }
#footer .copyright a:hover { color: #9D9377; }

#navigation ul li a.last { background-image: none; padding: 0 0px 0 10px; }

#header2 { background: url(../images/sign_up_form_bg.jpg) no-repeat; height: 230px; width: 340px; position: relative; padding: 331px 270px 0 270px; color: #453123; }
#header2 p { display: block; height: 27px; width: 167px; float: left; padding: 3px 0 0 0; overflow: hidden; }
#header2  .reg_text { text-align: right; padding: 7px 6px 0 0; height: 23px; float: left; }
#header2 p .text { border: solid 1px #A67D4E; background: #E7CEA6; border-bottom: #D09E63; border-right: #D09E63; height: 22px; padding-top: 3px; width: 143px; color: #45312F; }
#header2 .check_box { color: #453123; }
#header2  p.check_box { padding: 3px 0 0 170px; height: 27px; }
#header2 div { width: 340px; }
#header2 form { width: 340px; }
#header2 .submit_button { text-align: center; width: 340px; height: 66px; }

/*footer navigation*/
#copyright ul li.left_ft_bg { background: url(../images/footernav_left.png) left center no-repeat; height: 21px; line-height: 21px; }
#copyright ul li.right_ft_bg { background: url(../images/footernav_right.png) right center no-repeat; height: 21px; line-height: 21px;  }


#copyright { width: 100%;  padding: 20px 0px 20px 0px;    overflow:hidden;
   position:relative; float: left;
 }


#copyright ul {    clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#copyright ul li{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-size: 10px; color: #BCB08A; background: url(../images/footernav_bg.png) left center repeat-x; display: block;  line-height: 21px; padding: 3px 0 5px 0; height: 21px; margin:0px; float: left; position:relative;
   right:50%;
 }


#copyright ul li a { color: #BCB08A; font-weight: bold;  }

#copyright li img{
	float: left;
}

#copyright ul li span{ display: block; height: 21px; margin: 0; padding: 0px 10px 0px 10px; line-height: 21px; }
#movie { width: 341px; height: 161px; position: absolute; left: 268px; top: 316px; z-index: 3; }
.start { height: 72px; width: 245px; display: block; position: absolute; top: 440px; left: 316px; text-indent: -4000px; overflow: hidden; z-index: 10; float: left; background-image: url(../images/language/en_US/create_account.png); }

#login .fb_connect { float: left; position: absolute; left: 622px; top: 1px; }
#create { color: #000; top: -700px; padding-top: 518px; }
#register { top: -700px; background: url(../images/sign_up_bg.jpg) 189px 294px no-repeat; padding: 296px 0 0 0; height: 320px; }
#register .left { float: left; padding: 36px 0 0 230px; width: 264px; color: #35241D; height: 150px; overflow: hidden; }
#register .left p { font-size: 13px; height: 31px; line-height: 16px; }
#register .left p span { display: block; width: 116px; float: left; line-height: 24px; color: #FCF7E7; }
#register .left p input { float:left; position:relative; top:2px; background-color: #ECD7BB; width: 137px; border:solid 1px #CD995F; height: 18px; padding: 2px 0 0 4px; }
#register .right { float: left; padding: 38px 0 0 13px; width: 146px; height: 120px; text-align: center; overflow: hidden; color: #FCF7E7; font-size: 12px; }
#register .right p { padding: 5px 0 2px 0; height: 31px; }
#register .right .fb_connect { padding: 12px 0 0 0; }
#register .left p #agree { padding: 0px; height 13px; width:13px; position: relative; top: -1px; }
#register .left p a { color: #35241D; }
#sign_up { clear:both; position: relative; left: 248px; top: -1px; }
#login.register { width: 610px; }
#logo_overlay { position: absolute; background: url(../images/logo_overlay.png) no-repeat; width: 394px; height: 64px; left: 240px; top: 268px; z-index: 20; }

.pixabit_new {margin: auto; background: url(../images/pixabinew.png) no-repeat; height: 19px; width: 146px;}