/* COMMON */

html, body {
	width:100%;
	height:100%;
	min-width:720px;
	min-height:556px;
	position:relative;

	font-family: sans-serif;
	font-size:14px;
}

.clear {
	height:0px;
	clear:both;
}

.first {
	margin-left:0px !important;
}

.last {
	margin-right:0px !important;
}

.site-container {
	height:100%;
	width:100%;
	background:#090a26;
	position:absolute;
}

.bg-container {
	height:100%;
	width:100%;
	overflow:hidden;
	position:absolute;
}

.header-bg-container {
	height:200px;
	width:100%;
	overflow:hidden;
	position:fixed;
}

.bg {
	position:fixed;
	width:2750px;
	left:50%;
	margin-left:-1375px;
	height:100%;

	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwLjMiIHN0b3AtY29sb3I9IiNGRkZGRkYiLz48c3RvcCBvZmZzZXQ9IjAuNzUiIHN0b3AtY29sb3I9IiM5NGQxZjgiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwOTBhMjYiLz48L3JhZGlhbEdyYWRpZW50PjxyZWN0IHg9IjAlIiB5PSIwJSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iIzA5MGEyNiIgLz48cmVjdCB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIwMCUiIGZpbGw9InVybCgjZykiIC8+PC9zdmc+);
	/*background-image: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 116, color-stop(30%, #FFFFFF), color-stop(75%, #94d1f8), color-stop(100%, #090a26));
	background-image: -webkit-radial-gradient(center bottom, farthest-side, #FFFFFF 30%, #94d1f8 75%, #090a26 100%);
	background-image: -moz-radial-gradient(center bottom, farthest-side, #FFFFFF 30%, #94d1f8 75%, #090a26 100%);
	background-image: -ms-radial-gradient(center bottom, farthest-side, #FFFFFF 30%, #94d1f8 75%, #090a26 100%);
	background-image: -o-radial-gradient(center bottom, farthest-side, #FFFFFF 30%, #94d1f8 75%, #090a26 100%);
	background-image: radial-gradient(farthest-side at center bottom, #FFFFFF 30%, #94d1f8 75%, #090a26 100%);*/
}

.header-bg {
	position:fixed;
	width:2750px;
	left:50%;
	margin-left:-1375px;
	height:100%;
	z-index:1;

	clip:rect(0px,3000px,160px,0px);

	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwLjMiIHN0b3AtY29sb3I9IiNGRkZGRkYiLz48c3RvcCBvZmZzZXQ9IjAuNzUiIHN0b3AtY29sb3I9IiM5NGQxZjgiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwOTBhMjYiLz48L3JhZGlhbEdyYWRpZW50PjxyZWN0IHg9IjAlIiB5PSIwJSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iIzA5MGEyNiIgLz48cmVjdCB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIwMCUiIGZpbGw9InVybCgjZykiIC8+PC9zdmc+);
	/*background-image: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 116, color-stop(30%, #FFFFFF), color-stop(75%, #94d1f8), color-stop(100%, #090a26));
	background-image: -webkit-radial-gradient(center bottom, farthest-side, #FFFFFF 30%, #94d1f8 75%, #090a26 100%);
	background-image: -moz-radial-gradient(center bottom, farthest-side, #FFFFFF 30%, #94d1f8 75%, #090a26 100%);
	background-image: -ms-radial-gradient(center bottom, farthest-side, #FFFFFF 30%, #94d1f8 75%, #090a26 100%);
	background-image: -o-radial-gradient(center bottom, farthest-side, #FFFFFF 30%, #94d1f8 75%, #090a26 100%);
	background-image: radial-gradient(farthest-side at center bottom, #FFFFFF 30%, #94d1f8 75%, #090a26 100%);*/
}

.home-bg {
	position:relative;
	width:2000px;
	margin-left:-1000px;
	left:50%;
	top:50%;
	height:2000px;
	margin-top:-1000px;

	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwLjIiIHN0b3AtY29sb3I9IiM4YWMyZWQiLz48c3RvcCBvZmZzZXQ9IjAuOCIgc3RvcC1jb2xvcj0iIzA5MGEyNiIvPjwvcmFkaWFsR3JhZGllbnQ+PHJlY3QgeD0iMCUiIHk9IjAlIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjMDkwYTI2IiAvPjxyZWN0IHg9IjAlIiB5PSItNDcuODQ0OCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjE5NS42ODk3JSIgZmlsbD0idXJsKCNnKSIgLz48L3N2Zz4=);
	background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 114, color-stop(0%, #8ac2ed), color-stop(80%, #090a26));
	background-image: -webkit-radial-gradient(center center, farthest-side circle, #8ac2ed 20%, #090a26 80%);
	background-image: -moz-radial-gradient(center center, farthest-side circle, #8ac2ed 20%, #090a26 80%);
	background-image: -ms-radial-gradient(center center, farthest-side circle, #8ac2ed 20%, #090a26 80%);
	background-image: -o-radial-gradient(center center, farthest-side circle, #8ac2ed 20%, #090a26 80%);
	background-image: radial-gradient(farthest-side circle at center center, #8ac2ed 20%, #090a26 80%);
}

/* HOME */

@keyframes planetRotation
{
	from { transform:rotate(0deg); -ms-transform:rotate(0deg); }
	to { transform:rotate(360deg); -ms-transform:rotate(360deg); }
}

@-moz-keyframes planetRotation /* Firefox */
{
	from { -moz-transform:rotate(0deg); }
	to { -moz-transform:rotate(360deg); }
}

@-webkit-keyframes planetRotation /* Safari and Chrome */
{
	from { -webkit-transform:rotate(0deg); }
	to { -webkit-transform:rotate(360deg); }
}

@-o-keyframes planet /* Opera */
{
	from { -o-transform:rotate(0deg); }
	to { -o-transform:rotate(360deg); }
}

.home-bg-planet, .home-bg-clouds-1, .home-bg-clouds-2 {
	width:1031px;
	height:1031px;

	left:50%;
	top:50%;
	margin-left:-515px;
	margin-top:-515px;
	position: absolute;
}

.home-bg-planet {

	background:url('../images/home-planet.png');
	z-index:0;

	/* animation */
	animation: planetRotation 250s linear infinite;
	-moz-animation: planetRotation 250s linear infinite;
	-webkit-animation: planetRotation 250s linear infinite;
	-o-animation: planetRotation 250s linear infinite;
}

.home-bg-clouds-1 {
	background:url('../images/home-planet-clouds-1.png');
	z-index:0;

	/* animation */
	animation: planetRotation 180s linear infinite;
	-moz-animation: planetRotation 180s linear infinite;
	-webkit-animation: planetRotation 180s linear infinite;
	-o-animation: planetRotation 180s linear infinite;
}

.home-bg-clouds-2 {
	background:url('../images/home-planet-clouds-2.png');
	z-index:0;

	/* animation */
	animation: planetRotation 350s linear infinite;
	-moz-animation: planetRotation 350s linear infinite;
	-webkit-animation: planetRotation 350s linear infinite;
	-o-animation: planetRotation 350s linear infinite;
}

.home-content {
	width:720px;
	margin:auto;
	height:556px;
	top:50%;
	margin-top:-320px;
	position:relative;
	z-index:1;
}

.home-logo {
	width:100%;
	text-align:center;
}

.home-logo img {
	width:550px;
	position: relative;
	left:-20px;
}

.home-punchline {
	font-family: 'KingthingsExeterRegular', sans-serif;
	color:#fff;
	text-align:center;
	font-size:26px;
	margin-top:15px;
}

.home-footer {
	width:350px;
	margin:auto;
	margin-top:10px;
	color:#fff;
	white-space: nowrap;
}

.home-footer-link {
	text-decoration: none;
	color:#fff;
	margin-right:5px;
	margin-left:5px;
}

.home-footer-link:hover {
	text-decoration: underline;
}

.home-footer-logo {
	float:left;
	margin-right:15px;
}

.home-footer-logo.first, .footer-logo.first  {
	margin-right:10px;
}

.home-footer-follow {
	font-size:13px;
	margin-top:12px;
}

.home-footer-follow span {
	display:block;
	margin-bottom:3px;
}

/* home-menu */
#home-menu {
	width:550px;
	padding:0px 50px;
	margin:auto;
	margin-top:-5px;
	margin-bottom:35px;
	background:url('../images/home-menu-bg.png') no-repeat center bottom;
}

.home-menu-item {
	float:left;

	width:25%;
	text-align: center;
	position:relative;
	padding-bottom:10px;
}

.home-menu-item.i2:hover {
	background:url('../images/home-menu-bg1.png') no-repeat center 31px;
}

.home-menu-item.i3:hover {
	background:url('../images/home-menu-bg2.png') no-repeat center 25px;
}

.home-menu-item.i4:hover {
	background:url('../images/home-menu-bg3.png') no-repeat center 25px;
}

.home-menu-item.i5:hover {
	background:url('../images/home-menu-bg4.png') no-repeat center 31px;
}

.home-menu-item a {
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	font-family: 'KingthingsExeterRegular', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-size:24px;
	line-height:45px;
}

/* SITE */

.site-content {
	width:720px;
	min-height:600px;
	margin:auto;
	z-index:1;
	position:relative;
}

.layer_top {
	position:fixed;
	bottom:0px;
	width:100%;
	height:138px;
	background:url('../images/layer_top.png') no-repeat center bottom;
	z-index:3;
	pointer-events:none;
}

.layer_middle {
	position:fixed;
	width:400px;
	height:406px;
	z-index:2;
	background:url('../images/layer_mid.png') no-repeat;
	bottom:0px;
	left:50%;
	margin-left:-640px;
	pointer-events:none;
}


.layer_bottom {
	position:fixed;
	width:100%;
	height:100%;
	z-index:0;
	background:url('../images/layer_bottom.png') no-repeat center bottom;
}

/* HEADER */
#header {
	width:720px;
	position:fixed;
	padding-top:20px;
	background:url('../images/menu-bg.png') no-repeat center 90%;
	z-index:2;
}

#main-menu {
	width:600px;
	margin:auto;
}

.main-menu-item {
	width:16%;
	float:left;
}

.main-menu-item a {
	display:block;
	width:100%;
	position:relative;
	line-height:117px;
	text-transform: uppercase;
	color:#fff;
	font-family: 'KingthingsExeterRegular', sans-serif;
	text-align:center;
	font-size:24px;
	text-decoration: none;
	text-shadow: 0px 0px 10px #090A26;
}

.main-menu-item.i2:hover, .main-menu-item.i2.current {
	background:url('../images/menu-bg-1.png') no-repeat center 65px;
}

.main-menu-item.i3:hover, .main-menu-item.i3.current {
	background:url('../images/menu-bg-2.png') no-repeat center 58px;
}

.main-menu-item.i4:hover, .main-menu-item.i4.current {
	background:url('../images/menu-bg-3.png') no-repeat center 58px;
}

.main-menu-item.i5:hover, .main-menu-item.i5.current {
	background:url('../images/menu-bg-4.png') no-repeat center 65px;
}

.main-menu-item.menu-logo {
	width:200px;
	text-align: center;
}

.main-menu-item.menu-logo a {
	line-height: 0px;
}

div.main {
	padding-top:160px;
}

div.inner {
	background:url('../images/page-title-bg.png') no-repeat center 0px;
	padding-bottom:200px;
}

h1.page-title {
	padding-top:15px;
	text-align:center;
	font-size:40px;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	line-height:40px;
	margin-bottom:18px;
	text-transform: uppercase;
}

.typography img {
	max-width:100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* NEWS */
.newsitem-container, .content-wrapper {
	background: rgba(255,255,255,0.3);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:20px;
	margin-bottom:20px;
	-webkit-box-shadow:  0px 0px 10px 2px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 10px 2px rgba(0, 0, 0, 0.1);
}

.newsitem-header {
	position:relative;
}

.newsitem-anchor-container {
	position:relative;
}

a.newsitem-anchor {
	position:absolute;
	top:-180px;
	display: block;
}

.newsitem-share {
	position:absolute;
	bottom:7px;
	right:0;
}

.newsitem-date {
	color:#333;
	margin-bottom:2px;
}

.fb-like {
	max-width:100px;
}

h2.newsitem-title {
	padding-right:250px;
	font-size:32px;
	padding-bottom:5px;
	margin-bottom:12px;
	border-bottom:1px solid #668FB2;
}

.fb-like {
	position:relative;
	z-index:0;
	top:-3px;
}

/* FOOTER */
#footer {
	z-index:3;
	position:fixed;
	bottom:10px;
	width:720px;
	left:50%;
	margin-left:-360px;
	padding-top:10px;
	background:url('../images/footer-bg.png') no-repeat 0% 0%;
}

.footer-container {
	width:370px;
	margin-left:50px;
}

.footer-logo {
	float:left;
	margin-right:15px;
	height:50px;
}

.footer-logos {
	float:left;
	margin-right:20px;
}

.footer-container .footer-logos {
}

.footer-link {
	text-decoration: none;
	margin-right:5px;
	margin-left:5px;
	color:#000;
}

.footer-link:hover {
	text-decoration: underline;
}

.media-group {
	width:100%;
	table-layout: fixed;
	margin-bottom:12px;
}

.media-group-caption {
	width:200px;
	text-align:right;
	padding-right:20px;
	vertical-align: top;
}

.media-group-item {
	width:33%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	float:left;
	overflow:hidden;
	position: relative;

	font-size:11px;
	padding:8px;
}

.media-group-thumb {
	position:relative;
}

.media-group-thumb:hover {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow:  0px 0px 2px 2px #ffffff;
	box-shadow:  0px 0px 2px 2px #ffffff;
}

.media-group-thumb img {
	display:block;
	width:100%;
}


.media-video-title {
	width:100%;
	margin-top:3px;
	text-align: center;
}

img.play-icon {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-25px;
	margin-top:-25px;
	width:auto;
	height:auto;
}

.media-group-item img.play-icon:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.media-group-caption h2 {
	font-size:24px;
	text-transform: capitalize;
}