/*** reset.css ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:active, :focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*** typography ***/
body {
  font-size: 75%; 
  color: #cfcfcf; 
  background: #2a2a2a; 
  font-family: tahoma, arial, helvetica, sans-serif; 
}

	/*** --headers ***/
h1,h2,h3,h4,h5,h6 { 
	font-weight: normal; 
}

h1 { 
	font-size: 3em; 
	line-height: 1; 
	/*margin-bottom: 0.5em;*/
}
h2 { 
	font-size: 2em; 
	margin-bottom: 0.75em; 
}
h3 { 
	font-size: 1.5em; 
	line-height: 1; 
	margin-bottom: 1em; 
}
h4 { 
	font-size: 1.2em; 
	line-height: 1.25; 
	font-weight: bold;
	margin-bottom: 1.25em; 
}
h5 { 
	font-size: 1em; 
	font-weight: bold; 
	margin-bottom: 1.5em; 
}
h6 { 
	font-size: 1em; 
	font-weight: bold; 
}

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

	/*** --text ***/
p { 
	margin: 0 0 1.5em; 
	line-height: 1.5em;
}
p img.left {
	float: left; 
	margin: 0.5em 1.5em 1.5em 0; 
	padding: 0; 
}
p img.right { 
	float: right; 
	margin: 0.5em 0 1.5em 1.5em; 
}

a:focus, a:hover { 
	color: #fff; 
}
a { 
	color: #cfcfcf;
	text-decoration: underline; 
}

blockquote  { 
	margin: 1.5em; 
	color: #666; 
	font-style: italic; 
}
strong { 
	font-weight: bold; 
}
em,dfn { 
	font-style: italic; 
}
dfn  { 
	font-weight: bold; 
}
sup, sub { 
	line-height: 0; 
}

abbr, acronym { 
	border-bottom: 1px dotted #666; 
}
address { 
	margin: 0 0 1.5em; 
	font-style: italic; 
}
del { 
	color:#666; 
}

pre { 
	margin: 1.5em 0; 
	white-space: pre; 
}
pre,code,tt { 
	font: 1em 'andale mono', 'lucida console', monospace; 
	line-height: 1.5em; 
}

	/*** --lists ***/
li ul, li ol { 
	margin: 0 1.5em;
}
ul, ol { 
	margin: 0 1.5em 1.5em 1.5em; 
}

ul { 
	list-style-type: disc; 
}
ol { 
	list-style-type: decimal; 
}
li {
	line-height: 1.5em;
	margin-bottom: 0.5em;
}
dl { 
	margin: 0 0 1.5em 0; 
}
dl dt { 
	font-weight: bold; 
}
dd { 
	margin-left: 1.5em;
}

	/*** --tables ***/
table { 
	margin-bottom: 1.4em; 
	width:100%; 
}
th { 
	font-weight: bold; 
}
thead th { 
	background: #c3d9ff; 
}
th,td,caption { 
	padding: 4px 10px 4px 5px; 
}
tr.even td  {
	background: #e5ecf9; 
}
tfoot { 
	font-style: italic; 
}
caption { 
	background: #eee; 
}

/*** basic classes ***/

.hide { 
	display: none; 
}
.nowrap {
	white-space: nowrap; 
}

.highlight { 
	background:#ff0; 
}

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

	/*** --cite ***/
blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 20px;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left: 20px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
/* clearing floats */
.clear:after {
	visibility: hidden;
	display: block;
	clear: both;
	content: " ";
	height: 0;
}
/* hack for IE6,7 */
* html .clear {
	height: 1%;
}
*:first-child+html .clear {
	min-height: 1px;
}

	/*** --columns ***/
.grid-wrapper-960 {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.grid-wrapper-940 {
	width: 940px;
	margin: 0 auto;
	position: relative;
}
.separator {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 0;
}	
/*** design layout ***/
#header {
	width: 100%;
	height: 77px;
	background: url(img/header-bg.png) 0 0 repeat-x;
}
#header h1 {
	display: block;
	width: 710px;
	height: 75px;
	background: url(img/logo.jpg) 0 0 no-repeat;
	position: absolute;
	right: 0px;
	top: 0px;
}
#logo {
	width: 710px;
	height: 75px;
	display: block;
}
#photo {
	width: 100%;
	height: 626px;
	background: #0d0d0d url(img/photo-bg.jpg) top center no-repeat;
}
#intro {
	width: 290px;
	text-align: right;
	color: #fff;
	padding-top: 24px;
}
#menu {
	height: 61px;
	background: #232323 url(img/menu-bg.png) 0 0 repeat-x;
}
#menu ul {
	list-style: none;
	padding: 0;
}
#menu ul li {
	display: inline;
}
#requirements {
	display: block;
	width: 147px;
	height: 23px;
	background: url(img/requirements.jpg) 0 0 no-repeat;
	position: absolute;
	top: 19px;
	left: 0;
}
#rules {
	display: block;
	width: 108px;
	height: 23px;
	background: url(img/rules.jpg) 0 0 no-repeat;
	position: absolute;
	top: 19px;
	left: 231px;
}
#load {
	display: block;
	width: 219px;
	height: 23px;
	background: url(img/load.jpg) 0 0 no-repeat;
	position: absolute;
	top: 19px;
	left: 409px;	
}
#entries {
	display: block;
	width: 247px;
	height: 23px;
	background: url(img/entries.jpg) 0 0 no-repeat;
	position: absolute;
	top: 19px;
	right: 0;	
}
#partners {
	background: #202020 url(img/partners-bg.png) 0 bottom repeat-x;
	overflow: hidden;
	height: 1%;
}
*html #partners {
	height: 247px;
}
#partners .col-1-of-3, #footer .col-1-of-3 {
	padding: 32px 0;
}
.col-1-of-2 {
	width: 460px;
	float: left;
	margin-left: 20px;
}
.no-left {
	margin-left: 0 !important;
}
.col-1-of-3 {
	width: 300px;
	float: left;
	margin-left: 20px;
}
.col-1-of-3:first-child {
	margin-left: 0;
}
/*hack for IE6-7*/
.col-1-of-3 {
	margin-left:expression(this.previousSibling==null?'0':'20px');
}
.img-link img{
	border: 3px solid #3e3e3e;
}
.img-link img:hover {
	border: 3px solid #5e5e5e;
}
#footer {
	width: 100%;
	clear: both;
}
#content {
	padding: 32px 0;
	background: #2a2a2a;
	border-bottom: 1px solid #131313;
	overflow: hidden;
}
#content .col-1-of-3 {
	padding-bottom: 32px;
}