
/*
RESET
*/

* {
	padding:0px;
	margin:0px;
	outline:none;

}

/*****************************************
GLOBAL
*****************************************/

.adminbar {
position: fixed;
bottom:0;
left:0;
width:100%;
height:35px;
z-index:599;
background: #333;
text-align:center;
padding-top:5px;
border-top:3px solid #000;
}

.adminbar a{
color: #FFF;
}

a{
color: #000;
}
	
body {
	background: #FFF;
	color: #000;
	font-family: "Trebuchet MS", arial, sans-serif;
}

p {
	padding-bottom: 10px;
}

ul {
	margin-bottom: 10px;
}


#bg {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 1100px;
	text-align: center;
	overflow: hidden;
	z-index:9;
}

#wrap {
	padding-top:0px;
	position:relative;
	margin:0px;
	width:960px;
	height:1100px;
	z-index:23;
	background: url('/img/body-bg.png') top left repeat-y;
}
	
#flash-background {
	height: 100%;
}

/********************************
Navigations
********************************/

ul.topnav {
margin-left:425px;
margin-top:10px;
margin-right:20px;
}

ul.topnav h5{
text-indent:-9999px;
}

.topnav li {
list-style-type:none;
float:right;
}

.topnav li a{
text-decoration:none;
display:block;
font-size:10px;
color: #000;
border:0;
}

.topnav li a:hover{
color: #2CACE2;
}


ul.mainnav {
width:625px;
height:29px;
background: #000;
}

ul.mainnav li {
width:120px;
height:29px;
background: #000;
float:left;
text-align:center;
}
		  
.mainnav li a{
text-decoration:none;
display:block;
padding:5px;
font-size:10px;
color: #FFF;
background: #000;
font-size:13px;
font-weight:bold;
}

.mainnav li a:hover {
color: #0373B4;
}

ul.subnav {
width:625px;
height:20px;
border-bottom: 1px solid #696969;
list-style-type: none;
font-size:12px;
}

ul.subnav li {
padding-left: 5px;
padding-right: 5px;
height:20px;
float:left;
text-align:center;
}

ul.subnav a{
text-decoration: none;
color: #333;
padding:5px;
}

ul.subnav a:hover{
border-bottom: 2px solid #333;
color: #FFF;
background: #0373B4;

}

/********************************
Page structures
********************************/

#maincontent {
background: #FFF url('/img/body-bg.gif') top left repeat-x;
width:625px;
height:1100px;
float:left;
}

.col1 {
float:left;
width:300px;
padding:0px 20px 20px 45px;
border-right: 1px solid #cdcdcd;
font-size:12px;
line-height:22px;
text-align: justify;
}

.col2 {
float:left;
padding:0px 0px 20px 20px;
width:220px;
font-size:12px;
line-height:22px;
}

#quote {
float:left;
width:330px;
height:70px;
margin-top:174px;
}

#quote p{
padding:10px 0px 0px 10px;
font-weight:900;
color: #345080;
}

#quote1 {
float:left;
width:330px;
height:70px;
margin-top:175px;
}

#quote1 p{
padding:10px 0px 0px 10px;
font-weight:900;
color: #345080;
}

#stripe {
position: absolute;
background: url(/img/bg-white-60.png) top right no-repeat;
height:75px;
width:100%;
z-index:21;
top:170px;
}

#footer {
background: #cdcdcd;
padding:20px 10px 20px 25px;
width:550px;
margin-left:20px;
margin-top:20px;
font-size:11px;
}

.iso-holder {
float: right;
padding-right: 20px;
}

#player_holder li{
margin-left: 25px;
}


.mini {
width:175px;
float:left;
margin-right:10px;
}

.last {
margin-right:0px;
}



/********************************
h1 Logo Phark eRoyale
********************************/
a.logo, h1.logo {	
width: 625px;
height: 133px;
overflow: hidden;
display: block;
margin: 0;
}

h1.logo a {
display: block;
width: 100%;
text-indent: -9999px;
height: 100%;
background: url(/img/logo.png) repeat;
}

h1.logo a img {
border:0px;
text-indent: 0;
}

/********************************
headers
********************************/
h2 {
margin-top:20px;
padding:0px 20px 20px 45px;
}

/********************************
widgets
********************************/

.col2 a {
background: #bebebe;
display:block;
width:104px;
height:71px;
float:left;
margin-top:5px;
}


#footer a {
color: #000;
}

a.lightbox img {
border: 0;
margin-top:2px;
margin-left:2px;
}

a.first {
margin-right:5px;
}

#player_holder {
padding:20px 10px 20px 25px;
width:550px;
height:305px;
background: #EEE;
margin-left:20px;
margin-top:10px;
}

#player {
width:400px;
height:300px;
background: #EEE;
float: left;
}

#player_desc {
width:150px;
height:300px;
float: left;
font-size:12px;
}

#player_desc p{
margin:10px;
}

/********************************
tables
********************************/

table {
width:580px;
margin-left:20px;
margin-top:20px;
font-size: 12px;

}

td {border-top:1px solid #696969; background: #FFF; padding-top:5px;}

thead td {
background: #0373B4;
color: #FFF;
text-align: center;

padding-left:2px;
}

table.quat {
width:220px;
margin:0;
padding:0;
font-size:10px;
}

table.quat td{
padding:5px;
}

a.religious {
width:220px;
height:100%;
background: none;
}