/*CSS file for the F2P FAQ*/


body{
	font-size: 14px;
}

#top_menu{
	margin-bottom: -65px;
	text-align: center;
	position: relative;
	z-index: 999;
	width: 913px;
}

#main_content{
	background-image: none;
	width: 913px;
	overflow: visible;

}

#topper{
	background-image: url("images/topper.png");
	height: 643px;
	width: 953px;
	margin-left: -25px;
	margin-top: -100px;
	
}

#body_image{
	background-image:url("images/main.png");
	height: 1133px;
	width: 988px;
	margin-left: -82px;
}

#learnmore{
	background-image: url("images/learnmore.png");
	height: 122px;
	width: 828px;
	position: absolute;
	top: 820px;
	margin-left: 68px;
	padding-top: 65px;
}

#bottom_piece{
	background-image: url("images/bottom_piece.png");
	height: 430px;
	width: 903px;
	margin-left: 3px;
}

#share_container{
	position: absolute;
	top: 2172px;
	margin-left: 240px;

}

/*all the buttons*/
.button{
	display: block;
	background-position: top;
}

.button:hover{
	background-position: bottom;
}

#getit1, #getit2{
	background-image: url("images/button_getit.png");
	height: 51px;
	width: 326px;
	position: absolute;
}

#getit1{
	top: 150px;
	left: 290px;
}

#getit2{
	top: 2020px;
	margin-left: 300px;
}

#faq{
	background-image: url("images/button_faq.png");
	height: 87px;
	width: 198px;
	float: left;
	margin-left: 15px;
}

#tf2com{
	background-image: url("images/button_tf2com.png");
	height: 87px;
	width: 198px;
	float: left;
	margin-left: 7px;
}

#free{
	background-image: url("images/button_free.png");
	height: 87px;
	width: 198px;
	float: left;
	margin-left: 7px;
}

#metacritic{
	background-image: url("images/button_metacritic.png");
	height: 187px;
	width: 186px;
	margin-left: 635px;
	margin-top: -65px;
}

/*share buttons*/

#facebook, #twitter, #buzz, #stumble, #vkontakte, #myspace, #digg{
	width: 60px;
	height: 60px;
	float: left;
	margin: 11px;
}

#facebook{
	background-image: url("http://media.steampowered.com/apps/tf2/share/facebook.png");
}

#twitter{
	background-image: url("http://media.steampowered.com/apps/tf2/share/twitter.png");
}

#buzz{
	background-image: url("http://media.steampowered.com/apps/tf2/share/buzz.png");
}

#stumble{
	background-image: url("http://media.steampowered.com/apps/tf2/share/stumble.png");
}

#vkontakte{
	background-image: url("images/vkontakte.png");
}

#myspace{
	background-image: url("http://media.steampowered.com/apps/tf2/share/myspace.png");
}

#digg{
	background-image: url("http://media.steampowered.com/apps/tf2/share/digg.png");
}

/*text boxes*/

#caption{
	font-style: italic;
	position: absolute;
	top: 800px;
	margin-left: 263px;
}

#team{
	width: 400px;
	position: absolute;
	margin-left: 548px;
	top: 1118px;
	line-height: 1.35;
}

#environment{
	width: 240px;
	position: absolute;
	margin-left: 128px;
	top: 1470px;
	line-height: 1.35;
}

#customize{
	width: 408px;
	position: absolute;
	margin-left: 546px;
	top: 1760px;
	line-height: 1.35;
}

/*share buttons*/