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

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

html{
	height:100%;
	}

body {
	background:#000 url(../img/bg.gif);
	color: #ccc;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	}

a, a:visited{
	color:#fff;
	text-decoration:underline;
	}
a:hover{
	color:#fff;
	text-decoration:none;
	}

h3{
	color:#FFF;
	font:18px Arial, Helvetica, sans-serif;
	font-weight:normal;
	}

fieldset{
	border:0;
	}
img {
	border:0;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	}
p{
	padding-bottom:10px;
	}
strong{
	color:#fff;
	}

.clear{
	clear:both;
	}
.left{
	float:left;
	}
.right{
	float:right;
	}

	

#container {
	padding:10px;
	}
#header{
	padding:10px;
	}

#ego{
	background:#000;
	height:145px;
	margin:5px;
	padding:40px;
	width:220px;
	}
.egodiv{
	height:225px;
	padding:5px;
	width:300px;
	}


.boxgrid{ 
	width: 300px;
	height: 225px;
	margin:5px;
	float:left;
	overflow: hidden;
	position:relative; 
	}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	}			
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height:80px; 
	width: 280px; 
	opacity: .8;
	padding:10px;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
.caption .boxcaption {
	top: 225px;
	left: 0;
	}