@charset "utf-8";
/* CSS Document */

/***********/
/* CSS Reset */
/***********/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

a img {
	border: 0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/************/
/*** Basics ***/
/************/

html{
	overflow: -moz-scrollbars-vertical;
}

body{
	background: #000;
	color: #aa9c86;
	font-family: Calibri, Candara, Segoe, Geneva, Tahoma, Arial, sans-serif;
	font-size: 18px;
	line-height: 130%;
}


a{
	color: #405e80;
	text-decoration: none;
}

a:hover{
	color: #334b66 ;
}

h1{
	margin: 0 0 15px 0;	/**/
	font-size: 60px;
	color: #fff;
}

h2 a{
	color: #fff;
	font-size: 32px;
}

h2{
	margin: 0 0 15px 0;	/**/
	font-size: 32px;
	color: #fff;
}

h3{
	color: #ccc;
	font-size: 20px;
	margin-bottom: 5px 0;
}

h3 a{
	color: #405e80;
	margin-bottom: 5px 0;
}

h4{
	color: #405e80;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px;
}

h4 a{
	color: #405e80;
	font-size: 20px;
	font-weight: normal;
}

h4 a:hover{
	color: #334b66 ;
}


hr{
	background-color: #606262;
	border: none;
	height: 1px;
}

#container{
	/*height: 3200px;*/
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#content_container{
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.justify_aligned_text{
	text-align: justify;
}

.left_aligned_text{
	text-align: left;
}

.right_aligned_text{
	text-align: right;
}

.strike-through{
	text-decoration: line-through;
}

.map_description{
	color: #fff;
	text-shadow: 2px 2px 2px #000;
}

#copy1{
	position: absolute;
	top: 81px;
	left: 147px;
	width: 681px;
	font-size: 20px;
	line-height: 140%;
	text-align: center;
}

#copy2{
	position: absolute;
	top: 605px;
	left: 51px;
	width: 417px;
}

#copy3{
	position: absolute;
	top: 605px;
	left: 510px;
	width: 369px;
}

#blog_link{
	display: block;
	position: absolute;
	top: 333px;
	left: 369px;
	width: 216px;
	height: 56px;
}

span.logo_link{
	display: none;
}

#buylink{
	height: 140px;
	width: 956px;
	position: absolute;
	top: 557px;
	left: -8px;
	background: url(../images/buylink-op-payback99sale.png) top center;
}

#buylink:hover{
	background: url(../images/buylink-op-payback99sale.png) bottom center;
}


/* map descriptions */

#copy_description_museum{
	position: absolute;
	top: 200px;
	left: 57px;
	width: 227px;
	text-align: left;
}

#copy_description_downtown{
	position: absolute;
	top: 412px;
	right: 53px;
	width: 360px;
	text-align: right;
}

#copy_description_thunder{
	position: absolute;
	top: 414px;
	left: 57px;
	width: 316px;
	text-align: left;
}

#copy_description_favela{
	position: absolute;
	top: 430px;
	right: 53px;
	width: 304px;
	text-align: right;
}

#copy_description_motel{
	position: absolute;
	top: 408px;
	left: 57px;
	width: 324px;
	text-align: left;
}


#copy_description_seaside{
	position: absolute;
	top: 418px;
	right: 53px;
	width: 357px;
	text-align: right;
}

#copy_description_the_library{
	position: absolute;
	top: 444px;
	left: 57px;
	width: 325px;
	text-align: left;
}

#copy_description_pool_day{
	position: absolute;
	top: 444px;
	right: 53px;
	width: 252px;
	text-align: right;
}

/* background images */

.bg_container{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#bg1, #bg1_container{
	background: url(http://media.steampowered.com/apps/csgo/blog/images/operationpayback/bg1.jpg) top center no-repeat #000000;
	height: 699px;
}

#bg2, #bg2_container{
	background: url(http://media.steampowered.com/apps/csgo/blog/images/operationpayback/bg2.jpg) top center no-repeat #000000;
	height: 862px;
}


#bg3, #bg3_container{
	background: url(http://media.steampowered.com/apps/csgo/blog/images/operationpayback/bg3.jpg) top center no-repeat #000000;
	height: 593px;
}

#bg4, #bg4_container{
	background: url(http://media.steampowered.com/apps/csgo/blog/images/operationpayback/bg4.jpg) top center no-repeat #000000;
	height: 550px;
}

#bg5, #bg5_container{
	background: url(http://media.steampowered.com/apps/csgo/blog/images/operationpayback/bg5.jpg) top center no-repeat #000000;
	height: 533px;
}

#bg6, #bg6_container{
	background: url(http://media.steampowered.com/apps/csgo/blog/images/operationpayback/bg6.jpg) top center no-repeat #000000;
	height: 536px;
}

#bg7, #bg7_container{
	background: url(http://media.steampowered.com/apps/csgo/blog/images/operationpayback/bg7.jpg) top center no-repeat #000000;
	height: 522px;
}

#bg8, #bg8_container{
	background: url(http://media.steampowered.com/apps/csgo/blog/images/operationpayback/bg8.jpg) top center no-repeat #000000;
	height: 532px;
}

#bg9, #bg9_container{
	background: url(http://media.steampowered.com/apps/csgo/blog/images/operationpayback/bg9.jpg) top center no-repeat #000000;
	height: 550px;
}




#link_logo{
	position: absolute;
	top: 300px;
	left: 304px;
	width: 300px;
	height: 81px;
}


#map_workshop{
	position: absolute;
	top: 493px;
	left: 187px;
	width: 540px;
	font-size: 20px;
	line-height: 160%;
	text-align: center;
}

#find_vote_subscribe{
	position: absolute;
	top: 249px;
	left: 55px;
	width: 315px;
}

#infinite_gameplay{
	position: absolute;
	top: 787px;
	left: 55px;
	width: 315px;
}

#new_map_browser{
	position: absolute;
	top: 572px;
	left: 55px;
	width: 364px;
}



/**********/
/** Footer **/
/**********/

#footer{
	background: url(http://media.steampowered.com/apps/csgo/blog/images/operationpayback/bg_footer.jpg) top center no-repeat #000000;
	width: 940px;
	height: 572px;
	margin: 0 auto 0 auto;
	padding: 50px 0 0 0px;
}

#footer_container{
	background: url(http://media.steampowered.com/apps/csgo/blog/images/operationpayback/bg_footer.jpg) top center no-repeat #000000;
}

#footer p{
	color: #4d4e4e;
	font-size: 10px;
	line-height: 100%;
}

#footer img{
	display: inline;
	margin-right: 35px;
}

.esrb{
	float: left;
	margin-left: 190px;
}

#footer_content{
	float: left;
	width: 428px
}

#footer p{
	margin-top: 15px;
}