﻿@font-face {	font-family: 'BebasNeueRegular';	src: url('../fonts/bebas-neue-fontfacekit/BebasNeue-webfont.eot');	src: local('BebasNeueRegular'), url('../fonts/bebas-neue-fontfacekit/BebasNeue-webfont.woff') format('woff'), url('../fonts/bebas-neue-fontfacekit/BebasNeue-webfont.ttf') format('truetype'), url('../fonts/BebasNeue-webfont.svg#webfontYW4lu6A6') format('svg');	font-weight: normal;	font-style: normal;}body{	background:#000 url(../img/page-bckg.jpg);}.page{	display:block;	position:relative;	width:989px;	margin:auto;	padding:0 0 15px 15px;	font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;	background: url(../img/degrad.png) 50% 50% no-repeat;}.page h1{	display:block;	font-weight:normal;	color:#fff;	text-align:center;	margin:10px 0;	padding-top:10px;	font-family: 'BebasNeueRegular';	letter-spacing:2px;	font-size:40px;}.page ul{	list-style:none;	margin:0; padding:0;}.page .audio{	float:left;	width:190px;	height:310px;	margin-top:6px;	margin-right:6px;	background:#fff url(../img/bckg.jpg) no-repeat 0 0;	list-style:none;	position:relative;	cursor:help;}.page .audio1{	background-position:0 0;}.page .audio2{	background-position:-196px 0;}.page .audio3{	background-position:-392px 0;}.page .audio4{	background-position:-588px 0;}.page .audio5{	background-position:-784px 0;}.page .audio6{	background-position:0 -306px;}.page .audio7{	background-position:-196px -306px;}.page .audio8{	background-position:-392px -306px;}.page .audio9{	background-position:-588px -306px;}.page .audio10{	background-position:-784px -306px;}.page .audio .off{	position:absolute;	left:0; top:28px;	width:190px; height:282px;display:block;}.page .audio:hover .off{	display:none;}.page .audio .on{	position:absolute;	left:0; top:28px;	width:190px; height:282px;	display:none;	background:#000;	color:#ffffff;}.page .audio:hover .on{	display:block;}.page .audio h2{	padding-left:6px;	font-weight:normal;	font-size:12px;	margin:10px 0 0 0;}.page .audio h2 strong{	font-size:14px;}.page .audio p{	padding:6px;	font-weight:normal;	font-size:10px;	margin:0;}.page .audio audio{	width:190px;}.page .audio .audio-player{	display:none;}.page .audio .audio-player, object, .page .audio embed{	width:190px; height:28px;	padding:0; margin:0;}.page .audio .btn{	font-family: 'BebasNeueRegular';	text-transform:uppercase;	color:#ffffff;	background:#000;	border-bottom:1px solid #ffffff;	text-decoration:none;	line-height:27px;	height:27px;	width:190px;	text-align:center;	display:block;	letter-spacing:1px;	font-size:20px;}.page .audio .btn.play{	color:#000;	background:#ffffff;	border-bottom:1px solid #000;}.page .audio .btn:hover{	color:#ffffff;	background:#000;	border-bottom:1px solid #ffffff;}.page .social{	margin-top:15px;}/** * Easy clearing method (do not work in IE) * @section        clearing */.page ul:after{    display:block; clear:both;    visibility:hidden;    height:0;    content:".";}