/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	background: #2E2F29 url(images2/homepage01.jpg) repeat-x left top;
}

/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}

.formclass{
	margin: 0px;
	text-align:right; padding-left:0px; padding-right:15px; padding-top:15px; padding-bottom:0px;
}


.input1 {
	font-size: 10px;
	color: #FFFFFF;
	border-top: 1px solid #000000;
	border-right: 1px solid #1E1E1B;
	border-bottom: 1px solid #494B43;
	border-left: 1px solid #1E1E1B;
	background: #20211D;
	width: 153px;
}

.input2 {
	float: right;
}

/** HEADINGS */

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}

/** TEXTS */

body, th, td, input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C4C7B9;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
}

.text1 {
	color: #FFFFFF;
}

.text2 {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.text3 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.text4
{
    color: #FFFFFF;
    padding-left: 5px;
}

a.text5 {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.text5:hover{
	text-decoration: underline;
}

.text6{
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

/** LINKS */

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

a:hover {
	text-decoration: underline;
}

a.link1 {
	color: #FFFFFF;
	text-decoration: none;
}

a.link1:hover {
	text-decoration: underline;
}

/** STYLES */

.style1 {
	font-size: 10px;
}

.style1 a {
	color: #FFFFFF;
}

.style1 a:hover {
}

.style2 {
	text-align: center;
	color: #C4C7B9;
}

.style2 a {
	color: #C4C7B9;
}

.style2 a:hover {
}

/** BACKGROUNDS */

.bg1 {
	background: url(images2/homepage04.jpg) repeat-y left top;
}

.bg2 {
	background: url(images2/homepage05.jpg) no-repeat left bottom;
}

.bg3 {
	background: url(images2/homepage08.jpg) no-repeat left top;
}

.bg4 {
	background: url(images2/homepage09.jpg) no-repeat left top;
}

.bg5 {
	background: url(images2/homepage13.jpg) no-repeat left top;
}

.bg6 {
	background: url(images2/homepage20.jpg) no-repeat left top;
}

.bg7 {
	background: url(images2/subpage2_03.jpg) repeat-y left top;
}

.bg8 {
	background: url(images2/subpage2_04.jpg) no-repeat left bottom;
}

/** MISC */

.align-justify { text-align: justify; }
.align-right { text-align: right; }

img { border: none; }

.img1 {
	float: left;
	margin-right: 15px;
}

.img2 {
	float: right;
	margin-right: 15px;
}

hr { display: none; }

.hr1 {
	height: 1px;
}

div.hr {
  height: 35px;
  background: #000 url(images2/hr1.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}


div.hr2 {
  height: 35px;
  background: #2E2F29 url(images2/hr1.gif) no-repeat scroll center;
}
div.hr2 hr {
  display: none;
}


ul#DownloadLinks {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #FFFFFF;
}
ul#DownloadLinks li
{
	float: left;
	display: block;
		
    padding: 0 0 0 0;
    margin: 0 0 0 0;

	font-size: 80%;
	text-decoration: none;
    background-image: url('http://www.fatpandagames.com/images/DownloadGradient.jpg' );
    background-color: transparent;
    color: #FFFFFF;
 /*   border-right: whitesmoke 1px solid;
    border-top: whitesmoke 1px solid;
    border-left: whitesmoke 1px solid;
    border-bottom: whitesmoke 1px solid;*/
}
ul#DownloadLinks a 
{
	float: left;
	display: block;
	
	padding: 8px 5px 8px 8px;
	margin: 0 0 0 0;
	
	text-align: center;
	text-decoration: none;
    background-image: url('http://www.fatpandagames.com/images/DownloadGradient.jpg');
    background-color: transparent;
    color: #FFFFFF;
   border-right: whitesmoke 1px solid;
    border-top: whitesmoke 1px solid;
    border-left: whitesmoke 1px solid;
    border-bottom: whitesmoke 1px solid;
}

ul#DownloadLinks li a:hover
{
    background-image: url('http://www.fatpandagames.com/images/DownloadGradientHilite.jpg' );
    background-color: transparent;
    color: #FFFFFF;
    text-decoration: none;

    margin: 0 0 0 0;
    padding: 8px 5px 8px 8px;
    
    border-right: whitesmoke 1px solid;
    border-top: whitesmoke 1px solid;
    border-left: whitesmoke 1px solid;
    border-bottom: whitesmoke 1px solid;
}


/** Image Tooltips */
span.infoImage span.hideImage
{
    display: none;  
}

/* Just show span on hover */

span.infoImage:hover span.hideImage  
{ 
    display:block;
    position:relative;
    top: -70px;
    left: -30px;
    width:70px;
    border:1px solid #ff0000; 
    background-color:#000000; 
    color:#ffffff;         
    text-align: center;
    font-size: .8em;
    font-style:italic;
    z-index:30;
}

span.infoImage:hover span.infoImageText
{
    position:relative;
    top: -79px;
    left: 18px;
}