* { margin: 0; padding: 0; }


.clear { clear: both; }

.floatLeft { float: left; }

.floatRight { float: right; }

body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000;
	cursor:crosshair;
	font-size:100%;
}

a {
	color:#CCC;
	font-size:80%;
	text-decoration:none;
	text-transform:uppercase;
	text-indent:2em;
	text-shadow:0 0 0.4em black;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a:hover {
	color:#F90;
	text-decoration:none;
	text-shadow:0 0 0.4em black;
	cursor:alias;
}
hr{
	width:60%; text-align:center;
}
img{
	border:none;
	max-width:100%;
} 

/* page 404 */

.createdBy{
	text-align: center;
	width: 100%;
	
}
#memory{ background:#000; background-size:contain; width:100%; height:90%; max-width:600px; margin:5% auto;  position:relative;}
#play{
	width:100%; height:120px;text-align:center; color:#fff; border:none;
	background:#000 url(../videos/vignettes/GEENoir.png) no-repeat center;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#play:hover{
	width:100%; height:120px;text-align:center; color:#fff; border:none;
	background:#000 url(../videos/vignettes/GEEBlanc.png) no-repeat center;
}

/* carousell */

 <style>span{color:#ffffff;}</style>

/* Common Scroller Styles */
	#Caroussell{ position:absolute; width:100%; margin:10% auto; overflow:hidden; z-index:1000; }

	.roundabout-holder 					{list-style:none; width:90%; margin:10% auto; max-width:400px;}
	.roundabout-moveable-item 			{font-size:0.8em!important; height:244px; width:300px; cursor:pointer; padding:5px; /*border:1px solid #fff; -webkit-border-radius:5px; -moz-border-radius:5px; background:#ffffff;*/}
	.roundabout-moveable-item img 		{height:100%; width:100%; background-color:transparent; margin:50;}
	.roundabout-in-focus 				{cursor:auto;-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
	.roundabout-in-focus:hover			{-webkit-box-shadow:0px 0px 20px #000; -moz-box-shadow:0px 0px 20px #000; background-color: rgba(255,255,255,0.8);	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);}
	.roundabout-holder span				{display:none; font-size:1.4em; text-align:center; color:#FFF;}
	.roundabout-holder span	a           { position:relative; color:#FF6600;top:100px;}
	.roundabout-holder span	a:hover     { color:#FFF; text-shadow:1px 1px 1px #FF6600;}
	.roundabout-holder span	img			{  top:0;left:0;}
	.roundabout-in-focus:hover span		{display:inline; height:70%; width:80%; left:10%; top:10%; padding-top:5%; position:absolute; background-color:rgba(0,0,0,0.8); z-index:999; line-height:1.2em; /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px solid #aaaaaa; border:1px solid #0f0;*/ }
	
	
	
	.roundabout a:active,
	.roundabout a:focus,
	.roundabout a:visited				{outline:none; text-decoration:none;}
	.roundabout li 						{margin:0}
	a img								{border:none; outline:0;}

/* Featured Image Slider */

	#featured							{ margin:0 auto;}
	#featured ul                        { height:250px;}
	#featured ul li a      				{text-decoration:none;}


/* comingsoon  */

#katwoman { position:absolute;width:100%;height:100%;margin:20% auto;}
#katwoman img {max-width:100%;height:60%;}
/*page */

.video-container {width:100%; max-height:500px; text-align:center;z-index:9999; position:fixed;}

 video {max-width: 90%; max-height: 90%;margin:5%;}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
iframe,
embed,
object { max-width: 100%; }
.container { width: 70%; padding: 5%; margin:0px auto; background:#333; box-shadow: 0 5px 5px rgba(0,0,0,0.5);}
.vendor { padding: 2%;background: #333;margin-bottom: 2em;}

.unsupported { background: #fddfde;}

@media screen and (max-width: 500px) {
	/*
		#Caroussell{ position:absolute; width:100%; margin:0 auto; overflow:hidden; z-index:1000; }

		.roundabout-holder 					{list-style:none; width:90%; margin:0 auto; max-width:400px;}

		.roundabout-moveable-item 			{font-size:0.6em!important; height:122px; width:150px; cursor:pointer; padding:5px; /*border:1px solid #fff; -webkit-border-radius:5px; -moz-border-radius:5px; background:#ffffff;*/}

*/
}