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

body {
		background-color: black; 
}

.wrapper {
		display:block;
		width: 660px;
		height: 380px;
		margin: 150px auto 0 auto; 
}

h1 {
		display:block;
		width: 660px;
		height: 70px;
		margin: 0 auto 0 auto;
		position: absolute;
		top: 290px;
		color:white;
		background-image:url(assets/4up660x380.jpg);
		background-position: 0px -140px;
}

ol {
	
}

ol li a {
		display:block;
		width: 300px;
		height: 140px;
		float:left;
		background-image:url(assets/4up660x380.jpg);
}

ol li.bootcamp a, 
ol li.redesign a {
	margin-right: 60px;
}

ol li.bootcamp a, ol li.forum a {
	margin-bottom: 70px;
}

p.footer {
		display:block;
		width: 660px;
		height: 30px;
		clear:both;
		text-align:center;
		padding-top: 15px;
		color: #999;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:11px;
}

/* Text Nav */

a {text-decoration:none;}
a:link {color:#999;}      /* unvisited link */
a:visited {color:#999;}  /* visited link */
a:hover {color:white;}  /* mouse over link */
a:active {color:#999;}  /* selected link */

/* img Nav-up */

ol li.bootcamp a {
	background-position: 0px 0px;
}

ol li.forum a {
	background-position: -360px 0px;
}

ol li.redesign a {
	background-position: 0px -210px;
}

ol li.extra a {
	background-position: -360px -210px;
}

/* img Nav-over */

ol li a:hover {
		background-image:url(assets/4over660x380.jpg);
}

/* hide text */

ol li a span, h1 span {
	display:none;
}