/* 
    AUTHOR: Chris Coyier
            chriscoyier@gmail.com
            http://chriscoyier.net
*/

* { 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:#000;
	font-size:80%;
	text-decoration:none;
	
	-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:#fff;
	text-decoration:none;
	text-shadow:0 0 0.4em black;
	/*cursor:alias;*/
}

img{
	border:none;
	max-width:100%;
} 

/* page Memo */

.memo{
	
}

/* 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:600px;}
	.roundabout-moveable-item 			{font-size:0.8em!important; height:200px; width:200px; 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:70px;}
	.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%;
	margin:20% auto;
}
#katwoman img
{
max-width:100%;
	height:60%;
}
/*page */

.video-container {
	position:absolute;
	width:90%;
	margin:0 5% 5% 5%;
	text-align:center;
	/*width:60%;
	margin:10% 20%;
	overflow: hidden;
	*/
	z-index:9999;
}

 video {
            max-width: 100%;
            height: auto;
          }

.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;
          }


/*   page heritage */
#various1{
	z-index:9999;
}
@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;*/}

*/
}