/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 Calibri, Helvetica, Arial;
	background:#000000 top center no-repeat url('../images/redpink.jpg');
	color: #ffffff;
}

a {
	color: #ffffff;
	text-decoration: none;
}

hr {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

.big {
	font-size: 21px;
	font-weight: bold;
}

#logo {
	margin: 95px 0 80px 0;
}

#icon {
	width: 220px;
	height: 220px;
	background: center center no-repeat url('../images/trans_bg.png');
}

#music {
	text-align: right;
}

#footer {
	margin: 65px 0 50px 0;
	font-weight: normal;
}


			.boxgrid{ 
				width: 200px; 
				height: 200px; 
				float:left; 
				margin: 5px;
				background: none; 
				border: none; 
				overflow: visible;
				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;
 				}