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

* {
    margin: 0;
    padding: 0;
}

html, body, {
    height:100%;
    width:100%;
}

img {border: none;}

a {outline: none;}


body {
	background-color: #1a1617;
	text-align:center;
}



div#wrapper {
	height: 0px; /* set to taste */

	/* required */
	position: absolute;
	overflow: visible;
	display: block;
	width: 100%;
	left: 0px;
	top: 50%;
	z-index:0;
}
div#center {

	overflow: auto; /* set to taste */

	position: absolute; /* required */
	left: 50%; /* required */

	margin-left: -50%; /* half of width */
	width: 100%; /* width of div */

	height: 469px; /* height of div */
	top: -234px; /* half of height */
	text-align:center;
}


/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	margin:0px;
}

	#makeMeScrollable
	{
		width:100%;
		height: 469px;
		position: relative;
	}
	
	#makeMeScrollable div.scrollableArea *
	{
		position: relative;
		float:left;
		}
		
					.boxgrid{ 
				width: 346px; 
				height: 469px; 
				margin:0px; 
				float:left; 
				overflow: hidden; 
				position: relative; 
			}

			.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
							.boxgrid2{ 
				width: 700px; 
				height: 469px; 
				margin:0px; 
				float:left; 
				overflow: hidden; 
				position: relative; 
			}

			.boxgrid2 img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid2 p{ 
					padding: 0px; 
					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;
 				}
				
				.cover{margin-top:-36px;}