@import url('//fonts.googleapis.com/css?family=Titillium+Web:400,400italic,600italic,600,700,700italic|Roboto+Condensed:400,700,400italic,700italic&subset=latin,latin-ext');

html {
	font-size: 100%;
	line-height: 105%;
}

body {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-size: 110%;
	line-height: 90%;
}


body.ru {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 105%
}

h2, h3 {
	line-height: 100%;
}

body.ru h2, body.ru h3 {
	line-height: 105%;
}

.pageboundary {
	text-shadow: 0 0 3px white, 0 0 5px white, 0 0 10px white, 0 0 15px white, 0 0 5px white, 0 0 7px white, 0 0 15px white;
}

.pageboundary a {
	text-shadow: none;
}

td {
	text-shadow: none;
}

/* -----------------------------------------------*/
/* ------------ Cover page -------------*/
/* -----------------------------------------------*/



header h1 {
	font-weight: 600;
}


#cover {
	background: url('cover.jpg') 38% center black no-repeat;
	background-size: cover;
	
	text-shadow: none;
}

#cover a {
	padding: 17px 350px 20px 20px;;
}

#webmanualintro{
	padding-bottom: 3px;
}

/* -----------------------------------------------*/
/* ------------ Spread 1 -------------*/
/* -----------------------------------------------*/


#spread1 p, #spread1 li, #spread1 div {
	font-weight: normal;
}

#spread1 h2 {
	text-shadow: none;
}



/* -----------------------------------------------*/
/* ------------ Spread 2 -------------*/
/* -----------------------------------------------*/






#spread2 {
	background: url('intro.jpg') 90% center white no-repeat;
	color: white;
	background-size: cover;
}

#spread2 .pageboundary {
	text-shadow: 0 0 3px black, 0 0 5px black, 0 0 10px black, 0 0 15px black, 0 0 5px black, 0 0 7px black, 0 0 15px black;
}

#spread2 h2, #spread2 p {
	z-index: 2;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
}

#spread2 div.gradient {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-30deg,  rgba(0,0,0,0.65) 40%, rgba(0,0,0,0) 67%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(40%,rgba(0,0,0,0.65)), color-stop(67%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-30deg,  rgba(0,0,0,0.65) 40%,rgba(0,0,0,0) 67%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-30deg,  rgba(0,0,0,0.65) 40%,rgba(0,0,0,0) 67%); /* Opera 11.10+ */
background: -ms-linear-gradient(-30deg,  rgba(0,0,0,0.65) 40%,rgba(0,0,0,0) 67%); /* IE10+ */
background: linear-gradient(120deg,  rgba(0,0,0,0.65) 40%,rgba(0,0,0,0) 67%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */


	
	display: block;
	height: 140%;
	width: 120%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	z-index: 1;
	
	margin: -14% -30px -11% -235px;;
}






/* -----------------------------------------------*/
/* ------------ Main Content -------------*/
/* -----------------------------------------------*/

#spread3 .pageboundary {
	background: url('lara-wreck.png') no-repeat left bottom;
	background-size: auto 100%;
	left: 0;
	padding-left: 235px;
	height: 100%;
}

.boxed #spread3 .pageboundary {
	background-size: auto 60%;
	background-image: url('lara-wreck-boxed.png');
	left: 0px;
	padding-left: 235px;
	height: 95%;
}

.ru #spread4 dt {
		width: 35%;
}
	
.ru #spread4 dd {
	width: 55%;
}


#spread5 .lhp, #spread6 .lhp, #spread7 .lhp {
	width: 100%;
}

.appstore #spread7 .lhp {
	width: 48%;
}


#spread8 .rhp h3, #spread11 .rhp h3 {
	margin-top: 50px;
}

.appstore #spread8 .rhp h3 {
	margin-top: 1em;
}

.appstore #spread7.rhp h3 {
	margin-top: 50px;
}

/*.download #spread11 .lhp, .boxed #spread11 .lhp, .steam #spread11 .lhp {
	width: 100%;
	column-gap: 50px;
	columns: 2;
	-webkit-column-gap: 50px;
	-webkit-columns: 2;
	-moz-column-gap: 50px;
	-moz-columns: 2;
	height: 90%;
}
*/

.download #spread11 ol, .boxed #spread11 ol, .steam #spread11 ol {
	padding: 0 0 0 30px;
}

.download #spread6 .pageboundary, .boxed #spread6 .pageboundary, .steam #spread6 .pageboundary {
	background: url('lara-bow-aim.png') no-repeat center bottom;
	background-size: auto 78%;
	height: 95%;
	
	left: -250px;
	padding-left: 485px;
	right: -250px;
	padding-right: 230px;
}


.download #spread8, .boxed #spread8, .steam #spread8 {
	background: url('background2.jpg') no-repeat right bottom;
	background-size: 210%;
}

.appstore #spread7 {
	background: url('background2.jpg') no-repeat right bottom;
	background-size: 210%;
}




#tech-support-contact ul + p + p {
margin-top: auto;
padding-top: 0;
}

#tech-support-contact ul {
	margin-bottom: 0;
	padding-bottom: 0;
}

#tech-support-contact ul ul {
	margin-bottom: 0;
	padding-bottom: 0;
}


.boxed #warranty-credits .rhp {
	background: url('tr_shield_trimmed.png') no-repeat 10% 60%;
	background-size: 80%;
}

.download #warranty-credits .lhp, .appstore #warranty-credits .lhp, .steam #warranty-credits .lhp {
	background: url('lara_standing.png') no-repeat center bottom;
	background-size: auto 85%;

}


#adverts a p {
	font-size: 80%;
	font-weight: normal;
}

body.en #adverts a p {
	font-size: 110%;
}


/* -----------------------------------------------*/
/* ---------------- Meida Queries ----------------*/
/* -----------------------------------------------*/

@media all and (max-width: 1366px) and (max-height: 768px) {
	
	body {
		font-size: 100%;
		line-height: 91%;
	}
	
	#spread8 .rhp h3, #spread11 .rhp h3 {
		margin-top: 44px;
	}

	.appstore #spread8 .rhp h3 {
		margin-top: 1em;
	}
	
	.appstore #spread7.rhp h3 {
		margin-top: 49px;
	}

	
	
	#adverts a p {
		font-size: 75%;
	}
	
	body.en #adverts a p {
		font-size: 100%;
	}
	
	
	

	
	.ru #spread4 dt {
		width: 35%;
	}
	
	.ru #spread4 dd {
		width: 55%;
	}
	
}




@media all and (min-width: 1401px) and (min-height: 901px) {
	
	body {
		font-size: 130%;
		line-height: 110%;
	}
	
	td {
		padding: 2px 10px;
	}
	
/*	.boxed #spread3 .pageboundary {
		background-size: 40%;
		height: 92%;
	}*/
	
	#spread8 .rhp h3, #spread11 .rhp h3 {
		margin-top: 63px;
	}

	.appstore #spread8 .rhp h3 {
		margin-top: 1em;
	}
	
	.appstore #spread7.rhp h3 {
		margin-top: 63px;
	}
	
	
	
	#adverts a p {
		font-size: 100%;
	}
	
	body.en #adverts a p {
		font-size: 90%;
		line-height: 100%;
	    margin-top: -10px;
	}

}




/* ---------------- Wide ----------------*/

@media all and (min-width: 1402px) and (max-height: 900px) {
	
	
	
}