/*
occasionally I use a css/xhtml friendly way to do rollover images
view http://www.simplebits.com/notebook/2003/09/30/accessible_imagetab_rollovers.html
for the method
*/

/* following code a base for the image replacements occuring throughout this site */
.ir {
	background: no-repeat 0 0;
	display: block;
	height/**/:/**/ 0 !important;
	overflow: hidden;
}

.clear {
	clear:both;
}

body {
	background:#000000 url(./images/bodybg.jpg) repeat-x top left;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#1b1b1b;
	text-align:center;
	font-size: 14px;
	line-height: 20px;
	padding:0;
}

#container {
	position:relative;
	width:1000px;
	margin:0 auto;
	text-align:left;
	padding:0;
}

a img {
	border:0;
}

p {
	
}

ul {

}

a {
	color:#000000;
}

a:hover {
	text-decoration:none;
}

#header {
	height:551px;
	width:311px;
	padding:551px 0 0 0;
	background:url(./images/h1.jpg) no-repeat top left;
	margin:0;
	font-size:1px;
	float:left;
}

#description {
	width:689px;
	float:left;
	margin:55px 0 0 0;
}

#backlink {
	width:98px;
	height:47px;
	padding:47px 0 0 0;
	background:url(./images/backlink.jpg) no-repeat top left;
	margin:0;
	clear:both;
}

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

#battery_fnav li {
	display:inline;
	padding:0;
	list-style:none;
}

#indexH2 {
	height:29px;
	width:505px;
	padding:29px 0 0 0;
	margin:0px;
	font-size:1px;
	background: url(./images/indexH2.jpg) no-repeat top left;
}

#subcontent {
	float:left;
	width:689px;
	margin:60px 0 0 0;
	color:#cbc7bc;
}

#subcontent a {
	color:#cbc7bc;
	text-decoration:underline;
}

#subcontent a:hover {
	color:#cbc7bc;
	text-decoration:none;
}

#performers {
	width:410px;
	float:left;
}

#performersH3, #infoH3, #photosH3 {
	height:26px;
	padding:26px 0 0 0;
	margin:0px;
	font-size:1px;
	color:#000000;
}

#performersH3 {
	background: url(./images/performersH3.jpg) no-repeat top left;
	width:192px;
}

#performers ul {
	list-style:none;
	padding:0px;
	margin:16px 0 0 0;
}

#performers li {
	margin:0 0 6px 0;
}

#performers span {
	margin:0 0 0 5px;
	font-size:18px;
	color:#fffdf8;
}

#info, #photos {
	float:left;
	display:block;
}

#infoH3 {
	background: url(./images/infoH3.jpg) no-repeat top left;
	width:100px;
}

#photos {
	
}

#thumbList {
	list-style:none;
	padding:0;
	width:270px;
	margin:0;
}

#thumbList li {
	list-style:none;
	margin:0 2px 3px 0px;
	display:inline;
}

#photosH3 {
	background: url(./images/photosH3.jpg) no-repeat top left;
	width:100px;
}

/*//////footer and below///////*/

#footer {
	font-size:11px;
	width:689px;
	color:#686868;
	margin:20px 0 0 311px;
	text-align:left;
	padding:20px 0 0 0;
	border-top:1px dotted #686868;
}

#footer ul {
	padding:0;
	list-style:none;
}

#footer a {
	font-weight:normal;
	color:#686868;
}

#footer a:hover {
	text-decoration:none;
	color:#ffffff;
}

#battery_fnav {
	
}

#faddress {
	
}
