/* @group SLIDESHOW */

.slideshow {
	position:  				absolute;
	display: 				none;
}


.slideshowinfo {
	position: 				absolute;
	z-index:				9999;
	bottom: 				20px;
	left: 					20px;
	display: 				none;
}

.slideshowinfo .title {
	-webkit-font-smoothing: antialiased;

	font-family: 			'din', helvetica neue, helvetica, arial, sans-serif;
	font-size: 				19pt;
	line-height: 			.8;

	letter-spacing:			-1pt;

	text-transform: 		uppercase;
	width: 					560px;
	color: 					#E0E0E0;
	text-decoration: 		none;
	float: 					left;
	display:				block;
	text-shadow: 			0px 1px 2px #000;
}

.slideshowinfo .section {
	color: 					#E0E0E0;
	font-size: 				10pt;
	line-height: 			.8;

	letter-spacing:			-.5pt;

	font-weight: 			normal;
	text-decoration: 		none;
	float: 					left;
	display:				block;
	text-shadow: 			0px 1px 2px #000;
}

.biglogo {
	position:				absolute;
	z-index:				9999;
	left: 					50%;
	margin-left: 			-75px;
	top: 					50%;
	margin-top: 			-75px;
	opacity: 				.75;
}

.slideshadow {
	position:				absolute;
	z-index:				9999;
	top: 					228px;
}

/* @end */



/* @group DATA */

.data {
	display: 				none;
}

/* @end */



/* @group PROJECT LIST (Grid) */

#content ul {
	list-style: 		none;
}

#content .boxgrid {
	width: 				320px;
	height: 			140px;
	margin-left: 		10px;
	margin-top: 		10px;
	display: 			block;
}

#content .boxgrid a {
	width: 				320px;
	height: 			140px;
	display: 			block;
	text-decoration: 	none;
	outline: 			none;
}

.spacedown {
	display: 			block;
	width: 				670px;
	height:  			75px;
	margin-top: 		10px;
}

/* @end */



/* @group CONTENT - Items */

.text {
	-webkit-font-smoothing: subpixel-antialiased;

	font-family: 			'myriad', helvetica neue, helvetica, arial, sans-serif;
	font-size: 				10.5pt;

	letter-spacing:			-.3pt;

	text-align: 			justify;
	
	cursor: 				default;
	background: 			none;
	margin-bottom: 			20px;
}

.text h1 {
	-webkit-font-smoothing: antialiased;

	font-family: 			'din', helvetica neue, helvetica, arial, sans-serif;
	font-size: 				24pt;
	margin:					0;
/*	margin-bottom:			4pt;*/
}

.text h2 {
	-webkit-font-smoothing: antialiased;

	font-family: 			'din', helvetica neue, helvetica, arial, sans-serif;
	font-size: 				12pt;
	margin:					0;
/*	margin-bottom:			-10pt;*/
}

.text a {
	-webkit-font-smoothing: subpixel-antialiased;

	font-size: 				9pt;

	letter-spacing:			-.5pt;

	color: 					#F0F0F0;
	font-weight: 			bold;
	text-decoration: 		none;
	outline: 				none;
	text-transform: 		uppercase;
	background: 			#000;
	padding-top: 			1px;
	padding-bottom: 		1px;
	padding-left: 			10px;
	padding-right: 			10px;
	margin-top:				-1px;
	margin-bottom:			-1px;
	cursor: 				pointer;

	-webkit-transition: background 100ms linear, color 100ms linear;
	transition: 		background 100ms linear, color 100ms linear;
}

.text a:hover {
	background: 		#FFFFFF;
	color: 				#A0A0A0;

	border-radius: 			2px;
	-moz-border-radius: 	2px;
	-webkit-border-radius: 	2px;
	-o-border-radius: 		2px;
	-ms-border-radius: 		2px;

}

.text a:active {
	background-color: 	#0085D1;
	color: 				#F0F0F0;
}

.image {
	text-align: 		left;
	cursor: 			default;
}

.image a {
	cursor: 			pointer;
}

.image a img {
	cursor: 			pointer;
}

/* CAPTIONED */

.captionedimage {
	position: 			relative;
	text-align: 		left;
}

.captionedimage img {
	position: 			relative;
}


.captionedimage .info {
	position: 			absolute;
	text-align: 		right;
	bottom: 			20px;
	right: 				20px;
}

.captionedimage .info .title {
	text-shadow: 		0px 1px 2px #000;
	-webkit-font-smoothing: antialiased;

	font-family: 		'din', helvetica neue, helvetica, arial, sans-serif;
	font-size: 			14pt;
	line-height: 		.8;
	letter-spacing:		-.5pt;
	text-transform: 	uppercase;
	color: 				#FFFFFF;
	text-decoration: 	none;
	opacity: 			.9;
}

.captionedimage .info .shop {
	display: 			inline;
}

/*
IMG CONTENT WITH "link=" in Caption
*/

.imglink{
	cursor: 				pointer;

	display: 			block;
	-webkit-transition: opacity 200ms linear;
	transition: 		opacity 200ms linear;
	opacity: 			1;
	margin: 			0;
	padding: 			0;
	background: 		transparent;
}

.imglink:hover {
	opacity: 			.5;
	margin: 			0;
	padding: 			0;
}

/* @end */