html {
	background-color: #000;
    overflow-y: scroll;
}

body {
	margin: 0;
	padding: 0;
	color: #F0F0F0;
	font: 13px/18px Arial, Helvetica, sans-serif;
	background: #101010 url("../images/g-5_bg.jpg") top center no-repeat;
}

a {
	color: #F79C34;
	text-decoration: none;
	outline: none;
}

a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6, p {
	margin: 0 0 1em;
	padding: 0;
}

h3, #header ul li a, p.quote {
	font-family: "PT Sans Narrow", sans-serif;
	font-weight: 400;
}

h3, p.quote { color: #777; }

h3 {
	margin-top: 40px;
	font-size: 28px;
}

h4 {
	color: #999;
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
}

img { border: none; }

#content_wrap {
	width: 980px;
	min-height: 700px;
	margin: 0 auto;
}

#content_wrap .cl { clear: left; }

#header {
	position: relative;
	height: 140px;
}

#header h1 {
	position: absolute;
	top: 44px;
	left: 85px;
	width: 277px;
	height: 88px;
	margin-bottom: 0;
	text-indent: -9999px;
	background-image: url("../images/v-guitar_logo.png");
}

#header h2 { display: none; }

#header ul {
	position: absolute;
	top: 90px;
	right: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

#header ul li {
	display: inline-block;
	float: left;
}

#header ul li a {
	#display: block;
	padding: 0 8px 2px;	
	color: #FFF;
	font-size: 16px;
	border-left: #F79C34 1px solid;
	border-bottom: #F79C34 1px solid;
}

#header ul li a:hover, #header ul li a.active { background: transparent url("../images/nav_bg_over.png") bottom center repeat-x; }
#header ul li a:hover { text-decoration: none; }
#header ul li a.active { color: #F79C34; }
#header ul li:first-child a { border-left: none; }

#content { padding-left: 180px; }
#content iframe.marquee { border: #202020 16px solid; }
#content iframe.intro { margin-bottom: 1em; }

#content p.quote {
	float: right;
	width: 175px;
	margin: 0 0 0 12px;
	padding-left: 12px;
	font-size: 24px;
	line-height: 36px;
	border-left: #777 3px solid;
}

#content img.right {
	float: right;
	margin: 0 0 1em 1em;
}

#content ul { margin: 1.5em 0; }
#content li { color: #999; }

#artists {
	margin: 0;
	padding: 0;
	list-style: none;
}

#artists li {
	width: 250px;
	height: 250px;
	float: left;
	margin-right: 25px;
}

#artists li.last { margin-right: 0; }
#artists li:last-child { margin-bottom: 0; }

#artists li {
	position: relative;
	margin-bottom: 25px;
}

#artists li h3 {
	position: absolute;
	left: 0;
	bottom: -46px;
	width: 218px;
	margin: 0;
	padding: 12px 0;
	color: #FFF;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	background-color: #333;
	background-color: rgba(0,0,0,.7);
	-webkit-transition: bottom 0.25s ease;
	-moz-transition: bottom 0.25s ease;
	-ms-transition: bottom 0.25s ease;
	-o-transition: bottom 0.25s ease;
	transition: bottom 0.25s ease;
}

#artists li a {
	position: relative;
	display: block;
	height: 218px;
	border: #202020 16px solid;
	overflow: hidden;
}

#artists li a:hover { border: #333 16px solid; }
#artists li a:hover h3 { bottom: 0; }
#artists li a:hover, #artists li a:focus { text-decoration: none; }

/*.artist_overlay .fancybox-skin {
	background: #000;
	color: #F0F0F0;
}*/

.artist_info { padding: 10px; }

.artist_info h3 {
	margin: 0;
	font-size: 40px;
	line-height: normal;
}

.artist_info div.frame {
	float: left;
	width: 270px;
	height: 270px;
	margin: -8px 17px 6px -10px;
	background-image: url("../images/frame.png");
}

.artist_info img { margin: 26px; }
.artist_info ul { list-style: inside; }
.artist_info p { margin-bottom: 1.5em; }

#footer_wrap {
	margin-top: 28px;
	background-color: #000;
	border-top: #404040 1px solid;
}

#footer {
	width: 980px;
	margin: 0 auto;
}

#footer ul {
	float: right;
	margin: 0;
	padding: 16px 0 0 0;
	list-style: none;
}

#footer ul li { float: left; }

#footer ul li a {
	display: block;
	width: 67px;
	height: 60px;
	text-indent: -9999px;
	background: url("../images/footer_logos.png") no-repeat;
}

#footer ul li a.roland {
	background-position: -67px 0;
	width: 78px;
}

#footer ul li a.fender {
	background-position: -145px 0;
	width: 65px;
}
