body {
	margin:0;
	color:#fff;
	font:12px/18px Arial, Helvetica, sans-serif;
	background:#0c0c0c;
	min-width:984px;
}
form,
fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
	padding:0;
	margin:0;
}
img {border-style:none;}
a {
	color:#1b709f;
	text-decoration:none;
	outline:none;
}
a:hover {text-decoration:underline;}
.w1{
	width:100%;
	position:relative;
	overflow:hidden;
}
.w2{
	width:1380px;
	position:relative;
	left:50%;
	float:left;
}
.w3{
	left:-50%;
	float:left;
	position:relative;
	background:url(../images/bg-body.jpg) no-repeat 50% 0;
	width:1380px;
}
#wrapper {
	width:984px;
	margin:0 auto;
}
#header {
	padding:18px 0 0;
}
#main-nav {
	margin:0 0 35px;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
#main-nav li {
	float:left;
}
#main-nav li a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/main-nav.gif) no-repeat;
	height:47px;
	outline:none;
}
#main-nav li a.story {
	width:199px;
}
#main-nav li .story:hover,
#main-nav li.active .story {background-position:0 -47px;}
#main-nav li a.encyclopedia {
	width:196px;
	background-position:-199px 0;
}
#main-nav li .encyclopedia:hover,
#main-nav li.active .encyclopedia {background-position:-199px -47px;}
#main-nav li a.guide {
	width:196px;
	background-position:-395px 0;
}
#main-nav li .guide:hover,
#main-nav li.active .guide {background-position:-395px -47px;}
#main-nav li a.screenshots {
	width:194px;
	background-position:-591px 0;
}
#main-nav li .screenshots:hover,
#main-nav li.active .screenshots {background-position:-591px -47px;}
#main-nav li a.requirements {
	width:199px;
	background-position:-785px 0;
}
#main-nav li .requirements:hover,
#main-nav li.active .requirements {background-position:-785px -47px;}
.logo {
	background:url(../images/img-logo.gif) no-repeat;
	width:436px;
	height:172px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 0 288px;
}
.logo a {
	display:block;
	height:172px;
}
.img-iphone {
	display:block;
	margin:24px 0 14px 140px;
}
.btn-apple-store {
	//background:url(../images/btn-applestore.gif) no-repeat;
	width:222px;
	height:73px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	margin:0 0 60px 412px;
}
.main-box {
	width:719px;
	margin:22px 0 15px 140px;
}
.main-box .top {
	background:url(../images/main-box-top.gif) no-repeat;
	width:719px;
	height:65px;
	overflow:hidden;
}
.main-box .inner {
	background:url(../images/bg-main-box.gif) repeat-y;
	width:716px;
	padding:30px 0 24px 3px;
}
.main-box .bottom {
	background:url(../images/main-box-bottom.gif) no-repeat;
	width:719px;
	height:34px;
	margin:-27px 0 0;
	float:left;
}
.main-box h2 {
	margin:3px 0 0 206px;
	width:308px;
	height:51px;
	text-indent:-9999px;
}
.txt-encyclopedia {background:url(../images/txt-encyclopedia.gif) no-repeat;}
.txt-story {background:url(../images/txt-story.gif) no-repeat;}
.txt-requirements {background:url(../images/txt-requirements.gif) no-repeat;}
.encyclopedia {
	width:100%;
	overflow:hidden;
	padding:0 0 1px;/* change this 1px (from 0 to 3) if there will be a strange line in the bottom of this box (it is because of complicated background of main box)*/
}
.encyclopedia .row {
	width:100%;
	overflow:hidden;
	margin:8px 0 0;
	float:left;
}
.encyclopedia .with-subcategory {padding:30px 0 0;}
.encyclopedia .category {
	width:175px;
	height:55px;
	text-indent:-9999px;
	float:left;
	margin:0 1px 0 0;
}
.encyclopedia .txt-firearms {background:url(../images/txt-firearms.gif) no-repeat;}
.encyclopedia .txt-explosives {background:url(../images/txt-explosives.gif) no-repeat;}
.encyclopedia .txt-equipment {background:url(../images/txt-equipment.gif) no-repeat;}
.encyclopedia .txt-vehicles {background:url(../images/txt-vehicles.gif) no-repeat;}
.encyclopedia .txt-implants {background:url(../images/txt-implants.gif) no-repeat;}
.encyclopedia .txt-creatures {background:url(../images/txt-creatures.gif) no-repeat;}
.encyclopedia a:hover {
	background-position:100% 100%;
}
.encyclopedia .subcategory {
	float:left;
	width:215px;
	background:url(../images/bg-subcategory.gif) no-repeat 0 56px;
	padding:0 0 0 51px;
	list-style:none;
}
.encyclopedia .with-subcategory .subcategory {
	margin:-30px 0 0;
}
.encyclopedia .subcategory li {
	width:188px;
	padding:0 0 0 27px;
}
.encyclopedia .subcategory li a {
	width:188px;
	height:33px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.encyclopedia .on-top {
	background:url(../images/bg-subcategory-top.gif) no-repeat;
	height:56px;
	margin:0 0 -15px;
}
.encyclopedia .center {
	background:url(../images/bg-subcategory-center.gif) no-repeat;
	height:33px;
}
.encyclopedia .subcategory .on-bottom,
.encyclopedia .subcategory .under {
	background:url(../images/bg-subcategory-bottom.gif) no-repeat;
	height:33px;
	margin:-15px 0 0;
	padding-top:23px;
}
.encyclopedia .subcategory .under {background:url(../images/bg-subcategory-under.gif) no-repeat;}
.encyclopedia .txt-light-arms {background:url(../images/txt-light-arms.gif) no-repeat;}
.encyclopedia .txt-heavy-arms {background:url(../images/txt-heavy-arms.gif) no-repeat;}
.encyclopedia .txt-assault-weapons {background:url(../images/txt-assault-weapons.gif) no-repeat;}
.encyclopedia .txt-custom-arms {background:url(../images/txt-custom-arms.gif) no-repeat;}
.encyclopedia .txt-healing {background:url(../images/txt-healing.gif) no-repeat;}
.encyclopedia .txt-body-armour {background:url(../images/txt-body-armour.gif) no-repeat;}
.encyclopedia .txt-sensing {background:url(../images/txt-sensing.gif) no-repeat;}
.encyclopedia .txt-tactical {background:url(../images/txt-tactical.gif) no-repeat;}
.encyclopedia .txt-land {background:url(../images/txt-land.gif) no-repeat;}
.encyclopedia .txt-space {background:url(../images/txt-space.gif) no-repeat;}
.encyclopedia .txt-hybrid {background:url(../images/txt-hybrid.gif) no-repeat;}
.encyclopedia .txt-specialpurpose {background:url(../images/txt-specialpurpose.gif) no-repeat;}
.encyclopedia .txt-highexplosive {background:url(../images/txt-highexplosives.gif) no-repeat;}
.encyclopedia .txt-neural-enhancements {background:url(../images/txt-neural-enhancements.gif) no-repeat;}
.encyclopedia .txt-physical-enhancements {background:url(../images/txt-physical-enhancements.gif) no-repeat;}
.placeholder {
	background:url(../images/bg-placeholder.gif) no-repeat;
	width:637px;
	height:126px;
	padding:3px 0 0 3px;
	margin:0 0 12px;
}
.encyclopedia .description {
	padding:0 0 1px 39px;
}
.story {
	width:100%;
	overflow:hidden;
}
.story .row {
	padding:10px 34px 0 38px;
	height:1%;
	overflow:hidden;
}
.main-box p {margin:0 0 12px;}
.story  .align-left img {
	float:left;
	margin:0 10px 0 0;
}
.story  .align-right img {
	float:right;
	margin:0 0 0 10px;
}
.story  .align-left .text {
	float:right;
	width:422px;
}
.story  .align-right .text {
	float:left;
	width:422px;
}
a.continue {
	text-indent:-9999px;
	float:right;
	background:url(../images/btn-continue.png) no-repeat;
	width:94px;
	height:30px;
	cursor:pointer;
	margin:0 30px 0 0;
	display:inline;
}
a.continue:hover {background:url(../images/btn-continue-hover.png) no-repeat;}
div.requirements {padding:0 33px 2px 39px;}
.requirements .title,
.encyclopedia .title {
	background:url(../images/bg-title.gif) no-repeat;
	width:630px;
	height:52px;
	padding:3px 0 0 9px;
	margin:0 0 20px;
	overflow:hidden;
}
.requirements .title h3 {
	margin:0;
	text-indent:-9999px;
	height:49px;
	float:left;
}
.encyclopedia .title h3 {
	margin:0;
	padding-top: 16px;
	height:49px;
	float:left;
	font-size: 16pt;
}
.btn-back {
	background:url(../images/btn-back.gif) no-repeat;
	width:91px;
	height:49px;
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	margin:0 9px 0 0;
	display:inline;
}
.encyclopedia .item {
	padding:0 33px 5px 0;
	height:1%;
	overflow:hidden;
	background:url(../images/sep-encyclopedia.gif ) no-repeat 0 100%;
	margin:0 0 16px;
}
.encyclopedia .description .last {
	background:none;
}
.encyclopedia .item img {
	float:left;
	margin:0 25px 0 0;
}
.encyclopedia .item .text {
	float:right;
	width:551px;
	color:#fff;
}
.encyclopedia .item .text .ttl {
	display:block;
	font-size:14px;
	margin:0 0 5px;
}
.requirements p {margin:0 0 20px;}
.requirements .txt-iphone {
	background:url(../images/txt-iphone.gif) no-repeat;
	width:204px;
}
.requirements .txt-mac {
	background:url(../images/txt-mac.gif) no-repeat;
	width:89px;
}
.requirements .txt-windows {
	background:url(../images/txt-windows.gif) no-repeat;
	width:90px;
}
.requirements .txt-linux {
	background:url(../images/txt-linux.gif) no-repeat;
	width:53px;
}
.encyclopedia .txt-light {
	background:url(../images/txt-light.gif) no-repeat;
	width:139px;
}
div.guide {
	background:url(../images/bg-guide.jpg) no-repeat;
	width:881px;
	height:576px;
	margin:50px 0 75px 15px;
	padding:43px 36px 0 43px;
}
.guide .holder {
	overflow:hidden;
	height:445px;
	}
.guide .left-page {
	float:left;
	background:url(../images/bg-left-page.jpg) no-repeat;
	width:376px;
	height:426px;
	position:relative;
	padding:31px 22px 85px 36px;
}
.guide .first {background:url(../images/bg-left-page-first.jpg) no-repeat;}
.guide .right-page {
	float:right;
	background:url(../images/bg-right-page.jpg) no-repeat;
	width:379px;
	height:426px;
	position:relative;
	padding:31px 22px 85px 36px;
}
.guide .last {background:url(../images/bg-right-page-last.jpg) no-repeat;}
.guide .right-page .next {
	position:absolute;
	bottom:30px;
	right:41px;
	text-indent:-9999px;
	overflow:hidden;
	width:41px;
	height:32px;
}
.guide .left-page .prev {
	position:absolute;
	bottom:27px;
	left:31px;
	width:46px;
	height:31px;
	text-indent:-9999px;
	overflow:hidden;
}
.guide h2 {
	margin:-10px auto 15px;
	text-indent:-9999px;
	position:relative;
	z-index:45;
}
.guide .txt-tactical-field {
	background:url(../images/txt-tactical-field.jpg) no-repeat;
	width:271px;
	height:34px;
}
.guide p {
	margin:0 0 2px;
	color:#000;
}
.gallery-holder {
	position:relative;
	margin:23px 0 15px 140px;
	width:626px;
	height:621px;
	overflow:hidden;
	background:url(../images/bg-gallery.gif) no-repeat;
	padding:0 0 0 94px;
}
.gallery {
	padding:483px 5px 0;
	width:536px;
	height:137px;
	position:relative;
	overflow:hidden;
}
.gallery-holder .link-prev {
	position:absolute;
	top:511px;
	left:32px;
	cursor:pointer;
}
.gallery-holder .link-prev span {
	display:block;
	text-indent:-9999px;
	background:url(../images/btn-prev.png) no-repeat;
	width:57px;
	height:56px;
}
.gallery-holder .link-prev:hover span {background:url(../images/btn-prev-hover.png) no-repeat;}
.gallery-holder .link-next {
	position:absolute;
	top:511px;
	left:646px;
	cursor:pointer;
}
.gallery-holder .link-next span {
	display:block;
	text-indent:-9999px;
	background:url(../images/btn-next.png) no-repeat;
	width:57px;
	height:56px;
}
.gallery-holder .link-next:hover span {background:url(../images/btn-next-hover.png) no-repeat;}
.gallery-holder .disable {
	display:none;
}
.gallery-holder ul {
	padding:0;
	position:absolute;
	margin:0;
	list-style:none;
	width:99999px;
}
.gallery-holder ul li {
	float:left;
	padding:0 6px;
}
.gallery-holder ul li a {
	background:url(../images/screens-border.png) no-repeat;
	width:166px;
	height:110px;
	float:left;
	padding:3px 0 0 3px;
}
.gallery-holder ul li a:hover {background:url(../images/screens-border-hover.gif) no-repeat;}
.gallery-holder .slide {
	position:absolute;
	top:34px;
	left:121px;
	overflow:hidden;
	z-index:100;
	height:320px;
	width:480px;
}
.gallery-holder .slide .screen-big {
	height:320px;
	width:480px;
}
.gallery-holder h2 {
	text-indent:-9999px;
	width:308px;
	height:51px;
	margin:0;
	position:absolute;
	top:405px;
	left:207px;
	z-index:55;
}
.txt-screenshots {background:url(../images/txt-screenshots.gif) no-repeat;}
#footer {padding:0 0 15px;}
.contact-links {
	width:479px;
	border-top:1px solid #1c1b1f;
	border-bottom:1px solid #1c1b1f;
	overflow:hidden;
	padding:5px 110px 8px 131px;
	margin:0 0 8px 140px;
}
.contact-links .txt-follow {
	background:url(../images/txt-follow.gif) no-repeat 0 100%;
	width:123px;
	height:21px;
	float:left;
	text-indent:-9999px;
	margin:9px 0 0;
}
.contact-links a {
	float:right;
	text-indent:-9999px;
	height:36px;
}
.contact-links a.twitter {
	background:url(../images/ico-twitter.gif) no-repeat;
	width:153px;
}
.contact-links a.facebook {
	background:url(../images/ico-facebook.gif) no-repeat;
	width:160px;
	margin:0 0 0 17px;
}
.contact-links a.link {
	float:right;
	text-indent:0px;
    position:relative;
    top:10px;
    left:-50px;
	height:36px;
    color:#FFFFFF;
}
#footer p {
	margin:0;
	text-align:center;
}
#footer p a {color:#fff;}