@charset "UTF-8";

body,td,th { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #000; }
/*body { background-color: #000000; margin:0px; background-image: url(../images/gfqlive-bg2.png); background-position:top; }*/
body { background-color: #000000; margin:0px; background-image: url(../images/gfqlive-bg3.png); background-position:top; background-repeat:repeat-y;}

#header{}
#logo{width:916px;margin:0 auto;}

#Layer1 {
	position:absolute;
	width:58px;
	height:62px;
	z-index:1;
	left: 824px;
	top: 20px;
}
#Layer2 {
	position:absolute;
	width:369px;
	height:30px;
	z-index:1;
	left: 229px;
	top: 3px;
}

#Layer3 {
	position:absolute;
	width:97px;
	height:26px;
	z-index:1;
	left: 765px;
	top: 804px;
}
#Layer4 {
/*	position:absolute;
	width:138px;
	height:29px;
	z-index:1;
	left: 798px;
	top: 861px;*/
	text-align:right;
}
#Layer5 {
	position:absolute;
	width:138px;
	height:29px;
	z-index:1;
	left: 797px;
	top: 635px;
}

#wrapper { width:915px; margin:auto; background:##000000; padding:0px 20px 0px 20px; position:relative; }

//#logo { position:absolute; top:1px; //left:117px; } 

/*#navigation {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	position:absolute;
	//top:22px;
	right:68px;
	height: 10px;
	background-color: #000000;
	width: 592px;
	font-weight:bold;
}*/
#navigation {	margin:0 auto;
	list-style:none;
	display:block;
	height: 42px;
	width: 416px;
	font-weight:bold;}
#navigation li { margin:0; padding:0; display:inline; margin-left:25px; }
#navigation li a { color:#000000;  text-decoration:none; }
#navigation li a:hover { text-decoration:underline; }

#video-player { text-align:center; }
#video-watermark {  background:url(../images/gfqlive.png) center top no-repeat; }
#video-container { width:640px; height:500px; margin:0 auto; }

#text p, h2 { text-align:center; color:#FFF; }
#text p a, h2 a { color:#FFF; font-weight:bold; text-decoration:underline;  }
#text p a:hover, h2 a:hover { text-decoration:none;  }

#twitter-follow { background:url(../images/twitter-button.png) no-repeat; height:50px; width:195px; position:relative; }
#twitter-follow:hover { text-decoration:underline; color:#000000; cursor:pointer; }

#facebook-follow { background:url(../images/facebook-button.png) no-repeat; height:50px; width:195px; position:relative; }
#facebook-follow:hover { text-decoration:underline; color:#000000; cursor:pointer; }

#ustream-link { background:url(../images/gfqustream-button.png) no-repeat; height:50px; width:195px; position:relative; }
#ustream-link:hover { text-decoration:underline; color:#000000; cursor:pointer; }

#lower-buttons { width:665px; margin:auto; margin-top:20px; margin-bottom:20px; }

#footer { text-align:center; color:#daf2f9; font-size:9px; margin-top:25px; }

#video-player p { padding-top:0px; }
#video-player p a { color:#000000; text-decoration:none; font-weight:bold; }
#video-player p a:hover { color:#000; }
#video-player p a img { margin-right:5px; }

/*** CLASSES ***/

.clear { clear:both; }

.hide { display:none; }

/*.navigation { background:url(../images/navigationbar.png) no-repeat; height:42px; position:relative; }*/
.navigation{}

.button-link {
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	text-align:right;
	width:140px;
	position:absolute;
	right: 28px;
	top: 4px;
	background-color: #000000;
}
.button-link a { color:#000000; font-weight:bold; text-decoration:none; }
.button-link a:hover { text-decoration:underline; }

.float-left { float:left; }

.margin-r-10 { margin-right:10px; }
.margin-r-40 { margin-right:40px; }

.btn {
	display: block;
	position: relative;
	background: #aaa;
	padding: 5px;
	float: left;
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}
.btn * {
	font-style: normal;
	background-image: url(../images/btn2.png);
	background-repeat: no-repeat;
	display: block;
	position: relative;
	width: 1;
}
.btn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
.btn.bottom { background: #b4abac; }
.btn.top { background: #b4abac; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] { background-image: url(../images/shade.png); background-position: bottom; }


* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }