/* customplay games 2008 */

/* IE .png fix */
* { behavior: url("scripts/iepngfix.htc") }

/* ======= general ======= */
html
{
margin: 0;
padding: 0;
background: #c3c3c3;
}

body
{
margin: 0;
padding: 10px 0 0 0;

/*
background-image: url('../images/bckg.jpg');
background-repeat: no-repeat
background-attachment:fixed;
background-position:center; 
*/

}

#container {
width: 944px;
margin: 0 auto;
padding: 0; }

a, a:visited
{
font-weight: bold;
color: #42ff23;
text-decoration: underline;
}
a:hover
{
color: #ffffff;
text-decoration: underline;
}


a:link img
{
	text-decoration: none;
	border-width: 0px;
}

a:visited img
{
	text-decoration: none;
	border-width: 0px;
}

a:hover img
{
	text-decoration: none;
	border-width: 0px;
}


a.plainlink:link {color: white; text-decoration: none; }
a.plainlink:visited {color: white; text-decoration: none; }
a.plainlink:hover {color: white; text-decoration: none; }
a.plainlink:active {color: white; text-decoration: none; } 




/* ======= header ======= */
#header
{
width: 920px;
height: 70px;
margin: 0 0 10px 0;
padding: 0 12px 0 12px;
border-bottom: 1px solid #5c6061;
font: normal 0.7em Arial, Helvetica, sans-serif;
}

.header-left
{
float: left;
color: #5c6061;
}

.header-right
{
float: right;
}

#menu
{
float: left;
margin: 20px 0 0 0;
padding: 0;
/* font: normal 1.7em Arial, Helvetica, sans-serif; color: #000000; */
font: normal 1.7em Arial, Helvetica, sans-serif; color: #000000;
font-style: italic;
letter-spacing: -1px;
}

#menu a, #menu a:link, #menu a:visited
{
text-decoration: none;
color: #000000;
}

#menu a:hover
{
/* text-decoration: none; */
text-decoration: underline;
/* color: #4d5820; */
color: #4d5b2d;
}

/* ======= content ======= */
h1
{
margin: 0 0 10px 0;
padding: 0;
font: normal 1.7em Arial, Helvetica, sans-serif; color: #ffffff;
letter-spacing: -1px;
}

h2
{
margin: 0 0 6px 0;
padding: 5px 0 0 0;
font: normal 1.2em Arial, Helvetica, sans-serif; color: #a9a9a9;
font-weight: bold;
text-transform: uppercase;
}

ul
{
margin-left: 10px;
margin-right: 0;
margin-top: 5px;
margin-bottom: 10px;
padding: 0 0 0 16px;
list-style: disc;
}

li
{
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 10px;
}

.centre {
width: 920px;
margin: 35px 0 10px 0;
padding: 10px 12px 12px 12px;
color: #ffffff;
height: 350px;
background-image: url('../images/bckg.jpg');
background-repeat: no-repeat
background-attachment:fixed;
background-position:top left
}

.left
{
float: left; 
width: 508px;
margin: 0 0 10px 0;
padding: 0;
font: normal 0.75em Arial, Helvetica, sans-serif;
line-height: 1.5em;
}

.left p {
margin: 0 0 10px 0;
padding: 0; }
.button1 {
margin: 0 12px 0 0;
padding: 0; }

.right {
float: right;
width: 400px;
margin: 0 0 10px 0;
padding: 0;
font: normal 0.75em Arial, Helvetica, sans-serif;
line-height: 1.5em; }
.right p {
margin: 0 0 10px 0;
padding: 0; }

.thumbnail123 {
margin: 0 12px 12px 0;
padding: 0; }
.thumbnail4 {
margin: 0 0 12px 0;
padding: 0; }

.trailer
{
width: 400px;
height: 303px;
text-align: left;
margin: 0;
padding: 17px 0 0 0; }

.clear {
clear: both; 
height: 1px;
overflow: hidden;
visibility: hidden; }

.caption
{
font: normal 0.8em Arial, Helvetica, sans-serif;
}

/* ======= footer ======= */
#footer {
clear: both;
width: 920px;
margin: 35px 0 0 0;
padding: 5px 12px 0 12px;
border-top: 1px solid #5c6061;
font: normal 0.7em Arial, Helvetica, sans-serif;
color: #5c6061; }
#footer a, #footer a:link, #footer a:visited {
text-decoration: none;
color: #5c6061; }
#footer a:hover {
text-decoration: none;
color: #ffffff; } 
sup {
font: normal 0.7em Arial, Helvetica, sans-serif; }