@charset "UTF-8";
/* CSS Document */

body {
    font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#534741;
	margin:0px; padding:0px;
	color:#534741;
	background-image:url(images/site_bg.png);
}
body, html {
    height: 100%;
    margin: 0px;
	padding: 0px;
}

div, p, h1, h2, h3, h4, img, a,  ul, li {
    margin:0px; padding:0px;
}
table {
    border-left:1px solid #000000;
	border-right:1px solid #000000;

}
#site {
	position:relative;
	width:800px; height:900px;
	background-image:url(images/choc_bg.png);
	background-repeat:no-repeat;
	background-position:-1px 110px;
}
#wrapper {
	background-image:url(images/site_bg.png);
	height:900px;
	position:relative;
}
html {
     overflow: -moz-scrollbars-vertical;
}
a:visited, a:active {
    color:#382F27;
}
a:active
{
outline: none;
}
a:focus
{
-moz-outline-style: none;
}

/* Header Styles */
#header {
    width:800px; height:180px;
	background-image:url(images/topstrip.png);
	background-repeat:no-repeat;
	background-position:top left;
}
#header ul {
	padding-top:40px; padding-left:14px;
}
#header ul li {
	display:inline;
	margin-right:40px;
}
#header img {

}
#header ul li a {
	color:#C7B299;
	font-size:18px;
	text-decoration:none;
}
#header ul li a:hover {
	color:#FFF;
}
#header ul li a.current {
	color:#FFF;
}

/* Home Styles */
#home_main {
	width:767px;
	height:693px;
	margin:0 auto; 
	position:relative;
	background-image:url(images/home_copy_bg.png);
	background-repeat:no-repeat;
	border:4px solid #666666;
}
#logo img.logo {
	position:absolute;
	top:7px; right:5px;
}
#home_copy {
	width:437px; height:560px;
	background-image:url(images/welcome_note.png);
	background-repeat:no-repeat;
	margin:0px 0px 0px 103px;
	font-size:18px;
	font-style:italic;
}
#home_copy p {
	padding-left:45px;
}
#home_copy p.home_top {
	padding-top:180px;
}
#home_copy p.home_mid {
	padding-top:30px;
}
#home_copy p.home_bot {
	padding-top:40px;
}

/* Products Styles */
#products {
	width:540px;
	padding-top:10px;
	padding-left:10px;
}
#products a img {
	border: 1px solid #CCC;
	padding: 3px;	
	margin:0px 15px 15px 0px;
}
#products a img:hover {
	border:1px solid #534741;
}
#products h2 {
	font-size:15px;
	padding-top:10px;
	padding-bottom:15px;
	margin-left:110px;
}

/* About Styles */
#about {
	width:600px;
}
#about h2 {
	font-size:15px;
	padding-top:10px;
	padding-bottom:20px;
	text-align:center;
}
#about p {
	text-align:center;
	font-size:14px;
	padding-left:10px;
	padding-right:20px;
	padding-bottom:20px;
}

/* Contact Styles */
#location {
    margin-left:100px;
	padding-top:0px;
	width:400px;
}
#location h2 {
	font-size:15px;
	padding-top:10px;
	padding-bottom:20px;
	text-align:center;
}
#location p {
	text-align:left;
}
#location img {
	border: 1px solid #CCC;
	padding: 3px;
}
#contact {
	margin-left:210px;
	padding-top:0px;
	width:180px;
}
#contact h2 {
    font-size:15px;
	padding-top:10px;
	padding-bottom:20px;
	text-align:center;
}
#contact p {
    font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:19px;
	padding-top:0px;
	margin-top:0px;
}
#contact form p {
    font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:19px;
	padding-bottom:5px;
	font-size:11px;
}
#contact form {
    margin-top:20px;
	margin-bottom:30px;
}
#contact a {
	color:#2E3192;
	font-weight:bold;
	text-decoration:none;
}
#contact a:hover {
    color:#534741;
}
#contact_send {
	margin-left:200px; 
	margin-top:200px;
	text-align:center;
	width:250px;
}
#back_form {
	margin-top:80px;
}
#back_form a {
	color:#2E3192;
	font-weight:bold;
	text-decoration:none;
}
#back_form a:hover {
	color:#534741;
}
/* Footer Styles */
#footer {
	background-image:url(images/footer_bg.png);
	background-repeat:no-repeat;
	width:800px; height:33px;
	position:absolute;
	bottom:0px;
}
#footer p {
	text-align:right;
	color:#FFF;
	padding-top:13px;
	padding-right:46px;
	font-size:11px;
}

/* Stores Styles */
#stores {
	width:600px;
}
#stores h2 {
	font-size:15px;
	padding-top:10px;
	padding-bottom:20px;
	text-align:center;
}
#stores table {
	border-left:none;
	border-right:none;
	padding-top:20px;
}
#stores table td {
padding-bottom:20px;
	
}
#stores table td img {
padding:4px;
}
#stores table td a img {
border: 1px solid #CCC;
}
#stores table td a img:hover {
border:1px solid #534741;
}

/* Stylesheet for for jScrollPane  */


.scroll-pane_home {
    padding-right:10px;
	padding-bottom:5px;
	clear:both;
	text-align:left;
	height:655px;
	width:545px;
}
.scroll-pane_bio {
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	clear:both;
	text-align:left;
	height:546px;
	width:524px;
}
.scroll-pane_press {
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	clear:both;
	text-align:left;
	height:546px;
	width:524px;
}
.scroll-pane_gigs {
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	clear:both;
	text-align:left;
	height:546px;
	width:524px;
}

.orange-bar .jScrollPaneTrack {
	background: #000;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}
	

.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 400px;
}

#pane1 {
	clear:both;
	text-align:left;
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background-color:#DFD5C7;
}
.jScrollPaneDrag {
	position: absolute;
	background: #000000;
	cursor: pointer;
	overflow: hidden;
	max-height:100px;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}