body{
	background-color: #808080;		 
}
a:link {color: #ffff00;}
a:visited {color: #0000ff;}


hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
} 
#t1 {
    -moz-tab-size: 4; /* Code for Firefox */
    -o-tab-size: 4; /* Code for Opera 10.6-12.1 */
    tab-size: 4;
}

#t2 {
    -moz-tab-size: 16; /* Code for Firefox */
    -o-tab-size: 16; /* Code for Opera 10.6-12.1 */
    tab-size: 16;
    font-size:110%;
}
.orange {
	color: #ff9933
}
.green {
	color: #10ff10
}
.red {
	color: #ff1010
}
.black {
	color: #101010
}
.blue {
	color: #1010cc
}
p.two {
	font-family: Arial, Helvetica, sans-serif;  
}
#grad
{
background: -webkit-linear-gradient(red, blue); /* For Safari */
background: -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
background: linear-gradient(red, blue); /* Standard syntax */
} 

/* LOGO PANEL */
#panelmain{
    display:inline-block;
    width:800px; 
    height:1000px;
    padding:10px 10px;
    margin: 0 auto; 
    background: linear-gradient(rgba(0,0,0,255),rgba(0,0,0,0)); 
    background: -webkit-linear-gradient(rgba(0,0,0,255),rgba(0,0,0,0)); /* Safari syntax */
    background: -o-linear-gradient(rgba(0,0,0,255),rgba(0,0,0,0)); /* opera syntax */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 );
    position:relative;
    border:2px solid #d3181f; 
    border-radius: 20px; 
    box-shadow: 0 5px 50px #333
}
#panelgame{
    display:inline-block;
    width:800px; 
    height:700px;
    padding:10px 10px;
    margin: 0 auto; 
    background: linear-gradient(rgba(0,0,0,255),rgba(0,0,0,0)); 
    background: -webkit-linear-gradient(rgba(0,0,0,255),rgba(0,0,0,0)); /* Safari syntax */
    background: -o-linear-gradient(rgba(0,0,0,255),rgba(0,0,0,0)); /* opera syntax */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 );
    position:relative;
    border:2px solid #d3181f; 
    border-radius: 20px; 
    box-shadow: 0 5px 50px #333
}
#logo{
	width:180px;
	height:140px;
	position:absolute;
	left:10px;
	top:5px;
}
#headtext{
	width:390px;
	height:150px;
	position:absolute;
	left:210px;
	top:15px;
	font-family:Arial Black;
	font-size:110%;
	color:#d3181f;
	text-align:left;
}

#nav {
	width: 450px;
	height:35px;
	
	margin: 0 0 3em 0;
	padding: 0;
	font-family:Arial;
	font-size:14px;
	text-align:center;
	position:absolute;
	top:60px;
	left:265px;
	list-style: none;
	background-color: #d3181f;
	border-radius:8px;
	border:1px solid #ffffff;
}
#nav ul {
    height: auto;
    padding: 8px 0px;
    margin: 0px;
}
#nav li {
	display:inline;
	padding:10px;
}
#nav li a {
	
	padding: 5px 10px;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	
	
}
#nav li a:hover {
	color: #c00;
	background-color: #fff; 
}

	/* CONTENT PANEL #d3181f; */
#panel{
	padding:10px 10px;
	position:absolute; 
	top:150px;
	width:780px;
	height:140px;
	background: linear-gradient(rgba(0,0,0,255),rgba(0,0,0,0)); 
	background: -webkit-linear-gradient(rgba(128,128,128,255),rgba(0,0,0,0)); /* Safari syntax */
	background: -o-linear-gradient(rgba(0,0,0,255),rgba(0,0,0,0)); /* opera syntax */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 );
	border:1px solid #d3181f; 
}
#panel img{
	float:left;
	border:1px solid #d3181f;
}
#paneltext{
	position:absolute;
	top:20px; 
	left:250px; 
	padding:10px 10px;
	height:100px;
	text-align:left;
	font-family:Arial;
	font-size:100%;
	color:white;
}

#salestext{
	position:absolute;
	top:20px; 
	left:20px; 
	padding:10px 10px;
	height:100px;
	text-align:left;
	font-family:Arial;
	font-size:100%;
	color:white;
}

/* SMALL PANEL USED IN FUNGAMES */
#gpanel{
	padding:10px 10px;
	position:absolute; 
	top:200px;
	width:200px;
	height:200px;
	background: linear-gradient(rgba(0,0,0,255),rgba(0,0,0,0)); 
	background: -webkit-linear-gradient(rgba(128,128,128,255),rgba(0,0,0,0)); /* Safari syntax */
	background: -o-linear-gradient(rgba(0,0,0,255),rgba(0,0,0,0)); /* opera syntax */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 );
	border:1px solid #00FF00; 
	border-radius: 20px; 
}


.gbutton {
	position:absolute;
	border: 1px solid #96d1f8;
	background: #d3181f;
	padding: 5px 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	 border-radius: 8px;
	 -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	 -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	 box-shadow: rgba(0,0,0,1) 0 1px 0;
	 text-shadow: rgba(0,0,0,.4) 0 1px 0;
	 color: white;
	 font-size: 14px;
	 font-family: Arial, serif;
	 text-decoration: none;
	 vertical-align: middle;
   }
.gbutton:hover {
   border-top-color: #ff00ff;
   background: #ffffff;
   color: #d3181f;
   }
.gbutton:active {
   border-top-color: #1b435e;
   background: #00ff00;
   }
   
#copyright{
	font-family:Arial Black;
	font-size:100%;
	position:absolute;
	top:995px;
	left:290px;
	color: #d3181f;	
}
#content_img
{
  vertical-align: middle;
  height:         128px;
  margin:         0px;
}
.blink {
	-webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-duration: 2s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-timing-function: steps(2, start);
}
@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes blink {
    80% {
        visibility: hidden;
    }
}


/*
background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #ff0000, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   */