@charset "UTF-8";
@import url(main_css.php);

@font-face {
  font-family: Pirulen;
  src: url(../fonts/a1eb62b3fd3a.ttf) format("truetype");
}

body {
  margin: 0;
  padding: 0;
  background: #000 url(http://static.darkspore.com/images/bg.jpg) center top no-repeat;
  color: #98a8cf;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

#preorderbody{

  /*background: #000 url(/images/beta_bk.jpg) center top no-repeat;*/
    /*background: #000 url(http://beta.darkspore.com/spore-commerce-theme/images/home/beta_bk.jpg*/
	
  background: #000 url(/images/Darkspore_Headband_Skin.jpg) center top no-repeat;



	/*background: #fff;*/
}
#tableframe{
  background: url(/images/PreorderPage_TextBorder.png) center center no-repeat;
  width:442px;
  height:228px;

}

.preOrderIndent{
	width:300px;
	margin-left: 80px;
	
	
}

#pre-orderText{
    margin-bottom: 60px;
    margin-left: 80px;
    overflow: visible;
    position: relative;
    top: 0;
    width: 300px;
}

.homepage {
  background: #000;
  background-image: none;
}

.glow_text,
.ds_homepage_button a,
.ds_newsletter_submit {
  color: white;
  text-shadow: 0 0 2px #fff, 0 0 5px #98A8CF, 0 0 7px #98A8CF, 0 0 10px #98A8CF, 0 0 13px #98A8CF !important;
}

.over_glow_text,
.ds_homepage_button a:hover,
.ds_news_form_section a:hover {
  text-shadow: 0 0 2px #fff, 0 0 6px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 25px #98a8cf, 0 0 35px #98a8cf,  0 0 45px #98a8cf !important;
}

.ds_homepage_button {
  background: url(http://static.darkspore.com/images/homepage_button_bg.png) center top no-repeat;
  width: 288px;
  height: 48px;
  text-align: center;
  margin: -10px auto 0 auto;
  line-height: 45px;
  font-size: 14px;
}

.ds_input_text{
  font-family: Arial, sans-serif;
  font-size: 14px;
  width: 284px;
  margin-top: 10px;
  outline: none;
  padding-left: 8px;
  padding-right: 8px;
}

.ds_input_checkbox{
  width: 15px;
  margin-top: 0px;
  outline: none;
}

select {
  font-family: Arial;
  font-size: 14px;
  margin-top: 10px;
  outline: none;
  padding-left: 5px;
  padding-right: 0px;
}

select.ds_newsletter_country {
  width: 300px;
}

select.ds_newsletter_dob {
  width: 90px;
}

.ds_news_label {
  color: #fff;
  font-weight: bold;
}

img {
  border-style: none;
}

a {
  color: #b0c5ff;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: #fff;
}

h1 {
  font-size: 30px;
  font-weight: normal;
  text-shadow: 0 0 2px #fff, 0 0 5px #98a8cf, 0 0 7px #98a8cf, 0 0 10px #98a8cf;
  color: #fff;
  margin: 10px 0px 5px 0px;
}

h1 span {
  font-size: 30px;
  color: #98a8cf;
  text-shadow: none;
}

strong {
  font-weight: bold;
  color: #fff;
}

.spacer_30 {
  clear: both;
  height: 30px;
}

.spacer_10 {
  clear: both;
  height: 10px;
}

.hr_top {
  clear: both;
  width: 780px;
  height: 19px;
  margin: 0px;
  margin-bottom: 20px;
  background: url(http://static.darkspore.com/images/hr_top.png) top center no-repeat;
}

.hr_btm {
  clear: both;
  width: 780px;
  height: 19px;
  margin: 0px;
  margin-top: 20px;
  background: url(http://static.darkspore.com/images/hr_btm.png) top center no-repeat;
}

.hr_space {
  clear: both;
  width: 780px;
  height: 10px;
  margin: 0px;
}

.btm_margin_30 {
  margin-bottom: 30px;
}

#ds_homepage_flash {
  z-index: 0;
  margin: 0 auto;
  overflow: hidden;
  height: 354px;
}

/* z-indexes start a 1000 to accomodate FB like button in IE7 */
.ds_homepage_html {
  z-index: 1000;
  position: absolute;
  margin: 0;
  width: 100%;
  top: 0;
}

#ds_header_container {
  margin: 0;
  background: url(http://static.darkspore.com/images/nav_bg_tile.png) top repeat-x;
}

.ds_header_container_homepage {
  margin: 0;
  min-height: 23px;
  background: url(http://static.darkspore.com/images/nav_bg_tile_homepage.png) top repeat-x;
}

#ds_header_container_home {

  background: url(/images/nav_bg_tile.png) top repeat-x;


}

#ds_header_nav {
  margin: 0 auto;
  width: 866px;
  height: 81px;
  padding: 0px 50px 0 50px;
  background: url(http://static.darkspore.com/images/nav_bg.png) top center no-repeat;
  font-size: 12px;
  line-height: 81px;
  white-space: nowrap;
  visibility: hidden;
}

#ds_header_nav span {
  float: left;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

#ds_header_nav span.active {
  text-shadow: 0 0 2px #fff, 0 0 5px #98a8cf, 0 0 7px #98a8cf, 0 0 10px #98a8cf, 0 0 13px #98a8cf;
  color: #fff;
}

#ds_header_nav a {
  font-size: 12px;
  color: #98a8cf;
}

#ds_header_nav  a:active{
  text-shadow: 0 0 2px #fff, 0 0 5px #98a8cf, 0 0 7px #98a8cf, 0 0 10px #98a8cf, 0 0 13px #98a8cf;
  color: #fff;
}

#ds_header_nav a:hover {
  text-shadow: 0 0 2px #fff, 0 0 5px #98a8cf, 0 0 7px #98a8cf, 0 0 10px #98a8cf, 0 0 13px #98a8cf;
  color: #fff;
}

#ds_header_logo {
  margin: 0 auto;
  margin-top: 7px;
  width: 550px;
  height: 97px;
  /* background: url(http://static.darkspore.com/images/header_logo.png) top center no-repeat; */
}

.ds_header_logo_homepage {
  margin: 0 auto;
  margin-top: -16px;
  width: 550px;
  height: 97px;
  background: url(http://static.darkspore.com/images/header_logo.png) top center no-repeat;
}

#ds_content_container_homepage {
  position: relative;
  width: 940px;
  margin: 0 auto;
  margin-top: 235px;
  text-align: center;
  visibility: hidden;
}

.ds_homepage_images {
  width: 940px;
  height: 280px;
  background: url(http://static.darkspore.com/images/homepage_images.png) top center no-repeat;
}

.ds_homepage_images {
  color: #fff;
  font-weight: normal;
}

.ds_homepage_btn01 {
  position: absolute;
  top: 130px;
  left: 10px;
  width: 220px;
  height: 110px;
  text-align: right;
  font-size: 12px;
}

.ds_homepage_btn02 {
  position: absolute;
  top: 25px;
  left: 255px;
  width: 430px;
  height: 240px;
  font-size: 20px;
  text-align: center;
}

.ds_homepage_btn03 {
  position: absolute;
  top: 130px;
  right: 10px;
  width: 220px;
  height: 110px;
  text-align: left;
  font-size: 16px;
}

.ds_homepage_btn_table1 {
  width: 220px;
  height: 110px;
  margin: 0px;
  padding: 0px;
}

.ds_homepage_btn_td1 {
  vertical-align: middle;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  padding-right: 20px;
  padding-left: 20px;
}

.ds_homepage_btn_table2 {
  width: 430px;
  height: 240px;
  margin: 0px;
}

.ds_homepage_btn_td2 {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  padding-bottom: 30px;
  vertical-align: bottom;
}

.ds_homepage_btn_td3 {
  vertical-align: middle;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  padding-left: 20px;
  padding-right: 20px;
}

#ds_twitter_div {
  padding-top: 1px;
  width: 838px;
  height: 258px;
  margin: 0 auto;
  /* background: url(http://static.darkspore.com/images/homepage_promo.png) top center no-repeat; */
  background: url(../images/homepage_promo.png) top center no-repeat;
}

#ds_twitter_div h3 {
  margin: 13px 0;
}

#ds_twitter_div table {
  width: 100%;
  height: 197px;
}

#twitter_updates hr {
  margin: 1em 84px;
  border: 0;
  border-top: solid #32363D 1px;
  height: 1px;
}

.twit_text {
  font-weight: bold;
  color: #98A8CF;
  margin: 0 84px;
}

.twit_text a {
  color: white;
}

.twit_at {
  margin: 0 84px;
}

.twit_at a {
  color: #999;
  font-weight: normal;
  font-size: 0.9em;
}

#ds_content_container {
  width: 940px;
  margin: 0 auto;
  margin-top: 60px;
  visibility: hidden;
}

#ds_frame_top {
  width: 940px;
  height: 114px;
  background: url(http://static.darkspore.com/images/content_frame_top.png) center top no-repeat;
  text-align: center;
  margin: 0;
  padding: 0;
}

.ds_news_frame_top {
  width: 914px;
  height: 116px;
  background: url(http://static.darkspore.com/images/newsletter_frame_top.png) center bottom no-repeat;
  text-align: right;
  margin: 0;
  padding: 0;
  padding-right: 26px;
  font-size: 12px;
}

.ds_news_frame_top span {
  margin-right: 4px;
}

#ds_frame_top h2 {
  font-size: 16px;
  font-weight: normal;
  text-shadow: 0 0 2px #fff, 0 0 5px #98a8cf, 0 0 7px #98a8cf, 0 0 10px #98a8cf, 0 0 13px #98a8cf;
  color: #fff;
  margin: 0;
  padding-top: 13px;
  text-transform: uppercase;
}

#ds_frame_mid {
  width: 940px;
  background: url(http://static.darkspore.com/images/content_frame_mid_tile.png) repeat-y;
  margin: 0;
  padding: 0;
}

.ds_news_frame_mid {
  width: 940px;
  background: url(http://static.darkspore.com/images/newsletter_frame_mid_tile.png) repeat-y;
  margin: 0;
  padding: 0;
}

#ds_frame_body {
  width: 780px;
  position: absolute;
  padding: 0 80px;
  margin-top: -45px;
}





#ds_frame_body p {
  line-height: 20px;
}

#ds_frame_body .drop_cap {
  float: left;
  margin-top: 12px;
  margin-right: 6px;
  font-size: 40px;
  text-shadow: 0 0 2px #fff, 0 0 5px #98a8cf, 0 0 7px #98a8cf, 0 0 10px #98a8cf;
  color: #fff;
}

#ds_frame_btm {
  width: 940px;
  height: 120px;
  background: url(http://static.darkspore.com/images/content_frame_btm.png) center top no-repeat;
}

#ds_frame_btm_preOrder {
  width: 940px;
  height: 120px;
  padding-bottom:300px;
  background: url(http://static.darkspore.com/images/content_frame_btm.png) center top no-repeat;
}

.ds_news_frame_btm {
  width: 940px;
  height: 90px;
  background: url(http://static.darkspore.com/images/newsletter_frame_btm.png) center top no-repeat;
}

.ds_404_body {
  text-align: center;
  margin: 50px 0;
}

.ds_404_text {
  width: 100%;
  margin: 0 auto;
  color: #C00;
  font-size: 24px;
  padding: 20px 0;
  border-top: 1px solid #600;
  border-bottom: 1px solid #600;
}

.ds_404_subtext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #990000;
  text-transform: uppercase;
  margin-top: 10px;
}

.ds_abilities,
.ds_features {
  padding: 10px 20px;
}

.ds_features_1col {
  padding: 20px 80px;
}

.ds_abilities {
  background: url(http://static.darkspore.com/images/details_frame_380_mid.png) center repeat-y;
}

.ds_features,
.ds_features_1col {
  background: url(http://static.darkspore.com/images/details_frame_780_mid.png) center repeat-y;
}

.ds_abilities_frame_top {
  margin: 0;
  margin-top: 15px;
  padding: 0;
  width: 380px;
  height: 14px;
  background: url(http://static.darkspore.com/images/details_frame_380_top.png) top center no-repeat;
}

.ds_abilities_frame_btm {
  margin: 0;
  margin-bottom: 30px;
  padding: 0;
  width: 380px;
  height: 14px;
  background: url(http://static.darkspore.com/images/details_frame_380_btm.png) top center no-repeat;
}

.ds_features_frame_top {
  margin: 0;
  margin-top: 15px;
  padding: 0;
  width: 780px;
  height: 14px;
  background: url(http://static.darkspore.com/images/details_frame_780_top.png) top center no-repeat;
}

.ds_features_frame_btm {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  width: 780px;
  height: 14px;
  background: url(http://static.darkspore.com/images/details_frame_780_btm.png) top center no-repeat;
}

.ds_features,
.ds_features_1col {
  color: #999999;
}

.ds_abilities span {
  font-size: 14px;
  color: #999999;
}

.ds_abilities ul,
.ds_features ul,
.ds_features_1col ul {
  color: #999999;
  padding-left: 14px;
  margin: 0;
  line-height: 20px;
}

.ds_abilities ul {
  font-size: 12px;
}

.ds_abilities_icon {
  float: left;
  margin-right: 10px;
  margin-bottom: 35px;
}

.ds_abilities p,
.ds_features p,
.ds_features_1col p {
  margin: 0;
  margin-bottom: 15px;
}

.ds_abilities p.last,
.ds_features p.last,
.ds_features_1col p.last {
  margin-bottom: 0;
}

.ds_screens_horizontal {
  clear: both;
  padding: 0;
  margin: 0;
  text-align: center;
}

.ds_upgrades_stats_container {
  margin-left: 30px;
}

.ds_upgrades_stats {
  float: left;
  width: 200px;
  font-size: 11px;
  color: #999999;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
}

.leftmargin_60 {
  margin-left: 60px;
}

.ds_upgrades_stats h2 {
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  margin-top: 0;
}

.ds_upgrades_stats .ability_name {
  float: left;
  margin: 0;
  padding: 0;
}

.ds_upgrades_stats .ability_value {
  float: right;
  margin: 0;
  padding: 0;
  color: #fff;
}

.ds_upgrades_stats img {
  margin-left: -9px;
  margin-top: -4px;
}

.ds_pullquote {
  margin: 30px 0;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: oblique;
}

.ds_subhead_nav_top,
.ds_subhead_nav_btm {
  width: 780px;
  height: 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 30px;
  margin: 0px;
}

.ds_subhead_nav_top a,
.ds_subhead_nav_btm a {
  color: #455374;
}

.ds_subhead_nav_top a:hover,
.ds_subhead_nav_btm a:hover {
  color: #98a8cf;
}

.ds_subhead_nav_top {
  border-bottom: #333333 2px solid;
}

.ds_subhead_nav_btm {
  margin: 5px 0 10px 0;
}

.ds_prev {
  width: 260px;
  float: left;
}

.ds_next {
  width: 260px;
  text-align: right;
  float: right;
}

.ds_back {
  width: 260px;
  float: left;
  text-align: center;
}

.ds_subhead_bar_top,
.ds_subhead_bar_btm {
  width: 780px;
  height: 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
  text-transform: uppercase;
  line-height: 30px;
}

.ds_subhead_bar_top {
  border-top: #333333 1px solid;
}

.ds_subhead_bar_btm {
  border-bottom: #333333 1px solid;
  margin-bottom: 30px;
}

.ds_subhead_bar_top a,
.ds_subhead_bar_btm a {
  display: block;
  background: url(http://static.darkspore.com/images/carat_left.png) left no-repeat;
  font-size: 12px;
  font-weight: normal;
  padding-left: 20px;
}

.ds_subhead_bar_top .left,
.ds_subhead_bar_btm .left
 {
  float: left;
}

.ds_subhead_bar_top .right,
.ds_subhead_bar_btm .right {
  float: right;
}

.ds_news_keyart {
  width: 460px;
  margin-top: 20px;
  float: left;
}

.ds_news_form {
  width: 300px;
  float: right;
  font-size: 11px;
}

.ds_news_form h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
}

.ds_news_form_intro {
  font-size: 14px;
}

.ds_news_form_section {
  margin-top: 20px;
}

.ds_news_form_section span {
  margin-top: 20px;
}

.ds_news_mousetype {
  clear: both;
  padding-top: 20px;
  text-align: center;
  font-size: 10px;
  color: #999999;
}

.ds_1col {
  width: 580px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.ds_headline {
  width: 620px;
  height: 38px;
  margin: 0 auto;
  background: url(http://static.darkspore.com/images/planet_headline_bg.png) center top no-repeat;
}

.ds_headline h3 {
  text-transform: uppercase;
  color: #98a8cf;
  font-size: 14px;
  line-height: 38px;
  margin-left: 15px;
}

.ds_2col_left {
  width: 380px;
  float: left;
}

.ds_2col_right {
  width: 380px;
  float: right;
}

.ds_2col_header {
  width: 380px;
  border-top: #393d3e 1px solid;
  padding-top: 6px;
  font-size: 14px;
  color: #333333;
}

#ds_footer_bg {
  width: 100%;
  margin: 0px;
  background: #000 url(http://static.darkspore.com/images/footer_bg.jpg) center 50px repeat-x;
}

#ds_footer_container {
  width: 940px;
  padding: 60px 0px 0px 0px;
  margin: 0px auto;
  text-align: center;
}

#ds_footer_container img {
  display: inline-block;
  vertical-align: middle;
}

.ds_footer_table {
  width: 940px;
  margin: 0px;
  margin-bottom: 10px;
  padding: 0px;
}

.ds_footer_follow {
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
  padding-bottom: 15px;
  font-size: 10px;
  color: #999999;
  text-align: left;
}

.ds_footer_follow img {
  margin-right: 10px;
}

.ds_footer_share {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  color: #999999;
  text-align: center;
}

.fb_iframe_widget iframe {
  vertical-align: inherit !important;
  top: -3px;
}

.ds_footer_span {
  margin: 0px;
  margin-right: 10px;
}

.ds_footer_pipe {
  position: relative;
  top: -10px;
  margin: 0 10px;
}

.ds_footer_tweet {
  position: relative;
  top: -10px
}

.ds_footer_country {
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
  padding-bottom: 15px;
  font-size: 10px;
  text-align: right;
}

.ds_footer_country img {
  width: 29px;
  height: 21px;
}

.ds_footer_logos {
  width: 940px;
  margin: 0px;
}

.ds_footer_logos img {
  padding: 0px 20px;
}

.ds_footer_text {
  float: left;
  width: 940px;
  margin-bottom: 10px;
  font-size: 10px;
  color: #999999;
}

.ds_footer_hr {
  height: 2px;
  background: #000 url(http://static.darkspore.com/images/footer_hr.png) center top repeat-x;
  margin: 10px 0px;
}

.ds_flash_animation {
  margin: -20px auto 0 auto;
  width: 460px;
}

#pre_order_table{
	width: 845px;
	
}


#pre_order_table2{
 margin: 0 auto;
   padding-left: 25px;

	
}
.ds_frame_country_left {
  float: left;
  margin-left: 200px;
  font-size: 12px;
}

.ds_frame_country_right {
  float: right;
  margin-right: 200px;
  font-size: 12px;
}

.ds_frame_preorder {
  float: left;
  font-size: 12px;
  margin-left:-34px;
}

.ds_map_container {
  margin: 0 auto;
  width: 780px;
  height: 561px;
  background: url(http://static.darkspore.com/images/map.png) top center no-repeat;
}

.ds_map_link, .ds_map_dim_link {
  position: absolute;
}

.ds_map_link a, .ds_map_link span, .ds_map_dim_link a, .ds_map_dim_link span {
  font-size: 14px;
  color: #FFF;
}

#ds_mask {
  background-color: black;
  z-index: 2000;
  position: absolute;
  opacity: 0.75;
  visibility: hidden;
  width: 100%;
  top: 0px;
  left: 0px;
  margin: 0px 0px 0px 0px;
}

.ds_popup {
  z-index: 3000;
  position: absolute;
  visibility: hidden;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#ds_video_player {
  position: absolute;
  top: 150px;
  left: 0;
  z-index: 3000;
  width: 100%;
  height: 547px;
  visibility: hidden;
}

#ds_video_player_container {
  width: 905px;
  height: 519px;
  background: url(http://static.darkspore.com/images/video_bkg.png) top center no-repeat;
  margin-left: auto;
  margin-right: auto;
}

.ds_inline_video_player_container {
  width: 780px;
  height: 442px;
  background: url(../images/video_inline_bkg.png) top center no-repeat;
  margin-left: auto;
  margin-right: auto;
}

.ds_video_close_button {
  width: 31px;
  height: 30px;
  position: relative;
  top: -30px;
  left: 865px;
}

#ds_video_player_flash {
  width: 864px;
  height: 480px;
  top: -13px;
  left: 21px;
  position: relative;
}

.ds_inline_video_player_flash {
  width: 757px;
  height: 421px;
  top: 10px;
  left: 10px;
  position: relative;
}

.ds_newsletter {
  z-index: 3000;
  position: absolute;
  visibility: hidden;
  display: block;
  width: 100%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  height: 702px;
}

.ds_newsletter_container {
  width: 940px;
  height: 702px;
  margin-left: auto;
  margin-right: auto;
}

.ds_newsletter_close_button {
  width: 31px;
  height: 30px;
  position: relative;
  top: 30px;
  left: 880px;
}

.ds_newsletter_submit {
  font-size: 14px;
  font-weight: normal;
}

.ds_hidden {
  position: absolute;
  visibility: hidden;
  display: block;
}

#dump_div {
  margin: auto;
  border: solid black 1px;
  padding: 0 12px;
  height: 576px;
  background-color: #FFC;
  color: #333;
  overflow: scroll;
  text-align: left;
}

.clear {
  clear: both;
}