/* standard elements */
* {
	margin: 0;
	padding: 0;
}

a {
	color: #999;
	text-decoration: none;
	
}

img.pic {
    border:1px solid #000000;
}

a:hover {
	color: #dcdcdc;
	text-decoration: none;
	
}

body {
	background: #000 url(img/bg.png) repeat-x fixed left bottom;
	color: #555;
	margin: 20px 0;
	text-align: center;
	font: normal 0.7em sans-serif,Arial;
}

ul {
	margin: 12px 0;
}

li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}
code {
	background: url(img/bgcode.gif);
	color: #888;
	display: block;
	font: normal 1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 3px 6px;
	white-space: pre;
}

cite {
	background: url(img/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding-left: 28px;
}


/* main structure */
.main 
{
	background: #000; 
	border: 3px double #EEE; 
	border-color: #141414 #202020 #222 #202020; 
	margin: 20px auto 4px auto; 
	text-align: left;
	width: 802px; 
	
}

/* index structure */
.index {
	background: #000; 
	border: 3px double #EEE; 
	border-color: #141414 #202020 #222 #202020; 
	margin: 20px auto 4px auto; 
	text-align: left;
	width: 400px; 
}



/* header */
.gfx {
	background: #222;
	height: 102px;
	width: 802px;
}

.gfxL 
{
    background: #222;
    height: 102px;
    width: 133px;
    float: left;
}

.gfxR 
{
    background: #222 url(img/indexRight.jpg) no-repeat;
    height: 102px;
    width: 669px;
    float: right;
}

.gfxContain 
{
    background: #222;
    width: 802px;
    height: 370px;
}

.gfxBotL
{
    background: #222 url(img/indexBotL.jpg) no-repeat;
    height: 370px;
    width: 364px;
    float: left;
    vertical-align: bottom;
}

.gfxBotR
{
    background: #222 url(img/indexBotR.jpg) no-repeat;
    height: 370px;
    width: 438px;
    float: right;
    vertical-align: bottom;
 
}

.gfxBotR2
{
    background: #222;
    height: 370px;
    width: 438px;
    float: right;
    vertical-align: bottom;
    visibility: hidden;

}

.gfx h1 {
	color: #111;
	font: normal 2.6em Tahoma,sans-serif;
	padding: 16px 20px;
}

.gfx2 {
	background: #222;
	height: 523px;
	width: 802px;
}


.gfx3 {
	background: #222;
	height: 51px;
	width: 802px;
}

.gfx2 h1 {
	color: #111;
	font: normal 2.6em Tahoma,sans-serif;
	padding: 16px 20px;
}

/* left side graphics & menu */

.left {
        
        background: #222;
        float: left;
        width: 202px;
        height: 523px;
}

.leftTop {
	background: #222 url(img/fokTop.gif) no-repeat;
	float: left;
	width: 202px;
	height: 238px;
}

.leftTV {
	background: #222;
	float: left;
	width: 202px;
	height: 47px;
}

.leftJP {
	background: #222;
	float: left;
	width: 202px;
	height: 45px;
}

.leftBebo {
	background: #222;
	float: left;
	width: 202px;
	height: 43px;
}

.leftYam {
	background: #222;
	float: left;
	width: 202px;
	height: 44px;
}

.leftSurf {
    background: #222;
	float: left;
	width: 202px;
	height: 47px;
}

.leftBot {
	background: #222 url(img/fokBot.gif) no-repeat;
	float: left;
	width: 202px;
	height: 59px;
}

.videoDiv 
{
    
    width: 425px;
    height: 350px;
}

/* right side graphics */
.right {
        float: right;
        width: 600px;
        height: 523px;
}

.rightTop {
	float: right;
	width: 600px;
	height: 100px;
	border-bottom: 2px solid #000000;

}


.rightBottom {
    
    background: #504f4f url(img/test.gif) no-repeat;
	margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10;
    padding-left: 20px;
    width: 578px;
	height: 421px;
	float: right;
	overflow: auto;
	

}



/* menu */

.menuTop {
	background: #222 url(img/topBar3.jpg) no-repeat;
	width: 600px;
	height: 67px;
}

/* transparent section */

.innerWrap 
{
    width: 535px;
    height: 300px;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
    border: 1px solid #1b1b1b;
}

.leftTrans 
{
    
    width: 198px;
    height: 258px;
    float: left;
}


.rightTrans 
{
    width: 322px;
    height: 300px;
    float: right;
    overflow: auto;
}

.rightTrans1 
{
    width: 322px;
    height: 300px;
    float: right;
    
    
}

.rightTrans2 
{
    width: 322px;
    height: 300px;
    float: right;
    visibility: hidden;
}

.rightTrans3 
{
    width: 322px;
    height: 300px;
    float: right;
    
}

.rightTrans4 
{
    width: 322px;
    height: 300px;
    float: right;
    
}

.imgTrans 
{
    
    width: 198px;
    height: 42px;
   
}

.imgTrans2
{
    
    width: 205px;
    height: 43px;
    border-right: 1px solid #1b1b1b;
   
}


.imgDiv 
{
    width: 198px;
    height: 10px;
    
}

.imgDiv2 
{
    width: 198px;
    height: 111px;
     
}

.imgLine 
{
    width: 7px;
    height: 257px;
    background: #222 url(img/lineBlk.gif) no-repeat;
    float: left;
    border-right: 1px solid #1b1b1b;
}    
   
.transparentWrap 
{
    width: 555px; 
    height: 320px;
    border: 1px solid #000;
}

.transparent 
{
    filter: alpha(opacity=65); 
    -moz-opacity: .65; 
    background-color: #000000; 
    position: absolute; 
    width: 555px; 
    height: 320px; 
}


/* content */
.content {
	background: #1A1A1A;
	border-top: 1px solid #1A1A1A;
	clear: both;
}
.content h1 {
	color: #666;
	font: bold 1.1em sans-serif,Arial;
	margin: 0 0 4px;
}
.content p {
	margin: 0 0 12px;
}
.item {
	background: #030303 url(img/bottom.gif);
	padding: 8px 10px;
	color: #cccccc;
	font: 1.1em sans-serif,Arial;
	text-align: left;
	
}

/* header span */

.header
{
  text-align: right; 
  
} 

.headerLeft
{
  text-align: left; 
  float: left;
  width: 455px;
} 


/* footer */

.footer {
	background: #0A0A0A;
	color: #666;
	padding: 5px;	
	text-align: right;
} 

.footerLeft {
	background: #0A0A0A;
	color: #666;
	text-align: left;
	width: 370px;
	float: left;
}

.footer .right 
{}


/* floats */
.left {float: left;}
.right {float: right;}
.clearer {clear: both;}