@charset "UTF-8";
/* CSS Document */

#container {
  width: 980px;
  height: 680px;
  position: absolute;
  top:50%;
  margin-top: -329px; 
  margin-left: -490px;         /***  height / 2   ***/
  left: 50%;
  overflow:hidden;
}

#logo{
	position:relative; 
	height:60px;
	width:128px; 
	margin-left:15px;
	margin-bottom:5px;
	margin-top:5px;
}

#videoContainer{
	position:relative; 
	height:552px; 
	width:980px; 
	overflow:hidden;	
}

#video{
	position:relative; 
	height:552px; 
	width:980px;	
}

#overlay{
	position:absolute; 
	z-index:111; 
	height:310px; 
	width:682px; 
	background-color:#2A3C58; 
	top:0px; 
	padding-top:242px; 
	padding-left:298px;	
}

#bufferingHolder{
	position:absolute; 
	top:242px; 
	left:298px;	
}

#replay{
	position:absolute; 
	z-index:111; 
	/* height:310px;  */
	/* width:620px;  */
	background-color:#B83A2D; 
	padding-top:242px; 
	/* padding-left:360px;  */
	top:-552px;	
}

#contact{
	position:absolute; 
	height:60px; 
	position:absolute; 
	padding-left: 275px;
	padding-top:20px; 
	top:680px;	
}
#social {
    display: block;
    position: relative;
    text-align: right;
    margin: 6px 0;
    line-height: 20px;
    font-size: 20px;
}
#social img {
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
}
#social img.last {
	margin-right: 0;
}
a.replay{
	display:block;
	height:80px;
	width:290px;
	cursor:pointer;	
	background-position: 0px 0px; clear:right; margin-right: 0px;
	background-image:url(../images/replay.gif);
}


a.replay:hover{
		background-position: 0px -80px; clear:right; margin-right: 0px;
}

a.play{
	display:block;
	height:77px;
	width:387px;
	cursor:pointer;	
	background-position: 0px 0px; clear:right; margin-right: 0px;
	background-image:url(../images/play.gif)
}

#contact{
	font-family: helvetica, sans-serif;
	color: #9E9E9E;
	font-size: 13px;
	letter-spacing: 0pt;
}

#contact a, #contact a:link, #contact a:visited{
	color: #9E9E9E;
	text-decoration:none
}

#contact a:hover{
	color: #9E9E9E;
	text-decoration:underline;
}