html, body {
	height: 100%;
	margin: 0;
}
body {
	padding: 0;
	background-color: #000;
	font-family: 'Arial';
	color: #949494;
	font-size: 10pt;
}

.oldbrowser { display: none; }

/* =============================================================================
   FONTS
============================================================================= */


/* =============================================================================
   UTILS
============================================================================= */
.hidden { display: none !important; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
.overlay { position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; background-color: #eee;
	-khtml-opacity:0.5;
    -moz-opacity : 0.5;
    -ms-filter: "alpha(opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter : alpha(opacity=50);
    opacity : 0.5;
    z-index: 99;
}
.fancybox-overlay { background: rgba(0,0,0,.8); }


/* =============================================================================
   POSITION
============================================================================= */
.screen { min-height: 100%; position: relative; width: 100%; padding: 0; overflow: hidden; }
.content { display: block; width: 409px; margin: 28px auto 0px auto; }


/* =============================================================================
   GENERAL STYLE
============================================================================= */
a:hover { text-decoration: none; }


/* =============================================================================
   HEADER
============================================================================= */
section.header { min-height: 100%; overflow: hidden; position: relative; }
section.header .logo { float: left; }
section.header .presentation { float: left; width: 410px; }
section.header .presentation .releases { float: left; margin: 20px 7px 43px 0px; padding: 6px 8px 7px 8px; background-color: #27F688; color: #909090; }
section.header .presentation .releases a { color: #000; }
section.header .presentation .releases a:active, section.header .presentation .releases a:hover, section.header .presentation .releases a:visited { color: #000; }

section.header .presentation .shop { float: right; width: 384px; background-color: #000	; }
section.header .presentation .shop p { margin: 0px; padding: 6px 8px 8px 8px; }
section.header .presentation .shop p.order { margin-bottom: 0px; }
section.header .presentation .shop p.order a { color: #000; }
section.header .presentation .shop p.order a:active, section.header .presentation .shop p.order a:hover, section.header .presentation .shop p.order a:visited { color: #000; }
section.header .presentation .shop p.nostore { background-color: #000; text-align:justify; font-size: 8.5pt; }

section.header .info { position: absolute; left: 0px; bottom: 0px; }
section.header .info p { margin: 0px; padding: px 0px 6px 8px; background-color: #000; }
section.header .info p a { color: #fff; }
section.header .info p a:active, section.header .info p a:hover, section.header .info p a:visited { color: #fff	; }





/* =============================================================================
   FOOTER
============================================================================= */
.footer p { margin-top: 14px; padding: 6px 5px 5px 8px; border-top: 1px solid #909090;}


/* =============================================================================
   MEDIA QUERIES
============================================================================= */
@media only screen {

}
/* without sidebar */
@media only screen and (max-width: 1023px) {
}

/* 3 columns */
@media only screen and (min-width: 1280px) {
}

/* 2 columns */
@media only screen and (max-width: 1279px) and (min-width: 640px) {
}

/* 1 column */
@media only screen and (max-width: 639px) {
}

/* 1 column < 480 */
@media only screen and (max-width: 479px) {
}