@font-face {
	font-family: 'ChantelliAntiquaRegular';
	src: url('chantelli_antiqua-webfont.eot');
	src: local('☺'), url('../fonts/chantelli_antiqua-webfont.woff') format('woff'), url('../chantelli_antiqua-webfont.ttf') format('truetype'), url('../chantelli_antiqua-webfont.svg#webfontqcnrYKof') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, address, cite, code, del, dfn, em, img, ins, q, samp, strong, sub, sup, 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; vertical-align: baseline; background: transparent;}

html {font-size: 70%;}
body {margin: 6px auto; font: 1.2em/1.7 "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; background-color: #333; color: #FFF;}
a {text-decoration: underline; color: #FC0;}
a:visited {color: #BBB;}
a:hover {color: #FC0; text-decoration: none;}
p {margin: 0 0 1em 0; line-height: 1.6em;}
img {border: 0 none; -ms-interpolation-mode: bicubic;}
ul {list-style-type: none;}
h1, h2, h3 {font-weight: bold; font-style: italic;}

h1 a {display: block; width: 960px; height: 142px;}
h2 {margin: 1em 0; font: 1.3em ChantelliAntiquaRegular; text-align: left; letter-spacing: 0.6em;}
h3 {border-top: 1px solid #333; color: #FFF; margin-top: 10px; padding: 6px 0; font: 1.1em ChantelliAntiquaRegular; text-align: left; letter-spacing: 0.4em;}
h3:first-of-type {border-top: 0 none;}
fieldset {border: 0 none;}
blockquote {margin: 0 0 10px 100px;}
h1 {width: 960px; height: 142px; background: url(../IMG/global/title.jpg) no-repeat 0 0;}
.offScreen {position: absolute; top: -400px; width: 1px; height: 1px; overflow: hidden;}
.photo, .photoRight {float: left; width: 420px; margin-bottom: 1em;}
.photoRight {margin-left: 60px;}
.photo p, .photoRight p {margin: 0;}
#bgPhoto {position: fixed; z-index: 0; top: 30%; right: 10px;}

#outerWrapper {
	position: relative;
	z-index: 1;
	width: 960px;
	overflow: auto;
	margin: 0 auto;
	background: #000000 url(../IMG/global/mainBG.jpg) no-repeat 0 176px;
	box-shadow: 8px 8px 18px #111;
	-moz-box-shadow: 8px 8px 18px #111;
	-webkit-box-shadow: 8px 8px 18px #111;
}

#nav {clear: both; text-align: center; padding: 13px 0 0; border-top: 1px solid #444; overflow: hidden;}
#nav li {display: inline-block; width: 184px; height: 50px; font-weight: bold; font-variant: small-caps; letter-spacing: 0.6em; text-align: center; border: 1px solid #222; background-color: #00000; margin: 0 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-transition: all 1s ease-in-out;}
*+html #nav li {display: inline;}
#nav a {display: block; width: 184px; height: 24px; padding-top: 1px; text-decoration: none; -webkit-transition: all 1s ease-in-out;}
#nav a:visited {color: #FC0;}
#nav a:hover {color: #FFF; -webkit-transition: all 1s ease-in-out;}
#nav li:hover {background-color: #282302; color: #FFF; -webkit-transition: all 1s ease-in-out;}

#main {min-height: 600px; padding: 0 30px;}
#main li {margin-top: 0.5em;}
#main .album {clear: both; overflow: hidden;}
#main .albumInfo {float: left; width: 418px;}
#main .tracks {float: left; width: 220px; margin: 0 20px; padding: 10px; background-color: #222; border: 1px solid #000; border-radius: 10px; -moz-border-radius: 10px;background: -webkit-gradient(radial, left top, 0, right top, 500, from(#000), color-stop(50%, #222), to(#444));
	background: -moz-radial-gradient(top left, #000, #222, #444);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#222222');}
#main .tracks ul {font-size: 1em;}
#main .empty {float: left; width: 260px;}
#main .image {float: left; width: 200px; text-align: center;}
#main .image img {box-shadow: 8px 8px 8px #111; -moz-box-shadow: 8px 8px 8px #111; -webkit-box-shadow: 8px 8px 8px #111;}
#main .image p {margin-top: 1em;}
#main .title {margin-bottom: 1.2em; font-weight: bold; font-style: italic;}
#main a {font-weight: bold;}

#footer {clear: both; margin-top: 30px; background-color: #010101; border-top: 1px solid #222;}
#footer {text-align: center;}
#footer li {display: inline; margin: 0 1em; line-height: 38px;}
#footer p {margin-bottom: 0; padding-bottom: 1em;}

#reviews p {margin-top: 2em;}

#home #main img {float: right; margin: 1em; box-shadow: 8px 8px 18px #111; -moz-box-shadow: 8px 8px 18px #111; -webkit-box-shadow: 8px 8px 18px #111;}
#home #main p {line-height: 2em;}

.photo_slider {position: relative; width: 200px; height: 200px;	overflow: hidden;}
.info_area {display: none;}
.builtBy {text-align: center; color: #666; background-color: #010101;}
.builtBy a {color: #666;}
.text {background-color: rgba(4,1,40,0.6)}
.cd {margin: 30px; float: left;}
.topm {margin-top: 50px;margin-right: 30px;}

@media screen and (min-width: 1200px) {
	#outerWrapper {width: 1160px; background-position: 154px 176px;}
	h1, h1 a {width: 1160px; background-image: url(../IMG/global/titleWide.jpg);}
	#main .albumInfo {width: 618px;}
	.photo, .photoRight {float: left; width: 420px; margin: 0 40px 1em;}
	.photoRight {margin-left: 140px;}
}
.container {
	float: right;
  position: relative;
  height: 470px;
  width: 400px;
  overflow: hidden;
  margin: 0 auto;
  z-index: 2;
  background-color: rgba(4,1,40,0.6)}
}

.container a {
  float: left;
  margin: 0px;
}
 
.big {
  position: absolute;
  top: 1000px;
  left: 0px;
}



.big {
  position: absolute;
  top: 1000px;
  left: 0px;

  -webkit-transition: top 1s ease;
  -moz-transition: top 1s ease;
  -o-transition: top 1s ease;
  -ms-transition: top 1s ease;
  transition: top 1s ease;
}
.featured {
  top: 75px;
  left: 0px;
  z-index: -1;
}
.annie {
	top: 75px;
	left: 25px
}  
a:hover .thumb {
  -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}
 
a:hover .big {
  top: 75px;
}