* {
    margin: 0;
    padding: 0;
}

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg {
    position: fixed;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
	z-index:0;
}

a img {outline: none;}


#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

.transparent_class {
	filter:alpha(opacity=10);
	-moz-opacity:0.1;
	-khtml-opacity: 0.5;
	opacity: 0.1;
}

div#content {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: relative; 

	/* These have no effect on the functionality */
	width: 500px;
	margin: 0 auto;
	background: #fff;
	padding: 20px;
	font-family: helvetica, arial, sans-serif;
	font-size: 10pt;
	line-height: 16pt;
	-moz-box-shadow: #000 4px 4px 10px;
	-webkit-box-shadow: #000 4px 4px 10px;
}

body {
	/* These rules have no effect on the functionality */
	/* They are for styling only */
	margin: 0;
	padding: 20px 0 0 0;
}


.logo {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.logo:hover {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}


div#container {
width: 840px;
height: 620px;
margin: 0 auto;
position: relative;
z-index: 1;
} 


div#logo {
width: 840px;
height: 620px;
margin: 0 auto;
position: relative;
z-index: 1;
} 


#index_logo {
	margin-left:348px;
	margin-top:267px;
	width:130px;
	height:43px;
	margin-bottom:0px;
	float:left;
	display:inline;

}

#player {
	position: absolute;
	left:200px;
	top:200px;
	width:128px;
	height:42px;
	margin-bottom:0px;
}

canvas: {backgroundColor: "#000000"},

plugins: {
   controls: {
      timeBgColor: '#555555',
      bufferGradient: 'none',
      timeColor: '#ffffff',
      sliderGradient: 'none',
      buttonColor: '#5c3f00',
      progressGradient: 'medium',
      borderRadius: '15',
      backgroundColor: '#000000',
      tooltipTextColor: '#ffffff',
      buttonOverColor: '#5c3b00',
      backgroundGradient: 'low',
      progressColor: '#291300',
      bufferColor: '#581b04',
      tooltipColor: '#5F747C',
      volumeSliderGradient: 'none',
      durationColor: '#f07b00',
      sliderColor: '#229e00',
      volumeSliderColor: '#000000',
      height: 20,
      opacity: 1.0
   }
}

#loophole_logo {
	position: absolute;
	left:665px;
	top:124px;
	width:128px;
	height:42px;
	margin-bottom:0px;
}

#movie {
	position: absolute;
	left:240px;
	top:225px;
	width:320px;
	height:240px;
	margin-bottom:0px;
}

a img {border: none; } 

a {
   outline: none;
}

object { outline: none; } 
