/* font-face! Face the fonts! */

@font-face {
	font-family: DINPro-Medium;
	src: url('../fonts/DINPro-Medium.otf'),
		 url('../fonts/dinpromedium.ttf');
}

@font-face {
	font-family: DINPro;
	src: url('../fonts/DINPro-Regular.otf'),
		 url('../fonts/dinproregular.ttf');
}


/* end font face */

/* standard elements styling */

p {
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #636363;
}

h1 {
	font-family: DinPro, Helvetica, Arial, sans-serif;
}

h2 {
	font-size: 22px;
	font-family: DinPro, Helvetica, Arial, sans-serif;
	color: #5b89a0;
}

h3 {
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	margin-top:18px;
	margin-bottom:27px;
}

h4 {
	font-size: 14px;
	font-family: DINPro, Helvetica, Arial, sans-serif;
	color: #636363;
	margin-top: 45px;
	text-transform: uppercase;
}


h3 a , h3 a:hover, h3 a:visited, h3 a:active, h3 a:link {
	color: #000;
}

#wrapper {
	min-width: 1150px;
}

/* end standard elements styling */

/* header styling */

#masthead {
	background:#000;
	width: auto;
	padding: 0 1em;
}


/* end header styling */

/* containers */

.masthead_height {
	height: 120px;
}

.subnav_height {
	height:30px;
}

.subnav_container {
	height: 30px;
}

.content_container{
	padding-top: 20px;
}

.showcase_height {
	height: 520px;

}

.content_height{
	min-height:725px;
}

.place_height {
	height: 357px;
}

.participate_height {
	height:460px;

}

.visitors_height {
	height:257px;
}

/* end container heights */

/* backgrounds for containers */


.subnav_bg {
	background:#f2f2f2;
}

.showcase_container {
	height: 520px;
	min-width: 960px;
}

.showcase_bg {
	background: #000;
}
.place_bg {
	background:#000;
	background:#000 url('../images/place_bg.jpg') no-repeat center; 
}

.participate_bg {
	background:#fff url('../images/participate_bg.jpg') no-repeat center;
}

.visitors_bg {
	background: #000 url('../images/visitors_bg.jpg') no-repeat center;
}

.footer_bg {
	background: #123;
}

.bg_container {
	position: absolute;
	left:0;
	right:0;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}


.participate_bg {
	-webkit-background-size: 1360px 461px;;
    	-moz-background-size: 1360px 461px;;
    	-o-background-size: 1360px 461px;;
    	background-size: 1360px 461px;;
}

.place_bg {
	-webkit-background-size: 1360px 357px;;
    	-moz-background-size: 1360px 357px;;
    	-o-background-size: 1360px 357px;;
    	background-size: 1360px 357px;;
}


/* end backgrounds for containers */



/* slideshow styling */
.slider_placeholder {
	text-align: center;
	width: 1360px;
	margin: 0px auto;
}

li.menu-item {
	display:inline-block;
	vertical-align: middle;
	margin-left:0px;
}

li.menu-item li {
	display: block;
}

/* #slideshow styling */


/* content columns */


		/*content bg graphics styling */

		.bg_graphics_container {
			position: absolute;
			left:0px;
			right:0px;
			z-index: -10;
		}

		.bg_graphic {
			background: url('../images/spritesheet.png');
			position: relative;
		}

		.left {
			width: 260px;
			height: 500px;
			background-position: 0px -150px;
			float: left;
			top:-285px;
			opacity: 0.1;
			z-index: -5;
		}

		.right {
			width:250px;
			height:500px;
			background-position:-300px -150px;
			float:right;
			top: 515px;
			opacity:0.1;
			z-index: -5;
		}
		/* end content graphics styling */

.content_container{
	margin-bottom: 45px;
}

.content_title_div{
	height: 139px;
	margin-top: 23px;
}

.facts_col {
	width:290px;
	margin-bottom:50px;
}

.events_col{
	margin-bottom:50px;
}

.event_post {
	display: block;
	width: 303px;
	height: auto;
	overflow: hidden;
	padding-bottom: 25px;
}

.event_thumb {
	height:54px;
	width:54px;
	/*background: #424;*/
	float:left;
	margin-top: 2px;
	margin-right:11px;

}

.event_text {
	display:block;
	width:220px;
	float:left;
	margin: 0px;
}

.event_text p {
	margin: 0px;
}

p.tribe-events-single-event-title {
	font-size:16px;
	color: #2ba6cb;
}

.video_container {
	height: 139px;
	width: 271px;
	margin-top: 23px;
	margin-bottom: 25px;
	/*background: #ccc;*/
}

.press_col{
	width:301px;
	margin-left: 1px;
	margin-bottom:50px;
}

/* end content columns */

/* tab containers */
.info_container {
	color: #fff;
	position: relative;
}

.participate_info_container {
	margin-left: 10px;
}

.tab_container {
	position: relative;
	height: 72px;
	width: 270px;
	top:-16px;
}


.tab {
	position:relative;
	height: 72px;
	width: 243px;
	float: left;
	text-transform: uppercase;
	font-family:DINPro-Medium;
	color:#FFF;
	-webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.29);
	-moz-box-shadow:    3px 3px 0px rgba(0, 0, 0, 0.29);
	box-shadow:         3px 3px 0px rgba(0, 0, 0, 0.29);
}

.fold_div {
	position:relative;
	float: right;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 27px 16px 0px;
	border-color: transparent transparent #4c1238 transparent;
}

.place_tab {
	background-color: #94226c;
	border-right: 1px solid #ca91b6;
}

.participate_tab {
	background-color: #79ced9;
	border-right: 1px solid #bce7ec;
}
.visitors_tab {
	background-color: #522e91;
	border-right: 1px solid #a997c8;
}

.icon {
	height: 50px;
	width: 50px;
	margin: 12px;
	margin-top: 11px;
	margin-bottom: 11px;
	float: left;
	background-image:url('../images/spritesheet.png');
}

.place_icon {
	background-position: 0px -50px;
}

.participate_icon {
	background-position: -390px -50px;
}

.visitors_icon {
	background-position: -100px -50px;
}

.tab_text {
	margin-top: 8px;
	line-height: 24px;
	width: 160px;
	float: left;
}

.first_line {
	font-size: 18px;
	font-family:DINPro-Medium;
}

.second_line {
	font-size: 28px;
	font-family:DINPro-Medium;
}

.participate_second_line{
	font-size:24px;
}


.place_fold {
	border-color: transparent transparent #4c1238 transparent;
}

.participate_fold {
	border-color: transparent transparent #79ced9 transparent;
}

.visitors_fold {
	border-color: transparent transparent #291749 transparent;
}

.place_info_text p {
	line-height: 19px;
	max-width:425px;
	color: #FFF;
}

.participate_info_text p {
	padding-top: 45px;
	color: #252525;
	font-weight: bold;
	font-size: 16px;
	line-height: 21px;
	padding-left: 33px;
}

.visitors_info_text p {
	padding-top:12px;
	line-height: 19px;
	max-width:385px;
	color: #636363;
}
/* end tab containers styling */


/* footer styling */

#footer {
	height: 120px;
	background-color: #522e91;
}

.footer_container {
	position: relative;
	top: 60px;
	padding-bottom: 0px;
	padding-left: 10px

}

.footer_text {
	font-family:Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	color:#FFF;
	vertical-align: center;
}




/* end footer styling */


/* styling to remove right side background graphic disappear on pages*/

	.right_page {
		display:none;
	}

/* end styling to remove right side background graphic disappear on pages*/

}