@charset "utf-8";
/* BitterSweetIndustries.co.uk CSS Document */

body {
	background-color:#000000;
	background-image:url(../images/bg.png);
	font-family:arial;
	font-size:12px;
	color:#ffffff;
	}
p {
	font-family:arial;
	font-size:12px;
	color:#ffffff;
}
a {
	font-family:arial;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	outline:none;
}
a:hover {
	font-family:arial;
	font-size:12px;
	color:#00FFFF;
}

.clear{clear:both;}
* {
	margin: 0px;
	padding: 0px;
	}
#container {
	margin: 0 auto;
	width:800px;
	
	}
#header {
	float:left;
	width:800px;
	height:150px;
	padding-top:30px;
	text-align:center;
	}
#nav {
	float:left;
	width:760px;
	height:10px;
	background-image:url(../images/headers/nav.jpg);
	text-align:right;
	padding: 20px 20px 20px 20px;
	text-align:center;
	}
#title {
	float:left;
	width:800px;
	height:50px;
	margin-top:40px;
	}
#main {
	float:left;
	width:800px;
	padding:20px 0px 20px 0px;
	}
	
#mainindex {
float:left;
	float:left;
	width:800px;
	margin-top:20px;
	}
	
	
#footer {
	float:left;
	clear:both;
	width:760px;
	height:25px;
	padding:40px 20px 10px 20px;
	line-height:18px;
	text-align:center;
	}
	
#validation {
	float:left;
	width:760px;
	height:230px;
	padding:40px 20px 10px 20px;
	line-height:18px;
	text-align:right;
	}
/* FONTS */
.nav {
	font-size:14px;
	font-weight:bold;
	color:#0000CC;
	}
.nav a{
	font-size:14px;
	font-weight:bold;
	color:#0000CC;
	}
.nav a:hover{
	font-size:14px;
	font-weight:bold;
	}
	

.quote {
	font-size:18px;
	}

.footer {
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	}
.footer a{
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	}
.footer a:hover{
	font-size:10px;
	color:#00FFFF;
	text-align:center;
	}
	
/** CONCERT PAGE **/
.thumb {
	float:left;
	width:150px;
	height:150px;
	margin:3px;
	border:thick solid #FFFFFF;
	background-color:#000000;
	}
.detail {
	float:left;
	width:163px;
	height:70px;
	margin:3px;
	}
.center {
	text-align:center;
	padding-left:60px;
	}
.album {
	text-align:center;
	padding-left:20px;
	padding-bottom:20px;
	}
.galleryholder {
	width:800px;
	}
.gallery {
	float:left;
	}
	
.leftbar {
	float:left;
	width:240px;
	margin-right:3px;
	}
.navimg {
	width:200px;
	height:110px;
	}
.navdates {
	float:left;
	width:40px;
	height:150px;
	}
	
/** GALLERY **/

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; display:none; background-color:#000}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:375px;  border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat; background-color:#000000;}
#thumbnails {margin-top:15px; background-color:#000000;}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}