/*------------------------------------------------
CSS Content

Version:	1.0 November 09
Author:		Grafik
Email:		grafik@grafik.com.au
-----------------------------------------------*/

/*
===== CONTENTS =====

	last-updated: November 2009;

	1: universal reset 
	2: html and body
	3: typography
	4: layout
	5: navigation
	6: images
	7: forms
	8: tables

====================
*/

/*
===== 1: universal reset =====
*/
* { 
/* set the fonts to a uniform size and zero all margins and padding */
margin:0; padding:0; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }
* ul,* li { list-style:none; }
* strong { font-weight:bold; }
* em { font-style:italic; }

/*
===== 2: html and body =====
*/
html { }
body { font-size:16px; }

/*
===== 3: typography =====
*/

h1 {
	width: 280px;
	background: transparent url(../images_new/content-background.png) repeat 0 0;
}

h1 a {
	display: block;
	width: 240px;
	height: 195px;
	background: transparent url(../images_new/logo.png) no-repeat 0 98px;
	text-indent: -9999px;
	margin-left: 40px;
}

h2, h3 {
	font-size: 1.25em;
	/*line-height: 2em;*/
	color: #81725e;
	font-style: italic;
	font-weight: lighter;
	margin-bottom: 5px;
}

h2.subHead {
	margin-top: 20px;
}

#sidebar h3, h3.sub {
	font-size: .88em;
	font-weight: bold;
	margin-bottom: 10px;
}

p {
	font-size: .75em;
	line-height: 1.5em;
	margin-bottom: 10px;
}

#sidebar p {
	font-size: 	.63em;
	background: transparent url(../images_new/news-divider.png) no-repeat 0 0;
	padding-top: 10px;
}

#sidebar em {
	color: #81725e;
	text-indent: 10px;
	display: block;
	float: left;
	margin-right: 10px;
	font-weight: bold;
	display: inline;
}

#footer p {
	font-size: 10px;
}

#footer a {
	color: #fff;
	font-size: 10px;
}

#footer a.credit {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 122px;
	height: 31px;
	background: transparent url(../images_new/grafik-logo.png) no-repeat 0 0;
	text-indent: -9999px;
}

.supported {
	display: block;
	height: 25px;
	line-height: 25px;
	color: #81725e;
	background: transparent url(../images_new/content-background.png) repeat 0 0; 
	padding: 0;
	font-size: .75em;
	text-transform: uppercase;
	text-decoration: none;
	margin-left: 280px;
	width: 150px;
	text-align: center;
}

#supported-clubs a{
	font-size: .7em;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	text-align: center;
	padding: 0 10px 10px;
	display: block;
	height: 48px;
	line-height: 12px;
	float: left;
}

.selected { display: none;}

#main-content ul {
	margin-left: 10px;
}

#main-content ul li {
	font-size: .75em;
	line-height: 1.5em;
	margin-bottom: 5px;
	padding-left: 25px;
	background: transparent url(../images_new/news-divider.png) no-repeat 0 center;
}

#main-content #slideshow ul {
	margin-left: 0;
	overflow: hidden;
}

#main-content #slideshow ul li {
	font-size: .75em;
	line-height: 1.5em;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 0px;
	background: transparent;
	float:left; 
	position:absolute; 
	list-style:none;
}

#main-content #slideshow {
	position: relative;
	clear: left;
	height: 280px;
	margin-top: 15px;
}

/*
===== 4: layout =====
*/

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

#supersize {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
}

#wrapper {
	position: relative;
	z-index: 1;
	width: 960px;
	margin: 0 0 0 0;
}

#main-content {
	width: 420px;
	padding: 10px;
	float: left;
	background: transparent url(../images_new/content-background.png) repeat 0 0;
	margin-bottom: 10px;
	display: inline;
}

#sidebar {
	width: 220px;
	padding: 10px;
	float: right;
	background: transparent url(../images_new/content-background.png) repeat 0 0;
	margin-top: 69px;
	display: inline;
}

#image-container {
	position: absolute;
	top: 84px;
	left: 720px;
}

#footer {
	clear: both;
	width: 680px;
	color: #fff;
	margin: 45px 0 50px 280px;
	position: relative; 
}

#supported-clubs {
	width: 440px;
	clear: both;
	background: transparent url(../images_new/content-background.png) repeat 0 0;
	position: relative;
	margin-left: 280px;
	padding: 15px 0;
}

/*
===== 5: navigation =====
*/

#primary-nav {
	width: 240px;
	float: left;
	margin: 10px 0 0 40px;
	display: inline;
	height: inherit;
	padding: 0;
}

#primary-nav li {
	margin: 0;
	height: inherit;
	padding: 0;
	line-height: 1px;
}

#primary-nav li a {
	font-size: 1.63em;
	line-height: .9em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	height: inherit;
	padding: 0;
	line-height: 22px;
	
	/* transparency */
	filter: alpha(opacity=85); /* internet explorer */
	-khtml-opacity: 0.85;      /* khtml, old safari */
	-moz-opacity: 0.85;        /* mozilla, netscape */
	opacity: 0.85;             /* fx, safari, opera */
}

#primary-nav li a:link, #primary-nav li a:visited, #primary-nav li a:hover, #primary-nav li a:active { margin: 0 0 5px; padding: 0; }

#primary-nav li a:hover {
	color: #b4aba1;
}


#home #homeNav a, #display #displayNav a{
	color: #81725e;
}



#sub-nav {
	position: absolute;
	top: 0;
	left: 720px;
	width: 240px;
	padding: 10px 0;
	background: #81725e;
	text-align: center;
}

#sub-nav li {
	display: inline;
	color: #fff;
	font-size: .88em;
	font-style: italic;
}

#sub-nav li a {
	color: #fff;
	text-decoration: none;
	font-size: inherit;
	font-style: inherit;
}

/*
===== 6: images =====
*/

#supersize img {
    height:100%;
    position:absolute;
    width:100%;
    z-index:0
}

#supported-clubs a img {
	border: none;
}

/*
===== 7: forms =====
*/

/*
===== 8: tables =====
*/