/* SITE BACKGROUND */

* { margin: 0; }

html, body { height: 100%; }

body {
  background-color: #2A2A2A;
  margin: 0;
  font: normal 12px Arial;
  color: #666666;
}

#wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -140px;
}

#mainFooter, #push { height: 140px; }

#mainWrapper {
  position: relative;
  width: 100%;
  height: 410px;
  margin: 0;
  padding: 0;
}

ul { padding-bottom: 20px; }


/* TEXT STYLES */

#headLeft h1 {
  font: bold 26px Arial;
  color: #262A2B;
  padding: 0px 0px 2px 0px;
  margin: 0;
}

#headLeft span {
  font: normal 12px Arial;
  color: #262A2B;
}

#contentWrapper h2 {
  font: bold 16px Arial;
  color: #666666;
  padding: 0px 0px 3px 0px;
  margin: 0;
}

#contentWrapper p {
  padding: 0px 0px 20px 0px;
  margin: 0;
}

#footerWrapper p {
  color: #505050;
  padding: 0px 0px 20px 0px;
  margin: 0;
}

#newsArticles h2, #gamesList h2 {
  font: bold 17px Arial;
  color: #888888;
  padding: 2px 0px 6px 0px;
  margin: 0;
}


/* LINK STYLES */

a, a:active, a:visited {
  color: #666666;
  text-decoration: underline;
  font-weight: bold;
}
a:hover {
  color: #9F1D1D;
  text-decoration: underline;
  font-weight: bold;
}

a.red, a.red:active, a.red:visited {
  color: #9F1D1D;
  text-decoration: none;
}
a.red:hover {
  color: #9F1D1D;
  text-decoration: underline;
}

a.readmore, a.readmore:active, a.readmore:visited {
  font: normal 12px Arial;
  color: #9F1D1D;
  text-decoration: none;
}
a.readmore:hover {
  color: #9F1D1D;
  text-decoration: underline;
}

a.footer, a.footer:active, a.footer:visited  {
  color: #505050;
  text-decoration: underline;
  font-weight: bold;
}
a.footer:hover {
  color: #9F1D1D;
  text-decoration: underline;
  font-weight: bold;
}

#pageTop a, #gamesList ul a {
  font: bold 12px Arial;
  color: #505050;
  text-decoration: none;
}
#pageTop a:hover, #gamesList ul a:hover {
  color: #9F1D1D;
  text-decoration: none;
}

a.normal, a.normal:active, a.normal:visited {
  font: normal 12px Arial;
  color: #888888;
  text-decoration: none;
}
a.normal:hover {
  color: #888888;
  text-decoration: underline;
}

#pressKits a, #pressKits a:active, #pressKits a:visited {
  font: bold 12px Arial;
  color: #888888;
  text-decoration: none;
}
#pressKits a:hover {
  color: #9F1D1D;
  text-decoration: none;
}

a.external {
  background: url(../site_images/link.png) no-repeat 100% 4px;
  padding-right: 12px;
}


/* MAIN MENU */

#mainTop {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 120px;
  background: url(../site_images/menu/background.png) repeat-x left top;
  padding: 0;
  margin: 0;
  z-index: 10;
}

#mainHeader {
  position: relative;
  width: 1144px;
  height: 120px;
  background: url(../site_images/logo_spotlight.png) no-repeat left top;
  margin: 0 auto;
}

#headerLogo {
  position: absolute;
  top: 0px;
  left: 80px;
  width: 239px;
  height: 180px;
  padding: 0;
  margin: 0;
  z-index: 20;
}

#headerLogo a {
  width: 239px;
  height: 180px;
  background: url(../site_images/logo.png) no-repeat center top;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
}

#headerMenu {
  position: absolute;
  top: 0px;
  right: 102px;
  padding: 0;
  margin: 0;
  z-index: 20;
}

#headerMenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#headerMenu ul li {
  float: left;
  height: 112px;
  margin-left: 4px;
}

#news a {
  width: 98px;
  height: 112px;
  background: url(../site_images/menu/news.png) no-repeat center top;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
}
#news a:hover { background-position: bottom; }
#news_active a {
  width: 98px;
  height: 112px;
  background: url(../site_images/menu/news_active.png) no-repeat center top;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
}

#company a {
  width: 130px;
  height: 112px;
  background: url(../site_images/menu/company.png) no-repeat center top;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
}
#company a:hover { background-position: bottom; }
#company_active a {
  width: 130px;
  height: 112px;
  background: url(../site_images/menu/company_active.png) no-repeat center top;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
}

#games a {
  width: 108px;
  height: 112px;
  background: url(../site_images/menu/games.png) no-repeat center top;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
}
#games a:hover { background-position: bottom; }
#games_active a {
  width: 108px;
  height: 112px;
  background: url(../site_images/menu/games_active.png) no-repeat center top;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
}

#jobs a {
  width: 91px;
  height: 112px;
  background: url(../site_images/menu/jobs.png) no-repeat center top;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
}
#jobs a:hover { background-position: bottom; }
#jobs_active a {
  width: 91px;
  height: 112px;
  background: url(../site_images/menu/jobs_active.png) no-repeat center top;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
}

#forums a {
  width: 118px;
  height: 112px;
  background: url(../site_images/menu/forums.png) no-repeat center top;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
}
#forums a:hover { background-position: bottom; }
#forums_active a {
  width: 118px;
  height: 112px;
  background: url(../site_images/menu/forums_active.png) no-repeat center top;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
}

#contact a {
  width: 124px;
  height: 112px;
  background: url(../site_images/menu/contact.png) no-repeat center top;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
}
#contact a:hover { background-position: bottom; }
#contact_active a {
  width: 124px;
  height: 112px;
  background: url(../site_images/menu/contact_active.png) no-repeat center top;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
}


/* NIVO SLIDER */
#mainSlider {
  position: absolute;
  top: 110px;
  left: 0px;
  width: 100%;
  height: 300px;
  background-color: #000000;
}
#slider {
  position: relative;
  width: 1200px;
  height: 300px;
  background: url(../site_images/nivo_loader.png) no-repeat 50% 50%;
  margin: 0 auto;
}
#slider img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}
#slider a {
  border: 0;
  display: block;
}


/* HEADLINES */

#headline_news, #headline_company, #headline_games, #headline_jobs, #headline_contact, #headline_terms-of-use, #headline_privacy-policy, #headline_legal, #headline_press, #headline_merchandise, #headline_404-error {
  height: 27px;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
}

#headline_news { background: url(../site_images/headlines/news.png) no-repeat left top; width: 245px; }
#headline_company { background: url(../site_images/headlines/company.png) no-repeat left top; width: 176px; }
#headline_games { background: url(../site_images/headlines/games.png) no-repeat left top; width: 252px; }
#headline_jobs { background: url(../site_images/headlines/jobs.png) no-repeat left top; width: 242px; }
#headline_contact { background: url(../site_images/headlines/contact.png) no-repeat left top; width: 227px; }
#headline_terms-of-use { background: url(../site_images/headlines/terms_of_use.png) no-repeat left top; width: 136px; }
#headline_privacy-policy { background: url(../site_images/headlines/privacy_policy.png) no-repeat left top; width: 155px; }
#headline_legal { background: url(../site_images/headlines/legal.png) no-repeat left top; width: 196px; }
#headline_press { background: url(../site_images/headlines/press.png) no-repeat left top; width: 212px; }
#headline_merchandise { background: url(../site_images/headlines/merchandise.png) no-repeat left top; width: 144px; }
#headline_404-error { background: url(../site_images/headlines/404_error.png) no-repeat left top; width: 106px; }


/* SOCIAL NETWORKS */

#headRight ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#headRight ul li {
  float: left;
  padding: 0px 0px 0px 30px;
  margin: 0;
}

#headRight img { border: 0; }


/* MAIN CONTENT */

#ioty-widget
{
	display: block;
	width: 466px;
	height: 262px;
	background: #000000;
	border: 0;
	margin: 0 auto 40px;
}

#mainContent {
  position: relative;
  width: 100%;
  padding: 150px 0px 0px 0px;
  margin: 0;
}

#contentHead {
  position: absolute;
  top: -10px;
  left: 0px;
  width: 100%;
  height: 160px;
  background: url(../site_images/content_header.png) repeat-x left top;
  padding: 0;
  margin: 0;
  z-index: 10;
}

#headWrapper {
  position: relative;
  width: 940px;
  padding: 0;
  margin: 0 auto;
}

#headLeft {
  float: left;
  width: 450px;
  padding: 60px 0px 0px 0px;
  margin: 0;
}

#headRight {
  float: right;
  padding: 60px 0px 0px 0px;
  margin: 0;
}

#contentWrapper {
  position: relative;
  width: 940px;
  padding: 0;
  margin: 0 auto;
}

#contentLeft {
  float: left;
  width: 539px;
  padding: 30px 0 40px 0;
  margin: 0;
}

#contentLeft p { text-align: justify; }

#contentRight {
  float: right;
  width: 340px;
  padding: 30px 0 65px 0;
  margin: 0;
}


/* SHOP LINK */

#contagion-on-steam { padding-bottom: 30px; }

#webshop {
  position: relative;
  width: 340px;
  height: 111px;
  background: url(../site_images/shop_cart.png) no-repeat left top;
  padding: 0 0 20px 0;
  margin: 0;
  cursor: pointer;
}

#webshop h1 {
  font: bold 16px Arial;
  padding: 36px 0 5px 114px;
  margin: 0;
}

#webshop p {
  font: normal 12px Arial;
  color: #666666;
  padding: 0 0 0 114px;
  margin: 0;
}

#webshop a, #webshop a:active, #webshop a:visited {
  color: #666666;
  text-decoration: none;
}
#webshop a:hover { color: #9F1D1D; }


/* DOWNLOAD ZP:S BOX */

#downloadZPS {
  position: relative;
  width: 100%;
  height: 340px;
  background: url(../site_images/download_zps.png) no-repeat left top;
  padding: 0;
  margin: 0;
}

#buttonDesura {
  position: absolute;
  bottom: 60px;
  left: 10px;
}
#buttonDesura a {
  width: 150px;
  height: 48px;
  background: url(../site_images/button_desura.png) no-repeat center top;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
}
#buttonDesura a:hover { background-position: bottom; }

#buttonSteam {
  position: absolute;
  bottom: 60px;
  right: 10px;
}
#buttonSteam a {
  width: 150px;
  height: 48px;
  background: url(../site_images/button_steam.png) no-repeat center top;
  text-indent: -9999px;
  text-decoration: none;
  display: block;
}
#buttonSteam a:hover { background-position: bottom; }

#zpsNote {
  position: absolute;
  bottom: 25px;
  left: 20px;
  width: 300px;
  padding: 0;
  margin: 0;
  text-align: center;
}

#zpsNote p {
  font: normal 10px Arial;
  color: #666666;
  padding: 0;
  margin: 0;
}


/* NEWS */

#newsArticles {
  list-style: none;
  padding: 0;
  margin: 0;
}

#newsArticles li {
  padding: 0;
  margin: 0;
  clear: both;
}

.newsArticle {
  position: relative;
  width: 100%;
  padding: 0px 5px;
  margin: 0;
}

.newsLeft {
  position: relative;
  float: left;
  width: 160px;
  padding: 0px 0px 4px 0px;
  margin: 0;
}

.newsLeft img { border: 2px solid #242424; }

.newsRight {
  position: relative;
  float: left;
  width: 369px;
  padding: 0;
  margin: 0;
}

.newsDate {
  position: absolute;
  top: 90px;
  left: -5px;
  width: 60px;
  background-color: #9F1D1D;
  border: 2px solid #242424;
  font: bold 12px Arial;
  color: #282828;
  text-align: center;
  padding: 4px 0px;
  margin: 0;
}

.newsSeparator {
  width: 100%;
  height: 60px;
  background: url(../site_images/separator.png) no-repeat left center;
  padding: 0;
  margin: 0;
  clear: both;
}

#footerSpacer {
  width: 100%;
  height: 30px;
  background: url(../site_images/separator.png) no-repeat 0 28px;
  padding: 0;
  margin: 0;
}

#newsFooter {
  position: relative;
  width: 100%;
  height: 40px;
  background-color: #242424;
  padding: 0;
  margin: 0;
}

#newsFooter p {
  line-height: 40px;
  text-align: center;
  padding: 0;
  margin: 0;
}


/* COMPANY */

.employees {
  list-style: none;
  padding: 0;
  margin: 0;
}

.employees > li {
  position: relative;
  border-top: 1px dotted #242424;
  padding: 15px 0px 0px 0px;
  margin: 0;
}

.employees h3 {
  font: bold 14px Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
}

.employee-country {
  padding: 0;
  margin: 0px 8px 0px 0px;
}

.employee-position {
  display: block;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #555555;
  padding: 0px 0px 10px 0px;
  margin: 0;
}

.employee-contact {
  position: absolute;
  top: 15px;
  right: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}

.employee-contact li {
  float: left;
  border: 0;
  padding: 0px 0px 0px 10px;
  margin: 0;
}

.employee-contact a img, .employee-contact a:hover img { border: 0; }


/* GAMES */

.gamesWrapper {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}

.gamesLeft {
  float: left;
  width: 200px;
  padding: 0;
  margin: 0;
}

.gamesRight {
  float: right;
  width: 329px;
  padding: 0;
  margin: 0;
}

.gamesRelease {
  display: block;
  font: normal 10px Arial;
  color: #505050;
  padding: 0px 0px 10px 0px;
  margin: 0;
}

#gamesList h2 { padding: 2px 0px 0px 0px; }

#gamesList ul {
  width: 100%;
  list-style: none;
  padding: 2px 0px 0px 0px;
  margin: 0;
}

#gamesList ul li {
  width: 100%;
  padding: 0px 0px 2px 0px;
  margin: 0;
}

#gamesList ul li span {
  display: block;
  width: 100%;
  height: 25px;
  background-color: #242424;
  color: #505050;
  text-align: center;
  line-height: 25px;
}

#gamesList img {
  border: 2px solid #242424;
  padding: 0;
  margin: 0;
}


/* PRESS */

#pressKits {
  width: 100%;
  background: url(../site_images/separator.png) no-repeat left top;
  padding: 2px 0px 0px 0px;
  margin: 0;
}

#pressKits li {
  width: 100%;
  height: 35px;
  list-style-type: none;
  background: url(../site_images/separator.png) no-repeat left bottom;
  padding: 0;
  margin: 0;
}
#pressKits li:hover { background: #282828 url(../site_images/separator.png) no-repeat left bottom; }

.kitDate {
  float: left;
  display: block;
  width: 20%;
  text-align: center;
  line-height: 35px;
}

.kitTitle {
  float: left;
  display: block;
  width: 60%;
  line-height: 35px;
}

.kitSize {
  float: left;
  display: block;
  width: 20%;
  text-align: center;
  line-height: 35px;
}


/* FOOTER */

#mainFooter {
  position: relative;
  width: 100%;
  background: #202020;
  padding: 0;
  margin: 0;
  clear: both;
}

#footerWrapper {
  position: relative;
  width: 940px;
  padding: 30px 0px 0px 0px;
  margin: 0 auto;
}

#pageTop {
  position: absolute;
  top: -25px;
  right: 0px;
  height: 25px;
  background-color: #202020;
  -moz-border-radius: 3px 3px 0px 0px;
  -webkit-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  padding: 5px 10px 0px 10px;
  margin: 0;
  z-index: 10;
}

#pageTop p {
  padding: 0;
  margin: 0;
}


/* INDIE OF THE YEAR */
#ioty {
  height: 300px;
  text-align: center;
}