/* HERO */

#hero {
 	margin-bottom: 11px;
	height: 420px;
}

#hero-inner {
	height: 390px;
	background: url(../images/home/hero-background.jpg) no-repeat;
	overflow: hidden;
}

.section-inner h2 {
	font-size: 4.1em;
}

#hero-inner h2 {
	text-indent: 0;
	z-index: 2;
}

.hero-news {
	display: block;
	height: 390px;
	background-color: #000;
	cursor: pointer;
}

.hero-news .slideshow {
	width: 1170px;
	height: 390px;
	display: block;
	position: relative;
	overflow: hidden;
}

.hero-news .slideshow li {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 900px;
	height: 390px;
}

.hero-news img {
	border: 0;
	width: 100%!important;
	height: auto!important;
}

.hero-news:hover {
	text-decoration: none;
}

.hero-news-noise {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/home/hero-news-noise.png) repeat;
	width: 100%;
	height: 390px;
}

.hero-news-noise-2 {
	width: 100%;
	height: 100%;
	background: url(../images/home/hero-news-noise-2.png) no-repeat;
}

.hero-news-inner {
	position: absolute;
	left: 493px;
	top: 155px;
	width: 378px;
	height: 207px;
	padding: 3px 8px 9px 4px;
	background: url(../images/home/content-box-hero-bg.png) no-repeat;
}

.hero-news-inner h1 {
	color: #1c96fa;
	letter-spacing: -1px;
	position: relative;
	left: 0;
	top: 0;
	font-size: 2.3em;
	line-height: 0.7;
	padding: 15px 28px 10px;
	text-transform: uppercase;
}

.hero-news-inner p {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.4;
	padding: 0 28px 0;
}

.hero-news-inner .publish-date {
	font-size: 1em;
	color: #999;
	padding-bottom: 10px;
}

.hero-news-inner .read-more {
	position: absolute;
	top: 183px;
	left: 12px;
	width: 360px;
	height: 28px;
}

.hero-news-inner .read-more a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.hero-news-inner .read-more span {
	font-size: 1.4em;
	text-transform: uppercase;
	letter-spacing: -1px;
	display: block;
	position: absolute;
	right: 12px;
	top: 4px;
	width: 100%;
	height: 11px;
	text-align: right;
}

/* NEWS */

#news {
	height: 265px;
}

#news-inner {
	height: 250px;
	background: url(../images/home/news-background-4.jpg) no-repeat;
}

#news h2 {
	width: 50%;
	height: 39px;
	text-indent: 0;
}

#news ul {
	margin-left: 12px;
	width: 360px;
}

#news li {
	position: relative;
	width: 360px;
	height: 59px;
	background: url(../images/home/content-box-news-bg.png) 0 -59px repeat-x;
}

#news li .icon {
	display: block;
	width: 59px;
	height: 59px;
	float: left;
	background: url(../images/home/content-box-news-bg.png) 0 0 repeat-x;
}

#news li span {
	position: absolute;
	top: 0;
	left: 0;
	width: 59px;
	height: 100%;
	background-image: url(../images/icons.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#news li .wheel {
	background-position: 0 -58px;
}

#news li .flag {
	background-position: 0 -116px;
}

#news h3,
#news p {
	font-size: 1.1em;
	line-height: 1.3em;
	margin-left: 78px;
}

#news p {
	color: #fff;
	margin-top: 1.3em;
}

#news h3 {
	font-weight: bold;
	padding-top: 7px;
}

#news p.publish-date {
	font-size: 1em;
	color: #999;
	margin-top: 0;
}

#news li a {
	text-indent: 78px;
	padding-top: 7px;
	white-space: nowrap;
	color: #33a3ff;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 10000;
}

#news li a:hover {
	text-decoration: none;
	color: #fff;
}
	
#news .more-news {
	position: absolute;
	top: 179px;
	left: 12px;
	width: 360px;
	height: 28px;
	background: url(../images/home/content-box-news-bg.png) 0 -118px repeat-x;
}

#news .more-news a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#news .more-news span {
	font-size: 1.4em;
	text-transform: uppercase;
	letter-spacing: -1px;
	display: block;
	position: absolute;
	right: 12px;
	top: 4px;
	width: 100%;
	height: 11px;
	text-align: right;
}

/* CALENDAR */

#calendar {
	height: 265px;
}

#calendar-inner {
	height: 250px;
	background: url(../images/home/calendar-background-4.jpg) no-repeat;
}

#calendar h2 {
	width: 50%;
	height: 39px;
	text-indent: 0;
}

#calendar .calendar {
	position: absolute;
	top: 0;
	left: 163px;
	width: 209px;
	height: 207px;
	background: url(../images/home/content-box-calendar-bg.png) 0 -207px repeat-x;
}

#calendar .section-content h3 {
	margin-left: 0;
	height: 207px;
	float: left;
	width: 162px;
	font-weight: normal;
	border-right: 1px solid #8e8e8e;
	background: url(../images/home/content-box-calendar-bg.png) repeat-x;
}

#calendar .section-content h3 .month {
	display: block;
	font-size: 2.1em;
	line-height: 0.7;
	letter-spacing: -1px;
	text-transform: uppercase;
	position: absolute;
	left: 13px;
	top: 60px;
	height: 21px;
}

#calendar .section-content h3 .month-1 {
	background-position: 0 0;
	width: 108px;
}

#calendar .section-content h3 .month-2 {
	background-position: -113px 0;
	width: 123px;
}

#calendar .section-content h3 .month-3 {
	background-position: -241px 0;
	width: 83px;
}

#calendar .section-content h3 .month-4 {
	background-position: -328px 0;
	width: 70px;
}

#calendar .section-content h3 .month-5 {
	background-position: -401px 0;
	width: 50px;
}

#calendar .section-content h3 .month-6 {
	background-position: -453px 0;
	width: 62px;
}

#calendar .section-content h3 .month-7 {
	background-position: -518px 0;
	width: 57px;
}

#calendar .section-content h3 .month-8 {
	background-position: -578px 0;
	width: 94px;
}

#calendar .section-content h3 .month-9 {
	background-position: -675px 0;
	width: 140px;
}

#calendar .section-content h3 .month-10 {
	background-position: -819px 0;
	width: 107px;
}

#calendar .section-content h3 .month-11 {
	background-position: -931px 0;
	width: 127px;
}

#calendar .section-content h3 .month-12 {
	background-position: -1064px 0;
	width: 127px;
}

#calendar .section-content h3 .year {
	display: block;
	font-size: 4.2em;
	line-height: 0.7;
	letter-spacing: -1px;
	width: 97px;
	height: 39px;
	position: absolute;
	top: 13px;
	left: 13px;
}

#calendar .section-content h3 .year-2009 {
	background-position: 0 0;
	width: 97px;
}

#calendar .section-content h3 .year-2010 {
	background-position: -108px 0;
	width: 98px;
}

#calendar .section-content h3 .year-2011 {
	background-position: -217px 0;
	width: 91px;
}

#calendar .section-content h3 .year-2012 {
	background-position: -326px 0;
	width: 98px;
}

#calendar .section-content h3 .year-2013 {
	background-position: -434px 0;
	width: 99px;
}

#calendar .section-content h3 .year-2014 {
	background-position: -543px 0;
	width: 99px;
}

#calendar .section-content h3 .year-2015 {
	background-position: -651px 0;
	width: 99px;
}

#calendar .section-content h3 .year-2016 {
	background-position: -760px 0;
	width: 98px;
}

#calendar .navigate-months {
	position: absolute;
	top: 17px;
	left: 125px;
	width: 21px;
	height: 14px;
}

#calendar .navigate-months a {
	text-indent: -10000px;
	font-size: 0.1em;
	display: block;
	width: 8px;
	height: 14px;
	background-image: url(../images/home/calendar-icons.png);
	background-repeat: no-repeat;
}

#calendar .navigate-months li.previous {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 14px;
}

#calendar .previous a {
	background-position: 0 0;
}

#calendar .navigate-months li.next {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 14px;
}

#calendar .next a {
	background-position: 0 -14px;
}

#calendar table {
	height: 110px;
	margin: 8px 0 0 19px;
	border-collapse: collapse;
}

#calendar td span,
#calendar th span {
	display: block;
	width: 25px;
	text-indent: -10000px;
	font-size: 0.1em;
	background-image: url(../images/home/calendar-dates.png);
	background-repeat: no-repeat;
}

#calendar th {
	height: 12px;
}

#calendar th span {
	height: 8px;
	margin-bottom: 4px;
}

#calendar .sunday span {
	background-position: -1px 0;
}

#calendar .monday span {
	background-position: -1px -8px;
}

#calendar .tuesday span {
	background-position: -1px -16px;
}

#calendar .wednesday span {
	background-position: -1px -24px;
}

#calendar .thursday span {
	background-position: -1px -32px;
}

#calendar .friday span {
	background-position: -1px -40px;
}

#calendar .saturday span {
	background-position: -1px -48px;
}

#calendar tbody tr,
#calendar td {
	height: 16px;
}

#calendar td div {
	height: 16px;
	position: relative;
}

#calendar td a {
	display: block;
	position: absolute;
	overflow: hidden;
	top: -2px;
	left: -1px;
	width: 19px;
	height: 17px;
	background-image: url(../images/home/calendar-dates.png);
	background-position: -1px -56px;
	background-repeat: no-repeat;
}

#calendar td span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 11px;
	margin-bottom: 6px;
}

#calendar td a span {
	top: 2px;
	left: 1px;
}

#calendar .day-1 span {
	background-position: 0 -73px;
}

#calendar .day-2 span {
	background-position: 0 -84px;
}

#calendar .day-3 span {
	background-position: 0 -95px;
}

#calendar .day-4 span {
	background-position: 0 -106px;
}

#calendar .day-5 span {
	background-position: 0 -117px;
}

#calendar .day-6 span {
	background-position: 0 -128px;
}

#calendar .day-7 span {
	background-position: 0 -139px;
}

#calendar .day-8 span {
	background-position: 0 -150px;
}

#calendar .day-9 span {
	background-position: 0 -161px;
}

#calendar .day-10 span {
	background-position: 0 -172px;
}

#calendar .day-11 span {
	background-position: 0 -183px;
}

#calendar .day-12 span {
	background-position: 0 -194px;
}

#calendar .day-13 span {
	background-position: 0 -205px;
}

#calendar .day-14 span {
	background-position: 0 -216px;
}

#calendar .day-15 span {
	background-position: 0 -227px;
}

#calendar .day-16 span {
	background-position: 0 -238px;
}

#calendar .day-17 span {
	background-position: 0 -249px;
}

#calendar .day-18 span {
	background-position: 0 -260px;
}

#calendar .day-19 span {
	background-position: 0 -271px;
}

#calendar .day-20 span {
	background-position: 0 -282px;
}

#calendar .day-21 span {
	background-position: 0 -293px;
}

#calendar .day-22 span {
	background-position: 0 -304px;
}

#calendar .day-23 span {
	background-position: 0 -315px;
}

#calendar .day-24 span {
	background-position: 0 -326px;
}

#calendar .day-25 span {
	background-position: 0 -337px;
}

#calendar .day-26 span {
	background-position: 0 -348px;
}

#calendar .day-27 span {
	background-position: 0 -359px;
}

#calendar .day-28 span {
	background-position: 0 -370px;
}

#calendar .day-29 span {
	background-position: 0 -381px;
}

#calendar .day-30 span {
	background-position: 0 -392px;
}

#calendar .day-31 span {
	background-position: 0 -403px;
}

#calendar .day-1 a span {
	background-position: 0 -414px;
}

#calendar .day-2 a span {
	background-position: 0 -425px;
}

#calendar .day-3 a span {
	background-position: 0 -436px;
}

#calendar .day-4 a span {
	background-position: 0 -447px;
}

#calendar .day-5 a span {
	background-position: 0 -458px;
}

#calendar .day-6 a span {
	background-position: 0 -469px;
}

#calendar .day-7 a span {
	background-position: 0 -480px;
}

#calendar .day-8 a span {
	background-position: 0 -491px;
}

#calendar .day-9 a span {
	background-position: 0 -502px;
}

#calendar .day-10 a span {
	background-position: 0 -513px;
}

#calendar .day-11 a span {
	background-position: 0 -524px;
}

#calendar .day-12 a span {
	background-position: 0 -535px;
}

#calendar .day-13 a span {
	background-position: 0 -546px;
}

#calendar .day-14 a span {
	background-position: 0 -557px;
}

#calendar .day-15 a span {
	background-position: 0 -568px;
}

#calendar .day-16 a span {
	background-position: 0 -579px;
}

#calendar .day-17 a span {
	background-position: 0 -590px;
}

#calendar .day-18 a span {
	background-position: 0 -601px;
}

#calendar .day-19 a span {
	background-position: 0 -612px;
}

#calendar .day-20 a span {
	background-position: 0 -623px;
}

#calendar .day-21 a span {
	background-position: 0 -634px;
}

#calendar .day-22 a span {
	background-position: 0 -645px;
}

#calendar .day-23 a span {
	background-position: 0 -656px;
}

#calendar .day-24 a span {
	background-position: 0 -667px;
}

#calendar .day-25 a span {
	background-position: 0 -678px;
}

#calendar .day-26 a span {
	background-position: 0 -689px;
}

#calendar .day-27 a span {
	background-position: 0 -700px;
}

#calendar .day-28 a span {
	background-position: 0 -711px;
}

#calendar .day-29 a span {
	background-position: 0 -722px;
}

#calendar .day-30 a span {
	background-position: 0 -733px;
}

#calendar .day-31 a span {
	background-position: 0 -744px;
}

#calendar .day-1 .selected a span,
#calendar .day-1 a:hover span {
	background-position: 0 -755px;
}

#calendar .day-2 .selected a span,
#calendar .day-2 a:hover span {
	background-position: 0 -766px;
}

#calendar .day-3 .selected a span,
#calendar .day-3 a:hover span {
	background-position: 0 -777px;
}

#calendar .day-4 .selected a span,
#calendar .day-4 a:hover span {
	background-position: 0 -788px;
}

#calendar .day-5 .selected a span,
#calendar .day-5 a:hover span {
	background-position: 0 -799px;
}

#calendar .day-6 .selected a span,
#calendar .day-6 a:hover span {
	background-position: 0 -810px;
}

#calendar .day-7 .selected a span,
#calendar .day-7 a:hover span {
	background-position: 0 -821px;
}

#calendar .day-8 .selected a span,
#calendar .day-8 a:hover span {
	background-position: 0 -832px;
}

#calendar .day-9 .selected a span,
#calendar .day-9 a:hover span {
	background-position: 0 -843px;
}

#calendar .day-10 .selected a span,
#calendar .day-10 a:hover span {
	background-position: 0 -854px;
}

#calendar .day-11 .selected a span,
#calendar .day-11 a:hover span {
	background-position: 0 -865px;
}

#calendar .day-12 .selected a span,
#calendar .day-12 a:hover span {
	background-position: 0 -876px;
}

#calendar .day-13 .selected a span,
#calendar .day-13 a:hover span {
	background-position: 0 -887px;
}

#calendar .day-14 .selected a span,
#calendar .day-14 a:hover span {
	background-position: 0 -898px;
}

#calendar .day-15 .selected a span,
#calendar .day-15 a:hover span {
	background-position: 0 -909px;
}

#calendar .day-16 .selected a span,
#calendar .day-16 a:hover span {
	background-position: 0 -920px;
}

#calendar .day-17 .selected a span,
#calendar .day-17 a:hover span {
	background-position: 0 -931px;
}

#calendar .day-18 .selected a span,
#calendar .day-18 a:hover span {
	background-position: 0 -942px;
}

#calendar .day-19 .selected a span,
#calendar .day-19 a:hover span {
	background-position: 0 -953px;
}

#calendar .day-20 .selected a span,
#calendar .day-20 a:hover span {
	background-position: 0 -964px;
}

#calendar .day-21 .selected a span,
#calendar .day-21 a:hover span {
	background-position: 0 -975px;
}

#calendar .day-22 .selected a span,
#calendar .day-22 a:hover span {
	background-position: 0 -986px;
}

#calendar .day-23 .selected a span,
#calendar .day-23 a:hover span {
	background-position: 0 -997px;
}

#calendar .day-24 .selected a span,
#calendar .day-24 a:hover span {
	background-position: 0 -1008px;
}

#calendar .day-25 .selected a span,
#calendar .day-25 a:hover span {
	background-position: 0 -1019px;
}

#calendar .day-26 .selected a span,
#calendar .day-26 a:hover span {
	background-position: 0 -1030px;
}

#calendar .day-27 .selected a span,
#calendar .day-27 a:hover span {
	background-position: 0 -1041px;
}

#calendar .day-28 .selected a span,
#calendar .day-28 a:hover span {
	background-position: 0 -1052px;
}

#calendar .day-29 .selected a span,
#calendar .day-29 a:hover span {
	background-position: 0 -1063px;
}

#calendar .day-30 .selected a span,
#calendar .day-30 a:hover span {
	background-position: 0 -1074px;
}

#calendar .day-31 .selected a span,
#calendar .day-31 a:hover span {
	background-position: 0 -1085px;
}

#calendar h4 {
	margin: 15px 0 5px 20px;
	overflow: hidden;
	font-weight: normal;
}

#calendar h4 .event-details {
	display: block;
	width: 155px;
	height: 12px;
	float: left;
	font-size: 1.4em;
	line-height: 0.7;
	letter-spacing: -1px;
	color: #fff;
	text-transform: uppercase;
}

#calendar h4 .date {
	display: block;
	margin-left: 101px;
	height: 12px;
	background-image: url(../images/home/calendar-dates-selected.png);
	width: 18px;
	text-indent: -10000px;
}

#calendar h4 .date-1 {
	background-position: 0 0;
	width: 10px;
}

#calendar h4 .date-0 {
	display: none;
}

#calendar h4 .date-2 {
	background-position: -10px 0;
	width: 10px;
}

#calendar h4 .date-3 {
	background-position: -20px 0;
	width: 10px;
}

#calendar h4 .date-4 {
	background-position: -30px 0;
	width: 11px;
}

#calendar h4 .date-5 {
	background-position: -41px 0;
	width: 10px;
}

#calendar h4 .date-6 {
	background-position: -51px 0;
	width: 11px;
}

#calendar h4 .date-7 {
	background-position: -62px 0;
	width: 10px;
}

#calendar h4 .date-8 {
	background-position: -72px 0;
	width: 11px;
}

#calendar h4 .date-9 {
	background-position: -83px 0;
	width: 11px;
}

#calendar h4 .date-10 {
	background-position: -94px 0;
	width: 19px;
}

#calendar h4 .date-11 {
	background-position: -113px 0;
}

#calendar h4 .date-12 {
	background-position: -131px 0;
}

#calendar h4 .date-13 {
	background-position: -149px 0;
}

#calendar h4 .date-14 {
	background-position: -167px 0;
}

#calendar h4 .date-15 {
	background-position: -185px 0;
	width: 19px;
}

#calendar h4 .date-16 {
	background-position: -204px 0;
}

#calendar h4 .date-17 {
	background-position: -222px 0;
}

#calendar h4 .date-18 {
	background-position: -240px 0;
}

#calendar h4 .date-19 {
	background-position: -258px 0;
}

#calendar h4 .date-20 {
	background-position: -276px 0;
}

#calendar h4 .date-21 {
	background-position: -294px 0;
}

#calendar h4 .date-22 {
	background-position: -312px 0;
}

#calendar h4 .date-23 {
	background-position: -330px 0;
	width: 19px;
}

#calendar h4 .date-24 {
	background-position: -349px 0;
}

#calendar h4 .date-25 {
	background-position: -367px 0;
}

#calendar h4 .date-26 {
	background-position: -385px 0;
}

#calendar h4 .date-27 {
	background-position: -403px 0;
}

#calendar h4 .date-28 {
	background-position: -421px 0;
	width: 19px;
}

#calendar h4 .date-29 {
	background-position: -440px 0;
}

#calendar h4 .date-30 {
	background-position: -458px 0;
}

#calendar h4 .date-31 {
	background-position: -476px 0;
	width: 13px;
}

#calendar p {
	clear: both;
	margin-left: 20px;
	color: #fff;
	font-size: 1.1em;
	line-height: 1.4em;
}

#calendar p.date {
	color: #999;
}

/* GALLERY */

#gallery {
 	height: 330px;
}

#gallery-inner {
	height: 300px;
	background: url(../images/home/gallery-background.png) top right no-repeat;
}

#gallery h2 {
	width: 332px;
	height: 31px;
	z-index: 3;
	text-indent: 0;
}

#gallery h2 a {
	top: 0;
	left: 0;
	display: block;
	float: left;
	padding-right: 23px;
	background: url(../images/home/arrow-right.png) right 4px no-repeat;
}

#gallery h2 a:hover {
	text-decoration: none;
}

#gallery .cover {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 476px;
	height: 300px;
	z-index: 1;
	background: url(../images/home/gallery-image-gradient.png) 0 -50px no-repeat;
}

#full-images {
	position: absolute;
	top: 0;
	left: 0;
	width: 476px;
	height: 320px;
	overflow: auto;
	white-space: nowrap;
}

#full-images ul.images li {
	display: inline;
	width: 476px;
	height: 300px;
}

#gallery ul.nav {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 476px;
	height: 100%;
}

#gallery ul.nav li.previous a {
	overflow: hidden;
	display: block;
	z-index: 3;
	position: absolute;
	top: 122px;
	left: 0;
	width: 30px;
	height: 59px;
	text-indent: -10000px;
	background: url(../images/home/gallery-button-left.png) no-repeat;
}

#gallery ul.nav li.next a {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 122px;
	right: 0;
	width: 27px;
	z-index: 3;
	height: 59px;
	text-indent: -10000px;
	background: url(../images/home/gallery-button-right.png) no-repeat;
}

#thumb-images {
	margin-left: 14px;
}

#thumb-images li {
	display: block;
	float: left;
	position: relative;
	background: #333;
	width: 119px;
	height: 99px;
	background-image: url(../images/home/gallery-borders.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

#thumb-images li.on {
	background-position: 0 -99px;
}

#thumb-images li a {
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	width: 115px;
	height: 95px;
	z-index: 1;
	overflow: hidden;
}

#thumb-images li img {
	border: 0;
	width: auto;
	height: auto;
}

#gallery .more-galleries {
	position: absolute;
	top: 199px;
	left: 12px;
	width: 360px;
	height: 28px;
	background: url(../images/home/content-box-news-bg.png) 0 -118px repeat-x;
}

#gallery .more-galleries a {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

#gallery .more-galleries span {
	font-size: 1.4em;
	text-transform: uppercase;
	letter-spacing: -1px;
	display: block;
	position: absolute;
	right: 12px;
	top: 4px;
	width: 100%;
	height: 11px;
	text-align: right;
}

#gallery .section-content {
	top: 34px;
	height: 227px;
	background: url(../images/home/gallery-content-box-bg.png) no-repeat;
}
