body {
	margin:0;
	font-family: Calibri, sans-serif;	
	/*font-family: 'Roboto', sans-serif;*/
	background: #FFF;
	font-size: 1em;
}



/* HEADER*/
#header {
　　width: 100%;
   height:155px;
   background-color:#000000;
   margin: 0;
   position:relative;
   background-image:url(../images/header_bg.png);
   background-position:bottom;
   background-repeat:repeat-x;
}
#header_top{
   width:945px;
   margin:auto;
   height:123px;
}
.top_curve {background:#fff url(../images/curve_top.png)  0 0 no-repeat;  height:21px; width:30%; margin-left:70%; margin-bottom:-20px;}
.header_logo {margin:30px 0 0 10px; border:0px; float:left;}
.sns_icon { float:right; width:200px; margin-top:38px; margin-right:20px; border:0px; text-align:right;}

#signup_news_btn {float:right; width:300px; margin-top:3px; margin-right:18px; text-align:right}

#signup_news {float:right; width:340px; margin-top:3px; margin-right:15px; text-align:right}
.singup_btn { float:left; vertical-align:bottom;}
.signup_form {
    width:265px;
    height:21px;
	float:left;
    background-image:url(../images/signup_box.png);
    background-repeat:no-repeat;
}

.signup_form input{
   width:240px;
   height:20px;
   margin:0px 0;
   padding-top:0px;
   padding-left:10px;
   font-size:14px;
   border-width:0;
   border-style:none;
   background:transparent;
   color: #000000;
}

#main_navigation{
   width:945px;
   margin:auto;
   padding-top:8px;
   height:22px;
}
ul#main-nav {
	margin: 0px;
}
ul#main-nav li {
	float: left;
	position: relative;
	margin-left: -40px;
	display: inline;
}
ul#main-nav li a {
	position: relative;
	width: 90px;
	height: 22px;
	display: block;
	background-image: url('../images/mainnavi_tabs.png');
	background-position: center center;
	color: #292325;
	text-decoration: none;
	font-size: 16px;
	font-family: Calibri;
	padding-top: px;
	text-align: left;
	padding-left: 50px;
	font-weight: bold;
}
ul#main-nav li.home a {
	background-image: url('../images/mainnavi_tabs_home.png');
}
ul#main-nav li.current a {
	background-position: top;
	color: #ffffff;
}
ul#main-nav li.current2 a {
	background-position: top;
	color: #ffffff;
}
ul#main-nav li.current3 a {
	background-position: top;
	color: #ffffff;
}
ul#main-nav li.current4 a {
	background-position: top;
	color: #ffffff;
}
ul#main-nav li a:hover {
	background-position: bottom;
	color: #ffffff;
}
ul#main-nav li.current a:hover {
	background-position: top; /*To Prevent the Current tab from changing colour on hover*/
	color: #ffffff;
}
ul#main-nav li.current2 a:hover {
	background-position: top; /*To Prevent the Current tab from changing colour on hover*/
	color: #ffffff;
}
ul#main-nav li.current3 a:hover {
	background-position: top; /*To Prevent the Current tab from changing colour on hover*/
	color: #ffffff;
}
ul#main-nav li.current4 a:hover {
	background-position: top; /*To Prevent the Current tab from changing colour on hover*/
	color: #ffffff;
}
ul#main-nav li.current {
	z-index: 100;
}
ul#main-nav li.home {
	z-index: 100;
}
ul#main-nav li.games {
	z-index: 99;
}
ul#main-nav li.current2 {
	z-index: 98;
}
ul#main-nav li.updates {
	z-index: 98;
}
ul#main-nav li.current3 {
	z-index: 97;
}
ul#main-nav li.forum {
	z-index: 97;
}
ul#main-nav li.current4 {
	z-index: 96;
}
ul#main-nav li.store {
	z-index: 96;
}
ul#main-nav li.store_eu {
	z-index: 95;
}
#image {
	position: relative;
	float: left;
	margin-left: 40px;
	margin-top: 25px;
}

.sub_navi a { text-decoration: none; color:#fff}
.sub_navi a:hover{ text-decoration: none; }

/*
.sub_navi {
   margin: 0px;
   margin-top:-3px;
   padding: 0px;
   float:right;
}

.sub_navi li { 
   display: inline;
   font-size:16x;
   font-weight:bold;
   margin-right:20px;

}
.sub_navi a:hover {
   color:#938e8e;     
}
*/
ul.sub_navi{
   margin: 0px;
   margin-top:-3px;
   padding: 0px;
   float:right;
   position: relative;
   width: 405px;
}

ul.sub_navi li{ 
   display: inline;
   font-size:16px;
   font-weight:bold;
   margin-right:20px;
}
ul.sub_navi a:hover{
   color:#938e8e;     
}


/* Drop-Down Navigation */
ul.sub_navi li:hover > ul.dd1, ul.sub_navi li:hover > ul.dd2 
{
/*these 2 styles are very important,
being the ones which make the drop-down to appear on hover */
    visibility:visible;
    opacity:1;
}
 
ul.sub_navi ul.dd1, ul.sub_navi ul.dd2 {
    list-style: none;
    margin: 0;
    padding: 0;
/*the next 2 styles are very important,
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 99999;
    top: 26px;
    background:#f8f8f8;
    box-shadow:1px 1px 3px #ccc;
/* css3 transitions for smooth hover effect */
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
    -o-transition:opacity 0.2s linear, visibility 0.2s linear;
    transition:opacity 0.2s linear, visibility 0.2s linear;
}

ul.sub_navi ul.dd1 {
  width:150px;
  left: 0px; /* ******** orig 50px *********** */
}

ul.sub_navi ul.dd2 {
  width:180px;
  left: 130px; /* ******** orig 50px *********** */
}
 
 
ul.sub_navi ul.dd1 li, ul.sub_navi ul.dd2 li{
    clear:both;
    width:100%;
    border-bottom:1px solid #c9c9c9;
}
 
ul.sub_navi ul.dd1 li a, ul.sub_navi ul.dd2 li a {
    background:none;
    padding:7px 15px;
    color:#616161;
    text-shadow:1px 1px 0px #fff;
    text-decoration:none;
    display:inline-block;
    border:0 none;
    float:left;
    clear:both;  
}

ul.sub_navi ul.dd1 li a {
  width:120px;
}

ul.sub_navi ul.dd2 li a {
  width:150px;
}


.white_bg{background-color:#FFFFFF; height:22px; width:33%; margin-right:80%; margin-bottom:-30px; margin-top:8px; }
.gray_bg{background-color:#767676; height:22px; width:33%; margin-right:80%; margin-bottom:-30px; margin-top:8px; }

/** end HEADER **/



p {
	margin:0;
}

.wrapper {
	background: url(../images/content_bg.png) top center repeat-x;
}

.container {
	margin: 0 auto;
	width: 865px;
    background: #FFF;
	padding: 40px;	
}

.header {
	background: url(../images/DALPC_beta_header.jpg) top center no-repeat;
	width: 800px;
	height: 233px;
	padding: 20px;
	margin: 0 auto;
}

.content {
	margin: 0 auto;
	width: 800px;
	z-index: 200;
}

.list {
	list-style: none;
	text-indent: -15px;
}


.btn_div {
	text-align: center;	
}

.btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	margin: 0 auto;
}
.btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.btn:active {
	position:relative;
	top:1px;
}




/* FOOTER*/
#footer{ 
　　　width: 100%;
   height:auto;
   margin: 0; 
   background-color:#000000;
}
.footer_box{
   width:925px;
   height:145px;
   margin:auto;
   color:#fff;
   font-family: Calibri;
   font-size:13px;
   padding: 15px 10px 0 10px;
   text-align:center;
}
.footer_box a:hover{
   color:#938e8e;
      
}
.footer_img{
   margin-right: 10px;
   float:right;
   border:0px;
}

.footer_navi a {
	color: #FFF;
	text-decoration: none;
}

ul.footer_navi{
   margin-top: 8px;
   padding: 0px;
}

ul.footer_navi li{ 
   display: inline;
   font-size:17px;
}

.bottom_curve{background:#fff url(../images/curve_bottom.png)  right 0 no-repeat;  height:21px; width:30%; margin-right:70%; margin-bottom:-20px;}