/* CSS Document */
*{
	margin: 0;
	padding: 0;
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	background-color: #000000;
}


#main{
	width: 640px;
	margin: 100px auto 0pt auto;
	text-align: left;
}


/*CSGS Logo and Statement*/
#csgs{
	float: left;
	width: 154px;
	text-align: right;
}

#csgs p{
	line-height: 150%;
	margin-top: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 8pt;
}



/*PROJECT LISTING STYLES*/
ul {
	float: right;
	width:300px;
	margin-right: 50px;
}

li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom: 10px;
}

li a{
	display: block;
	width: 300px;
	height: 75px;
	text-indent: -9999px; /*Hides text in anchor tags*/
}

/* 40Stories Logo */

#stories a{
	background: url(../_img/logo_40S.png) no-repeat top left;
}

#stories a:hover{
	background-position: bottom left; /*Shifts logo position on hover*/
}


/*DAVIS Logo*/
#davis a{
	background: url(../_img/logo_davis.png) no-repeat top left;
}

#davis a:hover{
	background-position: bottom left; /*Shifts logo position on hover*/
}


/*High Noon Logo*/
#hn a{
	background: url(../_img/logo_hn.png) no-repeat top left;
}

#hn a:hover{
	background-position: bottom left; /*Shifts logo position on hover*/
}


/*Viathan Logo*/
#viathan a{
	background: url(../_img/logo_viathan.png) no-repeat top left transparent;
}

#viathan a:hover{
	background-position: bottom left; /*Shifts logo position on hover*/
}

/*Bronze Age Logo*/
#ba a{
	background: url(../_img/logo_ba.png) no-repeat top left transparent;
}

#ba a:hover{
	background-position: bottom left; /*Shifts logo position on hover*/
}



/*FOOTER STYLES*/
#footer{
	clear: both;
}

#footer #projects{
	float: left;
	margin-top: 45px;
	width: 365px;
	height: 60px;
/*	background: url(../_img/logo_projects.png) no-repeat top left transparent;/*COMMENT-OUT THIS ENTIRE BACKGROUND LINE TO ACTIVATE PROJECTS HYPERLINK*/
}

#footer #projects a{
	display: block;
	width: 365px;
	height: 60px;
	text-indent: -9999px; /*Hides text in anchor tags*/
	background: url(../_img/logo_projects.png) no-repeat top left transparent;
}

#footer #projects a:hover{
	background-position: bottom left; /*Shifts logo position on hover*/
}

#footer #apcg{
	float: right;
	margin-top: 30px;
}

#footer #apcg a{
	display: block;
	width: 120px;
	height: 120px;
	text-indent: -9999px; /*Hides text in anchor tags*/
	background: url(../_img/logo_apcg.png) no-repeat top left transparent;
}

#footer #apcg a:hover{
	background-position: bottom left; /*Shifts logo position on hover*/
}