body {
	margin: 0;
	height: auto;
	background-image: url(Grunge.jpg);
	background-color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color: #ffffff;
	background-repeat: repeat;
	background-position: center top;
}

#container {
	width: 1000px;
	margin: 20px auto;
	border: 0;
	text-align: left;
	
}

#header {
	width: auto;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
}
	
#nav {
	width: auto;
	height: auto;
	text-align: right;
}
#nav li {
	display: inline;
	text-align: right;
	padding: 0;
	margin: 0px 0px 0px 20px;
}
	
#maincontent {
	width: auto;
	height: auto;
	margin-top: 20px;
	
}
			.boxgrid{ 
				width: 325px; 
				height: 260px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}