html{ margin: 0px; padding: 0px;}
body{ position: relative; margin: 0px; padding: 0px; background: #1e282c;
    width: 100%; font-family:arial, verdana, sans-serif; overflow: auto;}
img{ margin: 0px; padding: 0px; border: 0px;}
input{ position: relative; margin: 0px; padding: 0px}

#outer{ min-width: 1010px; min-height: 1839px; background: url(../images/back3.jpg) #1e282c top center no-repeat; position: relative; margin: 0px auto 0px auto;  }
.inner{ width: 1010px; position: relative; margin: 0px auto 0px auto; text-align: left; }

.shadow{ -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0, 1);
-moz-box-shadow:    0px 3px 5px 0px rgba(0,0,0, 1);
box-shadow:         0px 3px 5px 0px rgba(0,0,0, 1);}

.shadow2{-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 1);
box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 1);}
.shadow4{-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 1);}
.sp20{ width: 100%; height: 20px; line-height: 20px; font-size: 20px; position: relative;}
 .sp40{ width: 100%; height: 40px; line-height: 40px; font-size: 40px; position: relative;}
 .sp60{ width: 100%; height: 60px; line-height: 60px; font-size: 60px; position: relative;}
 .sp80{ width: 100%; height: 80px; line-height: 80px; font-size: 80px; position: relative;}
 .sp100{ width: 100%; height: 100px; line-height: 100px; font-size: 100px; position: relative;}
.clear{ width: 100%; height: 0px; line-height: 0px; font-size: 0px; position: relative; clear: both;}
.preview_tracks{ position: relative; width: 919px; height: 468px; background: url(../images/tracks_back.png) top center no-repeat; margin: 0px auto 0px auto}
.tracks ul { list-style: none; margin: 0px; padding: 0px; line-height: 0px; font-size: 0px;}
.tracks li{ width: 149px; height: 149px; display: inline-block; margin: 1px 0px 0px 1px; padding: 0px 0px 0px 0px; position: relative;}
.def{ position: absolute; width: 100%; height: 100%; top:0px; left: 0px;}
.mo{ position: absolute; width: 100%; height: 100%; top:0px; left: 0px; text-align: center; display: none; background: url(../images/track_back.png) top center no-repeat;  }
.lock{ position: absolute; top:10px; right: 10px;}
.tracks{ width: 900px; position: absolute; top:9px; left: 9px;}
.social.white{ font-size: 32px; line-height: 32px; vertical-align: middle; color: #ffffff}
.social.white a{color: #ffffff; text-decoration: none; display: inline-block; vertical-align: middle; margin: 0px 2px 0px 2px}

.main_ttl{ position: relative; margin: 130px 0px 0px 40px}
.preorder{ position: relative; margin: 20px 0px 0px 40px; width: 524px; text-align: center;}
.content{ position: relative; margin: 15px 0px 0px 0px;}
.preview_ttl{ position: relative; text-align: center;}
.play{ position: relative; text-align: center; margin: 15px 0px 0px 0px;}
.enter_web{ position: absolute; width: 100%; text-align: center; top:3px; left: 0px;}

.game_ttl{ position: relative; text-align: left; margin: 0px 0px 0px 50px}
.abbr{ top:-10px; font-family: Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif; color: #83888a; font-size: 12px; line-height: 15px; position: relative; width: 530px; margin: 5px auto 0px auto}
.abbr a{ color: #83888a}
.game_menu{ position: relative; width: 870px; margin: 5px auto 0px auto; height: 20px;}
.enter_sweep{ position: absolute; top:0px; left: 0px; text-align: left; z-index: 2}
.try_again{ position: absolute; width: 100%; top:0px; left: 0px; text-align: center;}
.help{ position: absolute; top:0px; right: 0px; text-align: left; z-index: 2}

.capitol{ position: relative; text-align: center; margin: 15px 0px 0px 0px;}
.links{ position: relative; text-align: center; color: #ffffff; font-size:13px; line-height: 15px; font-family: 'Lato', sans-serif; }
.links a{ color: #ffffff; text-decoration: none;}
.footer{ text-align: center;}
.powered{ position: relative; text-align: center; margin: 8px 0px 8px 0px;}
.track_name {width:95%;height:30px; position: relative; font-family: Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif; color: #ffffff; font-size: 14px; line-height: 16px; padding: 20px 0px 0px 0px}
.track_icon{ position: relative; margin: 10px 0px 0px 0px; text-align: center;}

.card_back{ position: absolute; top:0px; left: 0px;}
.front{ position: absolute; width: 100%; height: 100%; top:0px; left: 0px;}
.back{ position: absolute; width: 100%; height: 100%; top:0px; left: 0px; text-align: center;  background: url(../images/track_back.png) top center no-repeat;  }