/*
This is an Elated Product - www.elated.com.
Copyright (c) 1996-2008 Elated Communications Ltd.
*/


/*
	Standard font family for site
*/

body, table, tr, td, a, p, h1, h2, h3, h4, h5
{
	font-family: tahoma, sans-serif
}


/*
	Page body style
*/

body
{
	margin: 0;
	padding: 0;
 	color: #fff;
 	background-color: #000;
 	background-image: url("../images/bg_grad.png");
 	background-repeat: repeat-x;
}


/*
	Standard paragraph style
*/

p
{
	
	font-family:tahoma,sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #999;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;

}


/*
	Headings
*/

li
{
color:#999;
}

h1
{
	font-weight: bold;
	letter-spacing: -0.03em;
	font-size: 24px;
 	color: #aaa;
 	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h2
{
	font-weight: bold;
	letter-spacing: -0.05em;
	font-size: 18px;
 	color: #fff;
 	margin: -5px 0 0 0;
	padding: 0 0 0 0;
}

h3
{
	font-weight: bold;
	letter-spacing: -0.03em;
	font-size: 14px;
 	color: #;
 	margin: 20px 0 10px 0;
	padding: 0 0 0 0;
}

/*
	Style for standard links
*/

a
{
	color: white;
	text-decoration: none;
	
}

a:visited
{
 	color: white;
}








/* 
	BASIC LAYOUT 
*/


/* Outer Container for page */

#outer-container
{
	margin: 0 auto 0 auto;
 	padding: 0 0 0 0;
	width: 960px;
}


/* Header */

#header
{
	width: 960px;
 	height: 130px;
 	margin: 0 0 0 0;
 	padding: 0 0 0 0;
}


/* Content wrapper */

#content-container
{
	width: 960px;
}







/* 
	HEADER STYLES
*/


/* logo */

#logo
{
	width: 960px;
	padding: 0;
	margin: 10px 0 10px 0;
}


/* Top navigation */

#navigation
{
	margin: 0 0 0 0;
 	padding: 0 0 0 0;
 	float: right;
}






/* HOMEPAGE ONLY */

#top-promo
{
	width: 960px;
	background-color: ff0000;
	padding-bottom: 10px;
}

#top-promo-left
{
	width: 580px;
	float: left;
	padding: 0px 0px 20px 0;
	margin: 0;
}


#top-promo-right
{
	width: 340px;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 20px;
	background-color: #000000;

}

#top-promo-right p
{
	font-size: 12px;
	padding: 15px 12px 15px 5px;
	letter-spacing: 1px;
	word-spacing: -2px;
	
}

#top-promo-right a:hover
{
	color: #d71400;
	}


#text-columns
{
	width: 960px;
	margin: 20px 0 0 0;
}

#text-column-1
{
	letter-spacing:0.1em;
	word-spacing:0.1em;
	font-size: 18px;
	width: 220px;
	float: left;
	padding: 0;
	margin: 0 20px 0 0;
}

#text-column-2
{
	letter-spacing:0.05em;
	word-spacing:0.1em;
	font-size: 18px;
	width: 340px;
	float: left;
	padding: 0;
	margin: 0 20px 0 0;
}

#text-column-3
{
	letter-spacing:0.05em;
	word-spacing:0.1em;
	line-height:0.9em;
	font-size: 18px;
	width: 300px;
	float: left;
	padding: 0;
	margin: 0 0 0 0;
}






/* SUBPAGES ONLY */

#games-container
{
	width: 580px;
	float: none;
	}

#games-l1
{
	letter-spacing:0.1em;
	word-spacing:0.1em;
	line-height:0.9em;
	font-size: 18px;
	width: 580px;
	float: left;
}


#games-r1
{
	width: 120px;
	float: right;
}

#games-l2
{	
	letter-spacing:0.1em;
	word-spacing:0.1em;
	line-height:0.9em;
	font-size: 18px;
	width: 450px;
	float: right;
	}

#games-r2
{
	width: 120px;
	float: left;
	}


#content-left
{
	width: 580px;
	float: left;
	padding: 0;
	margin: 0 0 90px 0;
	word-spacing:0.1em;
	font-size: 1em;
}

#content-right
{
	width: 360px;
	min-height: 400px;
	float: left;
	padding: 0;
	margin: 0 0 0 20px;
	background-color: #000000;
	/* Provides the gradient in the coloured box */
	background-image: url(../images/bg_grad2.png);
	background-repeat: repeat-x;
}

#content-div
{
	width:400px;
	height:5px;
}

#content-right p.big
{
	font-size: 14px;
	padding: 10px;
}

#content-right p.tiny
{
	font-size: 11px;
	padding: 10px;
}
#content-right p
{
	letter-spacing:0.05em;
	word-spacing:0.1em;
	line-height:0.9em;
	font-size: 14px;
	padding: 10px;
	color: #FFFFFF;
}




#content-left p.big
{
	font-size: 1em;
	padding: 0;
}

#content-left p
{
	letter-spacing:0.1em;
	word-spacing:0.1em;
	line-height:1.1em;
	font-size: 14px;
	float: none;
	padding: 0;
	margin: 0 20px 0 0;
	font-stretch:semi-expanded;
}

#content-left p.narrow
{
	width: 340px;
}

#content-left li
{
	letter-spacing:0.1em;
	word-spacing:0.1em;
	line-height:1.1em;
	font-size: 12px;
	float: none;
	padding: 0;
	margin: 0 20px 0 0;
	font-stretch:semi-expanded;
	}



/*
	Footer styling
*/

#footer
{
 	height: 29px;
 	margin: 50px 0 0 0;
 	padding: 10px 0 0 0;
 	border-top: 1px solid #222;
}

#footer p
{
	font-size: 0.7em;
	color: #333333;
}




/* Clearing element */

.clear
{
  position: relative; 
  clear: both; 
  height: 0; 
  line-height: 0; 
  font-size: 0;
}

/*
	Standard images
*/

img
{
	border: none;
}

/* scroll pane bollocks */

.holder {
				float: left;
				margin: 0px;
			}
			.scroll-pane {
				width: 360px;
				overflow: auto;
				background-image: url(../images/bg_grad2.png);
				float: left;
			}
			#pane1 {
				height: 100px;
			}
			#pane2 {
				height: 150px;
			}
			#pane3 {
				height: 190px;
			}
			#pane4 {
				height: 190px;
			}
			
			a.jScrollArrowUp {
				background: url(../images/basic_arrow_up.gif) no-repeat 0 0;
			}
			a.jScrollArrowUp:hover {
				background-position: 0 -15px;
			}
			a.jScrollArrowDown {
				background: url(../images/basic_arrow_down.gif) no-repeat 0 0;
			}
			a.jScrollArrowDown:hover {
				background-position: 0 -15px;
			}
			a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
				background-position: 0 -30px;
			}

			.orange-bar .jScrollPaneTrack {
				background: #f60;
			}
			.orange-bar .jScrollPaneDrag {
				background: #00f url(drag_grab.gif) no-repeat 50% 50%;
			}
			.orange-bar .scroll-pane {
				background: #69f;
			}