/*====================*/
/*=== Reset Styles ===*/
/*====================*/
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,
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-weight: normal;
	font-family:inherit;
	font-size:100%;
	vertical-align:baseline;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}
textarea, input{
	border: 0;
	resize: none;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/
body {
	font:12px/1.6 Arial;
	color: #FFF;
	background:url(../img/bg.jpg) no-repeat 0 0 #000;
}
/*html, body {height: 100%;}*/


/* moz no ouline around sunbmit */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

a {
	color:inherit;
}

a, a:visited {
	color:inherit;
	color:#4589BE;
}
a:hover, a:active {
	color:#2d3536;
	text-decoration:none;
}
a img {
	border:0 none;
}

/*============================*/
/*===== Main Blocks ==========*/
/*============================*/
#intro{
	width: 442px;
	height: 235px;
	possition: absolute;
	display:block;	
	
	/*background:url("../img/nav.jpg") no-repeat 0 0 transparent;*/
}
img#guitar{
	left: -115px;
    position: absolute;
    top: 180px;
    z-index: 70;
	
	/*-ms-transform: rotate(-30deg) scale(0.65);
	-moz-transform: rotate(-30deg) scale(0.65);
	-webkit-transform: rotate(-30deg) scale(0.65);
	-o-transform: rotate(-30deg) scale(0.65);
	transform: rotate(-30deg) scale(0.65);*/
}
img#checker_big{
    left: -150px;
    position: absolute;
    top: -150px;
    z-index: 20;
	
	/*-ms-transform: rotate(-22deg) scale(0.67);
	-moz-transform: rotate(-22deg) scale(0.67);
	-webkit-transform: rotate(-22deg) scale(0.67);
	-o-transform: rotate(-22deg) scale(0.67);
	transform: rotate(-22deg) scale(0.67);*/
}
img#checker_small{
	left: -243px;
    position: absolute;
    top: 12px;
    z-index: 40;
}
img#degradee{
    z-index: 50;	
	left: -215px;
    position: absolute;
    top: 249px;
	
	/*-ms-transform: rotate(-48deg);
	-moz-transform: rotate(-48deg);
	-webkit-transform: rotate(-48deg);
	-o-transform: rotate(-48deg);
	transform: rotate(-48deg);*/
}
img#logo{
	left: 43px;
    position: absolute;
    top: 29px;
	z-index: 80;
	
	/*-ms-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	transform: rotate(-10deg);
	*/
	width: 0px;
	height: 0px;
}
img#skull{
	position: absolute;
	left: 24px;	
	top: 35px;
	z-index: 90;
	display:none;
}
img#baseline{
	left: 209px;
    position: absolute;
    top: 67px;	
	z-index: 80;
	display:none;	
}


a.media{
	text-decoration:none;	
}

#campaigns{
    height: auto;
    overflow: hidden;
    position: relative;
	clear:both;
	margin-left: 10px;
	padding-top: 10px;
	min-width: 450px;
}
.campaign{
	border: 0;
	width: 196px;
	height: 212px;
    margin: 0 10px 20px;
	display: block;
	display: none;
	float: left;
	position:relative;
}
.campaign img{
	display: block;
	border: 5px solid white;
	width: 184px;
	height: 127px;
}
.campaign div {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.campaign h2{
    width: 100%;
	color: #00FF00;
    font-size: 9px;
	font-weight: 800;
	overflow:hidden;
	margin-top: 10px;
	text-transform: uppercase;
	text-decoration:none;
}
.campaign dl{
	float: left;
	width: 100%;	
    font-size: 10px;	
	color: #FFFFFF;
	line-height: 16px;
}
.campaign dt{
	clear: left;
	float: left;
	width: 40px;
	color: #FFFFFF;
}
.campaign dd{
	float: left;
	width: 154px;
	color: #FFFFFF;
}

.campaign:hover{
	background-color:#333333;
	cursor:pointer;
	width: 204px;
	margin-left: 5px;
	margin-right: 7px;
}
.campaign:hover img{	
	border: 10px solid white;
	margin-top:  -5px;
}
.campaign:hover div{
	margin-left: 5px;
}
.campaign:hover h2{	
	margin-top:  5px;
}

.campaign.selected img,
.campaign:active img{
	border-color:#00FF00;
}



#contact{
	overflow:hidden;
	display:none;
    padding-top: 25px;
	padding-left: 20px;
	list-style: none outside none;
}
#contact li{
    float: left;
    font-size: 11px;
    height: 20px;
	width: 146px;
    line-height: 13px;
    padding-top: 6px;
    position: relative;
	text-align:center;
	border:1px solid #ff00ff;
	margin-right: 10px;
	margin-bottom: 5px;
}
#contact li a{
	text-decoration:none;
	color: #ff00ff;
}
#contact li:hover{
	background:url("../img/bg-blink.gif") repeat 0 0 transparent;
}


#logos{
	clear:both;
	margin-top: 10px;
	margin-right: 0;
	width: 99%;
	min-width: 450px;
	height: 60px;
	clear: both;
	padding: 0;
	list-style: none;
	white-space:nowrap;
}
#logos li{
	float: left;
	width: 80px;
	height: 60px;
	position:relative;
	text-indent:-1000px;
	cursor:pointer;
	background:url("../img/logos_bottom.png") no-repeat 15px 0 transparent;
	white-space:nowrap;
}
#logos li a{
	display:block;
	height: 100%;
	width: 100%;
}
#logos li.cos:hover{
	background-position: 15px -60px;
}
#logos li.rapid{
	background-position: -118px 0;
}
#logos li.rapid:hover{
	background-position: -118px -60px;
}
#logos li.holocube{
	background-position: -262px 0;
}
#logos li.holocube:hover{
	background-position: -262px -60px;
}
#logos li.culturama{
	background-position: -401px 0;
}
#logos li.culturama:hover{
	background-position: -401px -60px;
}
#logos li.matzi{
	background-position: -540px 0;
}
#logos li.matzi:hover{
	background-position: -540px -60px;
}
#logos li.beam{
	background-position: -685px 0;
	width: 31px;
}
#logos li.beam:hover{
	background-position: -685px -60px;
}



#footer{
	margin: 0 0 25px 20px;
	height: 100px;
}
#footer, #footer a{
	font-size: 9px;
	text-decoration: none;
	color: #666666;
}
#footer a:hover{
	color: #FFFFFF;
}