/*
	small: #1ED2FA
	large: #3CE1E8
*/

body {
	background-color: #3CE1E8;
	background-image: url("../images/bg-noise.gif");
	background-image: url("../images/bg-small-diamond-light.gif");
	background-image: url("../images/bg-stripes-noise.gif");
	background-attachment: fixed;
}

h1, h2, h3, h4, h5 {
	font-family: "myriad-pro",sans-serif;
	font-weight: 300;
}

#container {
	width: 830px;
	margin: auto;
}







#header {
	position: relative;
	height: 240px;
	z-index: 100;
}

	#header img {
		position: absolute;
		bottom: 0px;
		left: 9px;
		z-index: 100;
		width: 99.5%;
	}

	
	

#player {
	position: relative;
	z-index: 90;
	width: 100%;
	height: 400px;
	background-color: white;
	
	border-radius: 			10px;
	-webkit-border-radius: 	10px;
	-moz-border-radius: 	10px;
	-ms-border-radius: 		10px;
	-o-border-radius: 		10px;
	
	box-shadow: 			0px 2px 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 	0px 2px 8px rgba(0,0,0,0.2);
	-moz-box-shadow: 		0px 2px 8px rgba(0,0,0,0.2);
	-ms-box-shadow: 		0px 2px 8px rgba(0,0,0,0.2);
	-o-box-shadow: 			0px 2px 8px rgba(0,0,0,0.2);
}
	
	.circle-arrow {
		position: absolute;
		top: 165px;
		width: 70px;
		height: 70px;
		background-repeat: no-repeat;
	}
		
	#circle-arrow-left {
		transition: 			left 0.2s ease-in-out;
		-webkit-transition: 	left 0.2s ease-in-out;
		-moz-transition: 		left 0.2s ease-in-out;
		-o-transition: 			left 0.2s ease-in-out;
		-ms-transition: 		left 0.2s ease-in-out;
		
		left: -85px;
		background-image: url("../images/circle-arrow-left.png");
	}
	
	#circle-arrow-left:hover {
		left: -95px;
		padding-right: 10px;
	}
	
	#circle-arrow-right {
		transition: 			right 0.2s ease-in-out;
		-webkit-transition: 	right 0.2s ease-in-out;
		-moz-transition: 		right 0.2s ease-in-out;
		-o-transition: 			right 0.2s ease-in-out;
		-ms-transition: 		right 0.2s ease-in-out;
		
		right: -85px;
		background-image: url("../images/circle-arrow-right.png");
		background-position: right;
	}
	
	#circle-arrow-right:hover {
		right: -95px;
		padding-left: 10px;
	}
	
	
	#player li {
		display: none;
	}

	#player li.first {
		display: block;
	}

	
	#player iframe {
		width: 480px;
		height: 360px;
		background-color: black;
		float: left;
		margin-left: 	25px;
		margin-top: 	20px;
	}
	
	#player .blurb {
		position: absolute;
		top: 100px;
		right: 15px;
		width: 290px;
	}

		#player .blurb h1 {
			display: inline;
			font-family: "myriad-pro",sans-serif;
			font-weight: 700;
			font-size: 23pt;
			color: #1ED2FA;
			color: black;
			padding-bottom: 30px;
			text-transform: uppercase;
		}
		
		#player .blurb p {
			font-family: "myriad-pro",sans-serif;
			font-weight: 500;
			font-size: 11pt;
			line-height: 150%;
			color: #555;
			margin-top: 10px;
		}
	
	#player #number {
		position: absolute;
		bottom: 20px;
		right: 15px;
		width: 290px;
		font-family: "myriad-pro",sans-serif;
		font-weight: 500;
		font-size: 13pt;
		line-height: 150%;
		color: #1ED2FA;
	}
		


#shadow {
	background-image: url("../images/curved-shadow.png");
	width: 830px;
	height: 33px;
	top: 390px;
	left: 0px;
}








#footer {
	position: relative;
	margin-top: 20px;
}

	#footer #footer-left {
		width: 60%;
		float: left;
		padding-bottom: 80px;
		margin-left: 25px;
		margin-right: -100px;
	}

		#footer #footer-left p {
			font-size: 12pt;
			font-family: "myriad-pro", sans-serif;
			font-weight: 500;
			color: #006585;
			line-height: 140%;
			margin-bottom: 16px;
		}
		
		#footer .social {
			display: block;
			float: left;
			margin-left: -5px;
			margin-right: 18px;
			margin-top: 20px;
		}
		
			#footer .social img	{
				height: 48px;
			}


	#footer #footer-right {
		position: relative;
		width: 40%;
		float: right;
		padding-bottom: 80px;
	}
		
		#footer #footer-right a {
			position: relative;
			display: block;
			height: 52px; /* 64px */
				padding-top: 12px;
			width: 266px;
			background-image: url("../images/arrow.png");
			background-repeat: no-repeat;
			float: right;
			font-family: "myriad-pro", sans-serif;
			color: #1ED2FA;
			font-size: 17pt;
			text-decoration: none;
			text-indent: 24px;
			margin-bottom: 3px;
			left: 0;
			
			transition: 			left 0.2s ease-in-out;
			-webkit-transition: 	left 0.2s ease-in-out;
			-moz-transition: 		left 0.2s ease-in-out;
			-ms-transition: 		left 0.2s ease-in-out;
			-o-transition: 			left 0.2s ease-in-out;
		}
		
		#footer #footer-right a.green {
			background-image: url("../images/arrow_green.png");
			color: #31C432;
		}
		
		#footer #footer-right a.orange {
			background-image: url("../images/arrow_orange.png");
			color: #F6711D;
		}
		#footer #footer-right a.orange-fill {
			background-image: url("../images/arrow-orange-fill.png");
			color: white;
		}
		
		#footer #footer-right a:hover {
			left: 20px;
		}



.hidden {
	display: none !important;
}