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

body {
	font-family:	Tahoma, Geneva, sans-serif;
	font-size:		12px;
	color:			#FFF;
}

h3 {
	padding:		0px;
	margin:			0px;
	font-size:		16px;
	text-transform: uppercase;
}

A:Link, A:Active, A:Visited {
	color:			#FFF;
	text-decoration:none;
}
A:Hover {
	color:			#FFF;
	text-decoration:underline;
}

#logo {
	background-image:	url(images/logo.png);
	width:		355px;
	height:		35px;
	background-repeat:	no-repeat;
	margin:		50px auto 0px;
}

#container_top {
	width:		425px;
	height:		200px;
	margin:		15px auto;
	left:		-225px;
}

#container_bottom {
	width:		425px;
	height:		200px;
	margin:		25px auto;
	left:		-225px;
}

#blue {
	width:		150px;
	height:		150px;
	background-color:	#3b85ab;
	padding: 	25px;
	float:		left;
}

#blue_hover {
	background-color:	#89b6cd;
	width:		150px;
	height:		150px;
	padding: 	25px;
	float:		left;
}

#purple {
	width:		150px;
	height:		150px;
	background-color:	#8c1a7d;
	padding: 	25px;
	float:		right;
}

#purple_hover {
	background-color:	#ba76b1;
	width:		150px;
	height:		150px;
	padding: 	25px;
	float:		right;
}

#green {
	width:		150px;
	height:		150px;
	background-color:	#53ab3b;
	padding: 	25px;
	float:		left;
}

#green_hover {
	background-color:	#98cd89;
	width:		150px;
	height:		150px;
	padding: 	25px;
	float:		left;
}

#red {
	width:		150px;
	height:		150px;
	background-color:	#ab3b3b;
	padding: 	25px;
	float:		right;
}

#red_hover {
	background-color:	#cd8989;
	width:		150px;
	height:		150px;
	padding: 	25px;
	float:		right;
}

#footer {
	width:		425px;
	height:		25px;
	margin:		10px auto;
	font-size:	10px;
	color:		#ccc;
	text-align:	center;
	letter-spacing:	2px;
}