* { margin:0; padding:0; }
body { background:#111; height:100%; }
	img { border:none; }
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:-1; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../images/progress.gif) no-repeat center center;}
	
	#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
			#supersized li.image-loading { background:#111 url(../images/progress.gif) no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

@font-face {
	font-family: Gotham;
	src: url('../fonts/Gotham-Light.ttf');
}

html {
  height: 100%;
}

body {
	text-align: center;
	background: #000;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#top-fade {
   background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
	background-image: -moz-linear-gradient(
	  rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%
	);
	position: absolute;
	top: 0;
	left: 0;
	height: 83px;
	width: 100%;
}
#bottom-fade {
   background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.5)));
	background-image: -moz-linear-gradient(
	  rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100% 
	);
	position: absolute;
	bottom: 0;
	left: 0;
	height: 83px;
	width: 100%;
}

#logo {
	width: 163px;
	height: 24px;
	overflow: hidden;
	position: absolute;
	left: 65px;
	top: 25px;
}

#logo a {
	display: block;
	overflow: hidden;
	padding-top: 24px;
	height: 0!important;
	text-indent: -9000px;
	background: transparent url(../images/logo.png) no-repeat scroll 0 0;
}

#menu {
	width: 350px;
	position: absolute;
	right: 65px;
	top: 25px;
	overflow: hidden;
   z-index: 1112;
}
#menu ul {
	list-style: none;
}
#menu ul li {
	float: left;
	width: 130px;
	margin: 0 10px 0 0;
	background: transparent;
}

#menu ul li a {
	color: #fff;
	text-decoration: none;
	display: block;
	font-size: 25px;
	letter-spacing: -0.4px;
	font-family: 'Gotham';
}
#menu ul li ul {
	padding: 10px 10px 10px 0;
	opacity: 0;
}
#menu ul li:hover > a, #menu a.selected  {
	color: #999999;
}
#menu ul li ul li {
	float: none;
	display: block;
}

#menu ul li ul li a {
	font-size: 13px;
	line-height: 150%;
	display: block;
	text-shadow: 0px 0px 10px #000,0px 0px 10px #000,0px 0px 10px #000,0px 0px 20px #000,0px 0px 20px #000,0px 0px 20px #000;
}

#content {
	width: 960px;
	font-family: 'Gotham';
	background: transparent;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -480px;
	text-shadow: 0px 0px 10px #000,0px 0px 10px #000,0px 0px 10px #000,0px 0px 20px #000,0px 0px 20px #000,0px 0px 20px #000;
}

#content h1 {
	font-size: 35px;
	line-height: 150%;
	margin: 0 0 10px;
}

#content h2 {
	font-size: 25px;
	line-height: 150%;
	margin: 0 0 10px;
}

#content p {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 140%;
}

#content a {
	color: #fff;
}

#gallery {
	width: 1000px;
	overflow: hidden;
	padding: 40px;
	margin: 100px auto 0;
}

#gallery .item {
	width: 245px;
	height: 138px;
	float: left;
	margin: 0 5px 5px 0;
	position: relative;
}
#gallery .item a {
	display: block;
	width: 245px;
	height: 138px;
	color: #fff;
	text-decoration: none;
}

#gallery .item a img {
	-ms-interpolation-mode: bicubic; 
	position: absolute;
	left: 0;
	top: 0;
}

#gallery .shadow {
	-moz-box-shadow: 0 0 20px #000, 0 0 20px #000, 0 0 20px #000;
	-webkit-box-shadow: 0 0 20px #000, 0 0 20px #000, 0 0 20px #000;
	box-shadow: 0 0 20px #000, 0 0 20px #000, 0 0 20px #000;
	z-index: 1111;
}

#myTitle {
	width: 960px;
	color: #fff;
	font-family: 'Gotham';
	font-size: 13px;
	overflow: hidden;
	text-align: left;
	line-height: 13px;
	position: absolute;
	bottom: 65px;
	left: 50%;
	margin-left: -480px;
   z-index: 1105;
}

#myTitle .left {
	width: 50%;
	float: left;
	line-height: 26px;
	text-shadow: 0px 0px 5px #000,0px 0px 5px #000,0px 0px 5px #000,0px 0px 5px #000;
}
#myTitle .right {
	width: 160px;
	float: right;
	text-align: right;
	line-height: 26px;
	text-shadow: 0px 0px 5px #000,0px 0px 5px #000,0px 0px 5px #000,0px 0px 5px #000;
}
#myTitle .counter {
	display: block;
	float: left;
}
#myTitle .close {
	padding: 0 5px;
	display: block;
	float: left;
}
#myTitle .prev {
	padding: 2px 5px 0;
	display: block;
	float: left;
}
#myTitle .next {
	padding: 2px 5px 0;
	display: block;
	float: left;
}

#fullscreen {
  display: none;
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#arrow-left, #arrow-right {
    background: url("images/blank.gif") repeat scroll 0 0 transparent;
    bottom: 0;
    cursor: pointer;
    height: 100%;
    outline: medium none;
    position: absolute;
    width: 35%;
    z-index: 1102;
}
#arrow-left {
  left:0;
  width: 50%;
}
#arrow-right {
  right:0;
  width: 50%;
}
#arrow-right-ico {
    background: url("../images/ico-plus.png") no-repeat scroll 0 0 transparent;
    height: 66px;
    left: auto;
    margin-top: -33px;
    right: 20px;
    width: 64px;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1102;
}
#arrow-left-ico {
    background: url("../images/ico-minus.png") no-repeat scroll 0 0 transparent;
    height: 36px;
    left: 20px;
    margin-top: -18px;
    width: 49px;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1102;
}
/*
#subpages {
	position: absolute;
	left: 50%;
	top: 80px;
	width: 960px;
	margin: 0 0 0 -480px;
	z-index: 999999;
	line-height: 30px;
	text-shadow: 0px 0px 10px #000,0px 0px 10px #000;
}
*/
#subpages {
	font-family: 'Gotham';
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	background: transparent;
	text-shadow: 0px 0px 10px #000,0px 0px 10px #000,0px 0px 10px #000,0px 0px 20px #000,0px 0px 20px #000,0px 0px 20px #000;
}

#subpages ul {
	list-style: none;
	overflow: hidden;
	margin: 0 auto;
}
#subpages ul li {
	margin: 0;
	background: transparent;
}

#subpages ul li a {
	color: #fff;
	text-decoration: none;
	display: block;
	font-size: 50px;
	letter-spacing: -0.4px;
	line-height: 150%;
	font-family: 'Gotham';
}

#subpages ul li:hover > a, #subpages a.selected  {
	color: #999;
}