/* reset css */
@font-face {
  font-family: "ChunkFive";
  src: url(/images/chunkfive.otf);
}

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: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
}
ol, ul {
	list-style: none;
}
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: "" "";
}
/* General */

body {
	font-family: "Lucida Sans", "Lucida Grande", Arial, "sans-serif";
	font-size: 12px;
	line-height: 16px;
	background:url(images/body-bg.jpg) top center repeat-x fixed #b9d3f8; 
	width: 10000px;
	overflow: hidden;
	color:#fff;
}
.wrapper {
	float: left;
	display: block;
	width: 2000px;
	position: relative;
	z-index:0 !important;
}
.inner {
	width: 960px;
}
#globalHeader {
	display:block;
	position:fixed;
	top:0px; left:0px;
	margin:30px;
	width:1000px; height:170px;
	z-index:2;
}
#globalHeader h1 {
	width:537px; height:146px;
	background:url(images/qlassik.png) top left no-repeat;
	text-indent:-999em;
	float:left; clear:both;
}
#globalHeader nav {
	display:block;
	float:right;
	position:absolute;
	top:130px; left:110px;
}
#globalHeader nav ul {
	height:34px; width:550px;
	float:left;
}
#globalHeader nav ul li {
	float:left;
}
#globalHeader nav ul li a {
	float:left;
	display:block;
	height:34px;
	text-indent:-999em;
	background-image:url(images/navSprite.png);
	background-repeat:no-repeat;
}
#globalHeader nav ul li a#home-link { width:82px; background-position:0px -34px; }
#globalHeader nav ul li a#home-link.current { background-position:0px 0; }

#globalHeader nav ul li a#reel-link { width:89px; background-position:-102px -34px; }
#globalHeader nav ul li a#reel-link.current { background-position:-102px 0; }

#globalHeader nav ul li a#fotos-link { width:99px; background-position:-216px -34px; }
#globalHeader nav ul li a#fotos-link.current { background-position:-216px 0; }

#globalHeader nav ul li a#musica-link { width:97px; background-position:-341px -34px; }
#globalHeader nav ul li a#musica-link.current { background-position:-341px 0; }

#globalHeader nav ul li a#contact-link { width:89px; background-position:-460px -34px; }
#globalHeader nav ul li a#contact-link.current { background-position:-460px 0; }

#globalFooter {
	width:100%; height:50px; display:block;
	background:url(images/globalFooter.png) top left repeat-x transparent;
	position:fixed; bottom:0px; left:0px;
}
#globalFooter #player {
	position:absolute;
	bottom:0; right:30px;
	height:40px; width:100%;
}
#globalFooter #player nav#recently-played-songs {
	display:none;
	position:absolute; top:-25px; right:0;
}
#globalFooter #player nav#recently-played-songs .song {
	width:22px; height:28px;
	background-image:url(images/songIcon.png);
	background-position:bottom right;
	text-indent:-999em;
	float:left;
	display:block;
	cursor:pointer;
	margin-left:5px;
}
#globalFooter #player nav#recently-played-songs .playing {
	width:33px; height:42px;
	background-position:top left;
	margin-top:-10px;
}
#music-player {
	float:right;
	margin-top:7px;
}
#recently-played-songs p {
	float:left;
	color:#fff;
	font-size:12px; font-weight:bold;
	text-shadow: #000 1px 1px 1px;
	margin-top:-2px;
}
/* home */
#home .inner {
	padding:240px 0px 0px 40px;
	}
h1 {
	font-size:32px;
	text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 1px;
	line-height:32px;
	font-family:"ChunkFive", 'Lucida Sans', sans-serif;
}
p {
	font-size:12px; margin-bottom:10px;
	text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 1px;
}
a { color:#fff; }

#home .inner article {
	display:block;
	width:340px;
	float:left;
	margin-right:40px;
	}
#home .inner article header {
	display:block;
}



#home .inner {
	padding:240px 0px 0px 40px;
}

/* reel */
#reel .inner {
	padding:240px 0px 0px 40px;
}

/* fotos */
#fotos .inner {
	padding:240px 0px 0px 40px;
}

/* musica */
#musica .inner {
	padding:240px 0px 0px 40px;
}

/* contact */
#contact .inner {
	padding:240px 0px 0px 40px;
}


/* Tracks */
ul.music,
ul.music li,
ul.music li a,
ul.music li img{
	margin:0;
	padding:0;
	list-style:none;
	border:0;
	text-decoration:none;
	display:block;
}
ul.music li{
	margin:0px 15px 55px 0;
	float:left;
	position:relative;
}
ul.music li span.overlay {
	display:block;
	position:relative;
	float:left;	
	width:80px;
	height:80px;
	text-indent:-1000em;
	overflow:hidden;
	z-index:2;						
	background:url(images/album_overlays/vinyl.png) 0 0 no-repeat;
	width:96px;
	height:76px;
}
ul.music li img{
	position:absolute;
	border:0;
	width:72px;
	height:72px;
	left:2px;
	top:1px;
}		
ul.music > li {
	background:url(images/album_overlays/vinyl_insert.gif) 2px 1px no-repeat;							
}
ul.music li span.title {
	font-size:10px;
	position:absolute; top:80px; left:0;
	width:72px;
	text-align:center;
	color:#fff;
	opacity:0;
	display:inline;
}
ul.music li span.title > span { display:block; }
.tracks {
	float:left;
	width:200px;
}
.tracks h2 {
	font-size:18px;
	margin-bottom:5px;
}
ol.track-listing li {
	list-style:decimal;
	margin-left:20px;
}
#globalFooter a.soundcloud {
	padding-left:95px; padding-top:20px;
	height:27px;
	display:block;
	background-image:url(images/soundcloud.png);
	background-position:0px -47px;
	background-repeat:no-repeat;
	text-align:center; text-decoration:none; color:#999999;
	position:absolute; z-index:99;
	bottom:5px; left:20px;
}
#globalFooter a.soundcloud:hover {
	background-position:0px 0px;
}