/* 


     * * * * * * * * * * * * * * * * * * * * * * * * * * 
     *                                                 *
     *                                                 *
     *      This CSS doesn't like Classes & IDs.       *
     *                                                 *
     *       Don't blame me, it's just a game ;)       *
     *                                                 *
     *                                                 *
     * * * * * * * * * * * * * * * * * * * * * * * * * * 
									
									

/*  .......................  RESET  .......................  */

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, figure, 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;
	}
:focus {
	outline: 0;
	}
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*  ....................  IE HTML 5 render  ....................  */

header, nav, footer, aside, section, article, mark, figure {display:block;}



/*  ....................  GENERAL RULES  ....................  */

@font-face {  
	  font-family:Heading3;  
	  src: url(/fonts/Rockwell.eot);	
	  src: local(Rockwell), url(/fonts/Rockwell.ttf) format("truetype");	
	} 
@font-face {  
	  font-family:Heading2;  
	  src: url(/fonts/RockwellBold.eot);   
	  src: local(Rockwell), url(/fonts/RockwellBold.ttf) format("truetype");  
	}
body {
	background:#1B131E url(/img/bg.jpg) repeat-x top;
	color:#fff;
	}
body, select {
	font:13px "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
a {
	text-decoration:none;
	}
	


/*  ....................  HEADER  ....................  */

body > ins {
	position:fixed;
	right:0;
	z-index:2;
	}
body > ins a {
	display:block;
	width:69px;
	height:105px;
	background:url(/img/award_day_white.png) no-repeat;
	text-indent:-9999px;
	}
body > ins a:hover {
	opacity:0.9;
	}
body > header {
	width:980px;
	margin:20px auto 0;
	position:relative;
	}
body > header a {
	color:#fff;
	display:block;
	font-size:25px;
	font-weight:bold;
	letter-spacing:-1px;
	text-transform:uppercase;
	position:relative;
	z-index:1;
	width:400px;
	}
body > header a:hover {
	text-shadow:0px 0px 7px #999;
	}
body > header a span {
	color:#f09;
	}
body > header h1,
body > header a + span {
	color:#6A656B;
	font-weight:bold;
	font-size:15px;
	letter-spacing:-1px;
	}
body > header a + span {
	background:url("/img/bg_left.png") no-repeat scroll 0 70px;
	display:block;
	height:722px;
	left:-333px;
	padding:0 0 0 333px;
	position:absolute;
	width:369px;
	z-index:1;
	}
body > header h1 {
	position:absolute;
	width:400px;
	height:500px;
	top:-90px;
	left:-120px;
	padding:121px 0 0 204px;
	background: url(/img/spotlight.png) no-repeat;
	}
	
	
	
/*  ....................  NAV  ....................  */
	
nav {
	width:980px;
	margin:0 auto;
	position:relative;
	top:-31px;
	}
nav ul {
	float:right;
	text-align:right;
	width:700px;
	}
nav li {
	font-size:30px;
	text-transform:uppercase;
	display:inline;
	margin:0 40px 0 0;
	letter-spacing:-1px;
	position:relative;
	}
nav li + li + li {
	margin-right:0;
	}
nav a {
	color:#fff;
	}
nav a:hover {
	color:#fff;
	text-shadow:0px 0px 7px #fff;
	}
nav span {
	color:#0FD5FF;
	}
nav a:before {
	content: "/";
	color:#0FD5FF;
	margin-right:7px;
	}
nav span:before {
	content: "{";
	color:#0FD5FF;
	margin-right:7px;
	}
nav span:after {
	content: "}";
	color:#0FD5FF;
	margin-left:7px;
	}
mark {
	background: url(/img/vis_tooltip.png) no-repeat;
	font-size:15px;
	font-weight:bold;
	height:60px;
	letter-spacing:-1px;
	line-height:0.95;
	padding:8px 20px;
	text-align:center;
	width:70px;
	text-shadow:0 0 1px #333;
	color:#fff;
	}
header + mark {
	margin:-65px 0 0 230px;
	}
nav mark {
	background:url("/img/vis_tooltip_up.png") no-repeat scroll 0 0;
	height:10px;
	left:0;
	padding:20px 0;
	position:absolute;
	top:20px;
	width:110px;
	z-index:2;
	text-transform: none;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	}



/*  ....................  MAIN  ....................  */

aside {
	width:100%;
	height:700px;
	position:absolute;
	top:150px;
	left:0;	// IE 7
	}

body > article {
	margin:60px auto;
	width:980px;
	position:relative;
	z-index:1;
	}

body > article > section {
	width:560px;
	padding:20px 40px;
	background: url(/img/bg_mainsection.png) repeat;
	position:relative;
	min-height:700px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
body > section {
	margin:60px auto 0;
	width:900px;
	z-index:1;
	padding:40px 40px;
	background: url(/img/bg_mainsection.png) repeat;
	position:relative;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
body > section + section {
	margin:10px auto 0;
	width:980px;
	z-index:1;
	padding:30px 0 10px;
	background:none;
	position:relative;
	overflow:hidden;
	}
hgroup {
	margin-bottom:30px;
	display:block;
	overflow:hidden;
	}
body > section + section hgroup {
	float:left;
	margin-top:-4px;
	float:left;
	}
body > section + section a {
	float:right;
	clear:right;
	font-size:20px;
	color:#fff;
	width:120px;
	border-top:1px solid #4D4751;
	padding:20px 0;
	letter-spacing:-1px;
	line-height:1;
	}
body > section + section a:hover {
	text-shadow:0px 0px 7px #999;
	}
body > section + section a:hover em {
	color:#fff;
	} 	
body > section + section a em {
	color:#0FD5FF;
	font-style:normal;
	}
article section p + p:last-child {
	margin-bottom:40px;
	}
article > section p {
	margin:20px 0;
	padding:0 0 0 40px;
	line-height:1.5;
	background: url(/img/bull_ast.png) no-repeat left top;
	}
article > section a {
	color:#0FD5FF;
	background:#000;
	padding:0 2px;
	}
article > section a:hover {
	color:#000;
	background:#0FD5FF;
	}
	
	
	
/*  ....................  HEADINGS  ....................  */
	
h2 {
	font:bold 84px/1 Heading2, "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing:-6px;
	text-shadow:2px 2px 4px #000;
	margin-bottom:30px;
	white-space:pre;
	}
body > section > h2 {
	text-align:center;
	}
h3 {
	font:normal 30px Heading3, "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing:-1px;
	background:#000;
	color:#fff;
	padding:0 5px;
	display:inline;
	}
body > section + section hgroup h3 {
	float:left;
	clear:both;
	margin-top:5px;
	background:none;
	}
body > section + section hgroup h3 em {
	background:#000;
	padding:0 5px;
	}
body > section + section hgroup h3:last-child {
	background:none;
	text-shadow:1px 1px 3px #000;
	}
h3 em {
	text-transform:uppercase;
	color:#f09;
	font-style:normal;
	}
h4 {
	font-size:14px;
	letter-spacing:-1px;
	}
section section h4 {
	margin:-108px 0 0 20px;
	width:400px;
	text-shadow:3px 3px 4px #000;
	}
section section h4 i {
	color:#999;
	font-style:normal;
	}



/*  ....................  PROJECTS  ....................  */

article section section {
	margin:40px 0;
	}
article section section + section {
	display:none;
	}
article section select + section {
	display:block;
	}
select {
	color:#333;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-1px;
	margin:15px 0 0;
	padding:5px 10px 5px 30px;
	width:300px;
	border:1px solid #333;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
section figure {
	width:560px;
	height:380px;
	overflow:hidden;
	box-shadow:5px 5px 5px #000;
	-moz-box-shadow:5px 5px 5px #000;
	-webkit-box-shadow:5px 5px 5px #000;
	}
section img {
	width:1680px;
	height:380px;
	}
menu {
	float:right;
	margin:30px 20px 0;
	}
menu li {
	overflow:hidden;
	float:left;
	margin:0 10px 0 0;
	}
menu li+li+li {
	margin:0;
	}
menu li a {
	background:#fff;
	display:block;
	height:10px;
	text-indent:-100px;
	width:10px;
	padding:0;
	}
menu li:first-child a {
	background:#0FD5FF;
	}
menu + mark {
	background: url(/img/vis_tooltip_up.png) no-repeat;
	padding:17px 20px 0;
	margin:56px 0 0 461px;
	}
section section h4 + p {
	font-size:11px;
	margin:17px 0 20px 20px;
	width:400px;
	line-height:1.5;
	color:#999;
	background:none;
	padding:0;
	}
section section ol {
	margin:0 0 0 20px;
	}
section section ol li {
	color:#0FD5FF;
	font-size:11px;
	padding:2px 0;
	font-weight:bold;
	}
section section ol ins {
	display:none;	
	}
section section ol em {
	background: url(/img/checked.png) no-repeat;
	padding:3px 0 0 30px;
	font-style:normal;
	}
section section ol span {
	background: url(/img/unchecked.png) no-repeat;
	padding:3px 0 0 30px;
	}



/*  ....................  FOOTER  ....................  */

body > footer {
	width:980px;
	margin:20px auto 0;
	font-size:11px;
	border-top:1px solid #666;
	padding:10px 0 40px;
	position:relative;
	}
body > footer a:hover,
body > footer section h4:hover {
	color:#fff;
	text-shadow:0 0 7px #fff;
	}
body > footer address {
	display:inline;
	float:left;
	font-style:normal;
	}
body > footer address span,
body > footer address a {
	margin-right:40px;
	}
body > footer section {
	width:385px;
	float:left;
	}
body > footer section h4 {
	font-size:11px;
	font-weight:normal;
	letter-spacing:0;
	display:block;
	width:6em;
	border:1px solid #1B131E;
	padding:5px 25px 5px 10px;
	margin-top:-5px;
	background: url(/img/ico_arr_down_hov.png) no-repeat right 0.9em;
	color:#0FD5FF;
	}
body > footer section h4:hover {
	border:1px solid #666;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor:pointer;
	background: url(/img/ico_arr_down.png) no-repeat right 0.9em;
	}
body > footer section ol {
	display:none;
	margin:20px 0;
	border-left:1px solid #666;
	padding:1px 0 0 20px;
	overflow:hidden;
	position:relative;
	float:left;
	width:540px;
	}
body > footer section ol li {
	float:left; 
	margin:0 20px 10px 0;
	}
body > footer section ol img {
	width:145px;
	height:24px;
	border:7px solid #1D1D1D;
	outline:1px solid #333;
	}
body > footer section ol img:hover {
	outline:1px solid #666;
	}
body > footer small {
	float:right;
	}
body > footer a {
	color:#0FD5FF;
	}
body > footer small a {
	border-left:1px solid #fff;
	padding:0 0 0 3px;
	}