/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */
body {
	background: #fff url("../images/blue_stripe.png") repeat; 
	
}
#wrapper {
	width:100%;
	height:100%;
	
}
.container {
	background: url("../images/white-gloss.png") repeat; 

}
#top {
	width:100%;
	height:20px;
	background: url("../images/white-gloss.png") repeat #fff; 
	position:relative;
	top:0; left:0;
	font-family: 'PT Sans', sans-serif; 
	font-weight: 400;
	font-size:0.8em;
	text-transform:uppercase;
	display:none;
}
.logo_small {
	display:none;
}
#video {
	width:1980px;
	height:1114px;
	margin:-557px 0 0 -990px;
	padding:0;
	position:fixed;
	left:50%;
	top:50%	
}
/*
#video {
    height: 100%;
    min-height: 100%;
	width:100%;
	top:0;
	left:0;
	position:fixed;
} */
#videoDiv {
    height: 100%;
    min-height: 100%;
	width:100%;
	position:absolute;
}
.middle {
		background: url("../images/white-gloss.png") repeat; 
}
.stripe_45 {
	background: url("../images/stripe_45.jpg") repeat;
	text-align:center;
}
.sport, .partners, .spliter {
	position:relative;
}
.blue {
	background: #00B2C9;
}
.padding_down {
	padding-top:40px;
	position: relative;
}
.sponsor {
	position:relative;
	background: #D6B828;
	background: url("../images/yellow_stripe.png") repeat;
}
.display_text ul{
	font-family: 'PT Sans', sans-serif; 
	font-weight: 700;

}
.display_text ul li {
	padding:5px 35px;
	font-size:0.9em;
	font-style:bold;
	margin-bottom:0px;
	text-transform:uppercase;
	color:#111;
}
h5 {
	font-family: 'PT Sans', sans-serif; 
	font-weight: 700;
	padding:5px 20px;
	font-size:0.9em;
	margin-bottom:0px;
	text-transform:uppercase;
	color:#111;
}
.new_row, .partners {
	background-color:#fff;
}
.ya_feed {
	position:relative;
	background: #fff;
}
.footer {
	position:relative;
	background: #00B2C9;
}

h4.title {
	font-family: 'PT Sans', sans-serif; 

	background: #fff;
	font-weight: 700;
	font-style:italic;
	color:#111;
	position:absolute;
	top:0px;
	padding:5px 30px 0px 10px;
	text-transform:uppercase;
}
h3 {
	font-family: 'PT Sans', sans-serif; 

	background: #fff;
	font-weight: 700;
	font-style:italic;
	color:#111;
	position:relative;
	padding:5px 30px 0px 10px;
	text-transform:uppercase;
}
h4.title_special {
	font-family: 'PT Sans', sans-serif; 
	background: #fff;
	font-weight: 700;
	font-style:italic;
	color:#111;
	position:absolute;
	/* top:40px; */
	padding:5px 15px 0px 10px;
	text-transform:uppercase;
}
h4.title_blue {
	font-family: 'PT Sans', sans-serif; 
	background: #111;
	font-weight: 700;
	font-style:italic;
	color:#fff;
	position:relative;
	top:0px;
	padding:5px 30px 0px 10px;
	text-transform:uppercase;
}
h4.title_blue_special {
	font-family: 'PT Sans', sans-serif; 
	background: #00B2C9;
	font-weight: 700;
	font-style:italic;
	color:#fff;
	position:absolute;
top: 55%;
	padding:5px 30px 0px 10px;
	text-transform:uppercase;
}
h4.title_blue_project {
	font-family: 'PT Sans', sans-serif; 
	background: #00B2C9;
	font-weight: 700;
	font-style:italic;
	color:#fff;
	position:relative;
	padding:0px 0px 0px 10px;
	text-transform:uppercase;
	display:inline-block;
	width:220px;
	height:65px;
	float:left;
	margin-right:10px;
}
h4.title_words {
	font-family: 'PT Sans', sans-serif; 
	background: #fff;
	font-weight: 400;
	font-size:1.2em;
	color:#111;
	/* top:40px; */
	padding:5px 15px 0px 10px;
	text-transform:uppercase;
}
p.claim {
	text-align:center;
	font-family: 'PT Sans', sans-serif; 
		font-weight: 700;
		font-size:1.1em;
	text-transform:uppercase;
	margin: 10px 10px 0;
}
p.claim_small {
	text-align:center;
	font-family: 'PT Sans', sans-serif; 
		font-weight: 700;
		font-size:0.9em;
	text-transform:uppercase;
	margin: 10px 10px 0;
}
p.copyright {
	font-family: 'PT Sans', sans-serif; 
		font-weight: 400;
	margin: 10px 0;
	color:#fff;
}

p.text {
	font-family: 'PT Sans', sans-serif; 
		font-weight: 400;
	padding: 5px 20px 15px 20px;
	margin:0px;
	color:#111;
}
p.words {
	font-family: 'PT Sans', sans-serif; 
		font-weight: 400;
		font-style:italic;
	padding: 5px 20px 15px 20px;
	margin:0px;
	color:#111;
}

#case_studies p.text {
	font-family: 'PT Sans', sans-serif; 
		font-weight: 400;
	padding: 5px 20px 5px 20px;
	margin:0px;
	color:#111;
}
#case_studies.odd{
	background-color:#eeeeee;
	border:1px dotted #dddddd;
	margin: 0px 0px 20px 0px;
}
#case_studies.even{
	background-color:#ffffff;
	border:1px dotted #dddddd;
	margin: 0px 0px 20px 0px;
}
#case_studies ul {
	list-style-type:disc;
	padding: 0px 0px 10px 0px;
}
#case_studies ul li{
	font-family: 'PT Sans', sans-serif; 
	font-weight: 400;
	padding: 5px 5px 0px 0px;
	margin:0px 0px 0px 40px;
	color:#111;
}
.navigation {
	background-color:#00B2C9;
	margin-bottom: 10px;
}
.navigation nav {
    display: none;
    height: 20px;
    padding: 5px 0;
    width: 100%;
}
ul.menu {
	font-family: 'PT Sans', sans-serif; 
	font-weight: 700;
	text-align:center;
	position:relative;
	margin:0px;
	padding: 9px 0;
	display:block;
}
ul.menu li {
	display:inline;
	padding:5px 25px;
	font-size:1.4em;
	font-style:bold;
	margin-bottom:0px;
	text-transform:uppercase;

}
ul.menu li a{
	color:#fff;
	text-decoration:none;
	text-shadow: 1px 1px 0px #111111;
	filter: dropshadow(color=#111111, offx=1, offy=1);
}
ul.menu li a:hover{
	color:#111;
	text-decoration:none;
	text-shadow: 1px 1px 0px #ffffff;
	filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
.footer_menu {
	position:relative;
	background: #111;
}
ul.footer_menu {
	font-family: 'PT Sans', sans-serif; 
	font-weight: 400;
	text-align:center;
	position:relative;
	margin:0px;
	padding: 6px 0;
}
ul.footer_menu li {
	display:inline;
	padding:5px 25px;
	font-size:0.75em;
	margin-bottom:0px;
	text-transform:uppercase;
	color:#fff;
}
ul.footer_menu li a{
	text-decoration:none;
	color:#fff;
}
ul.footer_menu li a:hover{
	text-decoration:none;
	color:#bbb;
}
ul.feed {
	margin-top:35px;
	background: #ddd;
	padding-bottom:1px;
}
ul.feed a{
	text-decoration:none;
}
ul.feed a li {
	background: #eee;
	padding:5px 10px 0px 10px;
	font-size:0.8em;
	font-style:normal;
	margin-bottom:0px;
}
ul.feed a li p{
	line-height:14px;
	margin: 0 0 15px;
	padding-bottom:10px;
}
ul.feed a li h6{
	font-weight:bold;
	line-height:16px;
	padding-top:5px;
}
ul.social_area {
	margin-top:35px;
	background: #ddd;
	padding-bottom:1px;
	text-decoration:none;
}
ul.social_area li {
	display:inline;
	background: #eee;
	padding:5px 10px 0px 10px;
	font-size:0.8em;
	font-style:normal;
	margin-bottom:0px;
}

.half{
	width:50%;
	position:relative;
	float:left;
}
.company span{
	text-align:center;
	position:relative;
	display: block;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:710px;
	overflow:hidden;
	position:relative;
	display:none;
	margin:0 auto;
	padding:0px;
	background-color:#eee;
	height:350px;
}
.slides_controls {
display:none;
	margin:0 auto;
}
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:710px;
	height:350px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides a.next {
	display:none;
	position:absolute;
	top:207px;
	left:80px;
	width:24px;
	height:43px;
	z-index:101;
}

#slides a.prev {
	left:836px;
		display:none;
}

/*
	Pagination
*/

.pagination {
	display:none;
	margin:26px auto;
	width:190px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

.thumbnails  {
	height:65px;
	width:100px;
	overflow:hidden;
	margin-bottom:10px;
}
/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1280px) {
		#video {
			display:none;
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#video {
			display:none;
		}
		#video {
			display:none;
		}
		.slides_container {
			width:566px;
			overflow:hidden;
			position:relative;
			display:none;
			margin:0 auto;
			padding:0px;
			background-color:#eee;
			height:279px; 
		}
			.slides_container a {
				width:566px !important;
				height:279px !important;
				display:block;
			}
		.iframe_destaque {
			width:460px !important;
			height:259px !important;
		}
			.map {
				width:236px !important;
				height:300px !important;
			}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#video {
			display:none;
		}
		.slides_container {
			width:566px;
			overflow:hidden;
			position:relative;
			display:none;
			margin:0 auto;
			padding:0px;
			background-color:#eee;
			height:279px; 
		}
		.slides_container a {
			width:566px !important;
			height:279px !important;
			display:block;
		}
		.iframe_destaque {
			width:460px !important;
			height:259px !important;
		}
		.map {
			width:300px !important;
			height:300px !important;
		}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#video {
			display:none;
		}
		.slides_container {
			width:420px;
			overflow:hidden;
			position:relative;
			display:none;
			margin:0 auto;
			padding:0px;
			background-color:#eee;
			height:207px; 
		}
		.slides_container a {
			width:420px !important;
			height:207px !important;
			display:block;
		}
		.iframe_destaque {
			width:420px !important;
			height:236px !important;
		}
		.logo_normal {
			display:none;
		}
		.logo_small {
			display:block;
		}
		h4 {
			font-size:1.1em;
		}
		.fb_image {
			display:none;
		}
			.padding_down {
			    padding-top: 20px;
			    position: relative;
			}
			h4.title_special {
				top:20px;
			}
			p.copyright {
			    text-align: center;
			}
			ul.menu {
				display:none;
			}
			.navigation nav{
				width:100%;
				display:inline-block;
				height:20px;
				padding:5px 0px 5px 10px;
			}
			.footer_menu {
				display:none;
			}
			.map {
				width:420px !important;
				height:300px !important;
			}
			select {
				border:none;
				height:20px;
			}
				
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#video {
			display:none;
		}
		.slides_container {
			width:300px;
			overflow:hidden;
			position:relative;
			display:none;
			margin:0 auto;
			padding:0px;
			background-color:#eee;
			height:148px; 
		}
		.slides_container a {
			width:300px !important;
			height:148px !important;
			display:block;
		}
		.iframe_destaque {
			width:300px !important;
			height:169px !important;
		}
		.logo_normal {
			display:none;
		}
		.logo_small {
			display:block;
		}
		h4 {
			font-size:1.1em;
		}
		.fb_image {
			display:none;
		}
		.padding_down {
		    padding-top: 20px;
		    position: relative;
		}
		h4.title_special {
		/*	top:20px; */
		}
		p.copyright {
		    text-align: center;
		}
		.navigation nav{
			width:100%;
			display:inline-block;
			height:20px;
			padding:5px 0px 5px 10px;
		}
		ul.menu {
			display:none;
		}
		.footer_menu {
			display:none;
		}
		select {
			border:none;
			height:20px;
		}
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/