* {
margin:0;
padding:0;
}

html {
height: 100%;
}

body {
height: 100%;
background: #000000;
margin: 0;
padding: 0;
}

html > body {
min-height: 100%; 
height: auto;
}

#wrapper {
width: 100%; 
height: 100%;
position: absolute;
z-index: 50;
}

#bg_wrapper2 {
Z-INDEX: 1; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%;
}

#menu {
margin: 0;
padding: 40px 30px 0px 30px;
}

#menu ul {
width: 100%;
position: relative;
background: url(../images/trans_borderbig.png) repeat-x left bottom; 
float: left; margin: 0;
padding: 0;
}

#menu ul li {
margin-top: 1px; 
display: inline;
}

#menu ul li a {
font: 13px Arial, Helvetica, sans-serif;
color: #ffffff;
float: left;   
text-decoration: none;
padding: 0 12px 10px 12px;

}
#menu ul li a:hover {
background: url(../images/green.gif) repeat-x left bottom;
padding: 0 12px 10px 12px;
}

.header {
height: 0px;
display: block; 
overflow: hidden;
font-size: 0px; 
text-indent: -50000px; 
}


.homepage_w1600 {
background: url(../images/homepage_w1600.jpg) #000000 no-repeat right top;
}

.homepage_w1200 {
background: url(../images/homepage_w1200.jpg) #000000 no-repeat right center;
}

.homepage_w1024 {
background: url(../images/homepage_w1024.jpg) #000000 no-repeat right center;
}


#main {
width: 500px;
float: left;
font: 12px/1.2em Arial, Verdana, Helvetica, sans-serif; 
color: #ffffff;
background: url(../images/container.png) repeat;
margin: 0;
padding: 30px;
}

#main a {
color: #ffffff; 
text-decoration: none;
}

#main A:hover {
background: none transparent scroll repeat 0% 0%; 
color: #737d14
}

h1 {
font: bold 40px/0.9em Helvetica, Arial, sans-serif;
!text-transform: lowercase; 
color: #ffffff;
letter-spacing: -0.05em;
margin: 0 0 40px 0;
padding: 17px 0 0 0;
}

h2 {
font: bold 18px Arial, Verdana, Helvetica, sans-serif; 
color: #c8da31;
margin: 15px 0 0 0;
padding: 0;
line-height: 12px;
border-bottom: 1px #c8da31 solid;
}

h3 {
font: bold 18px Arial, Verdana, Helvetica, sans-serif; 
color: #ffffff;
letter-spacing: -0.05em;
}

#line {
height: 1px;
background: url(../images/trans_borderbig.png) repeat-x left bottom; 
margin: 0; 
padding: 0;
overflow: hidden; 
}

.text {
display: block; 
line-height: 20px;
margin: 14px 0;
}

.column {
float: left; 
width: 240px; 
line-height: 20px;
padding: 10px 0 0 0;
}
.column_right {
float: left; 
width: 240px; 
padding: 10px 0 0 20px;
}
.column_double {
clear: both; 
width: 500px
}

#info  {
font: 11px Arial, Verdana, Helvetica, sans-serif; 
color: #595959;
right: 28px;
bottom: 15px;
position: fixed;
text-decoration: none;
}

#info a  {
font: 11px Arial, Verdana, Helvetica, sans-serif; 
color: #595959; 
text-decoration: underline;
}

#info a:hover {
color: #ffffff;
}

.green {
!color: #c8da31;
color: #e0e0e0;
}

.strong {
font-weight:700;
}

.em {
font-style:italic;
}

.underline {
text-decoration:underline;
}

.del {
text-decoration:line-through;
}

fieldset {
border:1px solid #595959;
color:#fff;
background:#000;
margin:0 0 8px;
padding:10px 8px;
}

input, textarea, select {
border:1px solid #595959;
color:#fff;
background:#000;
margin: 5px 0;
padding: 5px;
}

textarea {
width:97%;
height:20em;
}

ul {
font: 12px/1.2em Arial, Verdana, Helvetica, sans-serif; 
color: #ffffff; 
margin: 15px 0 10px 15px;
}

li {
font: 12px/1.2em Arial, Verdana, Helvetica, sans-serif; 
color: #ffffff;
padding-bottom: 10px;
}

.adminpanel h2 {
margin-bottom: 15px;
}


/* overlay size and background image */
.overlay {
 
        /*
                THIS ARE YOUR FULLSCREEN DIMENSIONS
        */
        width:800px;
        height:600px;
        background-image:url(http://static.flowplayer.org/img/overlay/petrol.png);
        display:none;
        padding: 0 !important;
}
 
/* close button for overlay */
.overlay .close {
        background:url(http://static.flowplayer.org/img/overlay/close.png) no-repeat;
        position:absolute;
        top:2px;
        right:5px;
        width:35px;
        height:35px;
        cursor:pointer;
}
 
/* original size of the player */
#player, #player_api {
        height:360px;
        width:640px;
        display:block;
}

/* absolute positioning of the player */
#player_api {
	position:absolute;
        /* layer as the topmost element */
        z-index:10000;
}

div.player {
	height:360px;
	width:640px;
	border:2px solid #fff;
	outline:1px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;
	text-align:center;
	margin-top: 30px;
	margin-right:15px;
}

/* play button */
div.player img {
	margin-top:120px;
}

/* info area */
div.player div.info {
	height:40px;
	background:#000 url(http://www.flowplayer.org/img/global/gradient/h80.png) repeat-x;
	opacity:0.7;
	color:#fff;
	text-align:left;
	padding:5px 15px;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:16px;
	border-top:1px solid #ccc;
	margin-top:100px;
}

/* duration data inside info area */
div.player div.info span {
	color:#99FF99;
	display:block;
	font-weight:bold;
}