/* Reset Styles */
*{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	moz-box-sizing: border-box;
	box-sizing: border-box;
	}
/* HTML5 rules for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	}
/* Font Declaration */
@font-face {
	font-family: "Prelude Light";
	src: url("fonts/Prelude/Prelude-Light.eot?") format("embedded-opentype"), url("fonts/Prelude/Prelude-Light.ttf") format("truetype");
}
@font-face {
	font-family: "Prelude Medium";
	src: url("fonts/Prelude/Prelude-Medium.eot?") format("embedded-opentype"), url("fonts/Prelude/Prelude-Medium.ttf") format("truetype");
}
@font-face {
	font-family: "Prelude Medium Oblique";
	src: url("fonts/Prelude/Prelude-MediumOblique.eot?") format("embedded-opentype"), url("fonts/Prelude/Prelude-MediumOblique.ttf") format("truetype");
}
body {
	font-family: "Prelude Light";
	line-height: 1.6;
	background-color: #000;
	color: #fff;
	padding-top: -15px;
	height: 100%;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	img{
		border: none;
		max-width: 100%;
		max-height: 100%;	
	}

a	{
	color: #9be6fe;
	text-decoration: none;
	}
/* User Styles */
.img-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
}

/* Layout styles */
html{
	height: 100%;
	}
#radial-background {
	min-height: 100%;
	width: 100%;
	/* fallback */
	background-color: #333333;
	background-image: url('images/fallback-bg-IE.png');
	background-position: center center;
	background-repeat: no-repeat;
	
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#7d7d7d), to(#333333));

	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-radial-gradient(circle, #7d7d7d, #333333);

	/* Firefox 3.6+ */ 
	background: -moz-radial-gradient(circle, #7d7d7d, #333333);

	/* IE 10 */ 
	background: -ms-radial-gradient(circle, #7d7d7d, #333333);

	/* Opera cannot do radial gradients yet */
	behavior: url("PIE.htc");
}
#layout{
	margin: 0 auto;
	width: 960px;
	min-height: 100%;
}
.parafont{
	font-family: "Prelude Light";
	font-size: 18px;
	padding-top: 40px;
	padding-bottom: 60px;
}
header{
	*zoom: 1;
	position: relative;
	overflow: hidden;
	padding: 10px 0px 20px 0px;
}
.heading{
	font-family: "Prelude Light";
	font-size: 48px;
	text-align: center;
}
.subheading{
	font-family: "Prelude Light";
	font-size: 18px;
	padding-bottom: 15px;
	text-align: center;
	letter-spacing: 1px;
}
/** Enyo/Gram animation **/
/*#logo-animation-wrapper {
position: absolute;	
top: 0px;
right: 0px;
float: right;
}
#logo-animation-wrapper .gram {
position: absolute;
right: 55px;
top: 0px;
padding: 0px 5px 0px 5px;
z-index: 999;
height: 27px;
width: 57px;
}
#logo-animation-wrapper > .text {
position: absolute;
right: 58px;
top: 0px;
padding: 0px 5px 0px 5px;
z-index: 999;
height: 27px;
width: 57px;
}
#logo-animation-wrapper > .projects-pulldown {
-webkit-box-shadow: inset -3px 1px 5px -2px #999999;
-moz-box-shadow: inset -3px 1px 5px -2px #999999;
box-shadow: inset -3px 1px 5px -2px #999999;
background-color: #fff;
cursor: pointer;
-webkit-border-radius: 0px 0px 128px 128px;
-moz-border-radius: 0px 0px 128px 128px;
-ms-border-radius: 0px 0px 128px 128px;
-o-border-radius: 0px 0px 128px 128px;
border-radius: 0px 0px 128px 128px;
behavior: url("PIE.htc");
float: right;
margin-top: -70px;
margin-right: 4px;
padding: 0px 16px 3px 16px;
text-align: center;
-webkit-transition-property: margin;
-moz-transition-property: margin;
-ms-transition-property: margin;
-o-transition-property: margin;
transition-property: margin;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
z-index: 55;
width: 100px;
font-size: 0.8em;
line-height: 14px;
position: absolute;
top: 0px;
right: 0px;
}
#logo-animation-wrapper > .projects-pulldown .icon-down-arrow {
border: 6px solid transparent;
border-bottom-width: 0px;
border-top-color: #ff9900;
margin: auto;
margin-top: 40px;
width: 0px;
-webkit-transition-property: border;
-moz-transition-property: border;
-ms-transition-property: border;
-o-transition-property: border;
transition-property: border;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transition-duration: 0.35s;
-moz-transition-duration: 0.35s;
-ms-transition-duration: 0.35s;
-o-transition-duration: 0.35s;
transition-duration: 0.35s;
}
#logo-animation-wrapper > .projects-pulldown > a > img {
margin-top: 5px;
margin-bottom: 0px;
border: 0px;
}
#logo-animation-wrapper > .projects-pulldown > a:first-child > img {
margin-top: 0px;
margin-bottom: 5px;
}
#logo-animation-wrapper > .projects-pulldown:hover {
padding-top: 10px;
margin-top: -10px;
}
#logo-animation-wrapper > .projects-pulldown:hover .icon-down-arrow {
border-bottom-width: 6px;
border-top-width: 0px;
border-top-color: none;
border-bottom-color: #ff9900;
margin-top: 0px;
}
#logo-animation-wrapper > .projects-pulldown:hover > a > img {
margin-top: 35px;
margin-bottom: 0px;
}*/
.wordmark {
	overflow: hidden;
	*zoom: 1;
	float: left;
	margin-right: 50px;
	margin-left: 15px;
	vertical-align: baseline;
}
#nav {
	display: block;
	float: left;
	position: relative;
	font-family: "Prelude Medium";
	letter-spacing: 1px;
	padding-top: 15px;
}
#nav > li {
	padding: 0px 13px;
	display: inline;
}
#nav > li > a {
	display: inline-block;
	text-decoration: none;
	font-size: 0.800em;
	color: #ccc;
}
#nav > li > a:hover, #nav > li > a:active {
	color: #9be6fe;
}
#nav > li:first-child > a {
	padding-left: 0px;
}
#nav > li:last-child > a {
	padding-right: 0px;
}
/*.search-box {
	display: inline-block;
	height: 1.4em;
	position: relative;
	float: right;
	top: 10px;
	right: 15px;
}
.search-box input {
	background: #ededed;
	border: 1px solid #999;
	border-top-color: #999;
	border-bottom-color: #999;
	border-right: none;
	-webkit-border-radius: 12px 0px 0px 12px;
	-moz-border-radius: 12px 0px 0px 12px;
	-ms-border-radius: 12px 0px 0px 12px;
	-o-border-radius: 12px 0px 0px 12px;
	border-radius: 12px 0px 0px 12px;
	behavior: url("PIE.htc");
	-webkit-box-shadow: inset 0px 1px 3px #616161;
	-moz-box-shadow: inset 0px 1px 3px #616161;
	box-shadow: inset 0px 1px 3px #616161;
	outline: none;
	padding: 0px 4px;
	height: 100%;
	width: 128px;
	vertical-align: top;
	position: relative;
	z-index: 45;
}
.search-box .search-btn {
	background: #616161 url("images/icon-search.png") center center no-repeat;
	border: 1px solid #999;
	border-top-color: #999;
	border-bottom-color: #999;
	border-left: 0;
	-webkit-border-radius: 0px 12px 12px 0px;
	-moz-border-radius: 0px 12px 12px 0px;
	-ms-border-radius: 0px 12px 12px 0px;
	-o-border-radius: 0px 12px 12px 0px;
	border-radius: 0px 12px 12px 0px;
	-webkit-box-shadow: inset -1px 1px 3px #474747;
	-moz-box-shadow: inset -1px 1px 3px #474747;
	box-shadow: inset -1px 1px 3px #474747;
	behavior: url("PIE.htc");
	display: inline-block;
	margin-left: -0.5em;
	width: 24px;
	height: 100%;
	vertical-align: top;
	position: relative;
	z-index: 45;
}*/
#main{
	margin: 0 auto;
	padding-bottom: 150px;
}	
footer{
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	width: 100%; 
	background-color: #000;
}
footer #footer-content{
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	overflow: hidden;
	line-height: 25px;
	font-size: 12px;
	color: #999;
	letter-spacing: 1px;
}
/* global */
#myExample {
	position: relative;
	margin: 30px auto;
	overflow: hidden;
}
.img-swap{
	cursor: pointer;
}
.theatre {
	display: block;
	overflow: hidden;
	position: relative;
	list-style: none;
	padding: 0px;
}
.theatre-actor {
	margin: 0px;
}
/* 3d */
.theatre-3d .theatre-actor {
	position: absolute;
}
/* Controls */
.theatre-control {
	position: absolute;
	z-index: 1000;
}
.theatre-control-horizontal-next, .theatre-control-horizontal-prev {
	cursor: pointer;
}
.theatre-control span {
	background-image: url('images/theatre-controls.png');
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
	width: 30px;
	height: 30px;
}
/* Hover */
.theatre-next span {
	background-position: -97px 0px;
/*right arrow*/
}
.theatre-prev span {
	background-position: -67px 0px;
/*left arrow*/
}
.theatre-stop span {
	background-position: -157px 6px;
}
.theatre-play span {
	background-position: -128px 6px;
}
/* Horizontal */
.theatre-control-horizontal-next, .theatre-control-horizontal-prev {
	top: 0px;
	width: 30px;
	height: 100%;
}
.theatre-control-horizontal-next {
	right: 0px;
}
.theatre-control-horizontal-prev {
	left: 0px;
}
.theatre-control-horizontal-stop {
	left: 50%;
	width: 30px;
	height: 30px;
}
#lightbox {
	position: absolute; /* keeps the lightbox window in the current viewport */
	top: 0; 
	left: 0;
	padding-top: 100px;
	height: 100%; 
	width: 100%;
	text-align: center;
	z-index: 99999;
}
.popupImgText{
	position: absolute;
	text-align: left;
	color: #fff;
	font-family: "Prelude Medium" ;
	font-size: 14px;
	width: 350px;
	left: 317px;
	top: 430px;
}
#content{
	position: relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	
}