/* CSS Document */

* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}
 img {
	border: 0;
	}

body {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	background-image: url(/images/holdingpagebg.jpg);
	
	background-repeat:repeat;
	text-align:center;
	background-position: center center;
}

img {
	border: 0;
	}

#distance { 
		width:1px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-300px; /* half of container's height */
		float:left;
		}
		
		

#wrapper {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:600px;
	width:960px;
	clear:left;
	background-image: url(/images/background.jpg);
}


#navigation {
	float: left;
	padding: 105px 0 0 83px;
	/*margin: 0 0 0 83px;*/
	width:258px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:258px;
	}
	
#content {
	float: left;
	width: 547px;
	margin: 53px 0 0 0;
	padding: 30px 0 0 0;
	overflow:hidden;
	height: 398px;
	}
	
#contentleft {
	float: left;
	width: 300px;
	margin: 0;
	}
	
#contentright {
	float: left;
	margin: 0 0 0 24px;
	width: 221px;
	}
	
#scrollbar {
	float: left;
	width: 57px;
	background:url(/images/scrollbar-background.jpg) no-repeat;
	background-position:center center;
	height: 421px;
	margin: 53px 0 0 0;
	}
	
.handle-vert{
	height: 60px;
	width: 43px;
	background: url(/images/rubiks-scroller.png) no-repeat;
	margin: 0 0 0 8px;
		}
		
.floatclearer {
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
}

#top-fade {
	position: absolute;
	top: 40px;
	left: 341px;
	width: 547px;
	height: 60px;
	z-index: 10;
	background-image:url(/images/top-fade.png);
}

#bottom-fade {
	position: absolute;
	top: 422px;
	left: 341px;
	width: 547px;
	height: 60px;
	z-index: 10;
	background-image:url(/images/bottom-fade.png);
}

#a-john-good-website {
	position: absolute;
	top: 552px;
	left: 60px;
	z-index: 10;
}

h1#press {
	background-image:url(/images/quotes.gif);
	background-repeat:no-repeat;
	display:block;
	height:0px;
	overflow:hidden;
	padding:21px 0pt 0pt;
	margin: 0 0 20px 0;
}

h1#about-the-show {
	background-image:url(/images/about-the-show.gif);
	background-repeat:no-repeat;
	display:block;
	height:0px;
	overflow:hidden;
	padding:21px 0pt 0pt;
	margin: 0 0 20px 0;
}

h1#tour-dates {
	background-image:url(/images/tour-dates.gif);
	background-repeat:no-repeat;
	display:block;
	height:0px;
	overflow:hidden;
	padding:21px 0pt 0pt;
	margin: 0 0 20px 0;
}

h1#biographies {
	background-image:url(/images/biographies.gif);
	background-repeat:no-repeat;
	display:block;
	height:0px;
	overflow:hidden;
	padding:21px 0pt 0pt;
	margin: 0 0 20px 0;
}

h1#gallery {
	background-image:url(/images/gallery.gif);
	background-repeat:no-repeat;
	display:block;
	height:0px;
	overflow:hidden;
	padding:21px 0pt 0pt;
	margin: 0 0 20px 0;
}

h1#contacts {
	background-image:url(/images/contacts.gif);
	background-repeat:no-repeat;
	display:block;
	height:0px;
	overflow:hidden;
	padding:21px 0pt 0pt;
	margin: 0 0 20px 0;
}

h1#clips {
	background-image:url(/images/clips.gif);
	background-repeat:no-repeat;
	display:block;
	height:0px;
	overflow:hidden;
	padding:21px 0pt 0pt;
	margin: 0 0 20px 0;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 10px 0;
	line-height: 22px;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 10px 0;
	line-height: 22px;
	color: #dc1f88;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 10px 0;
	line-height: 22px;
	color: #dc1f88;
}

p {
	font-size: 13px;
	line-height: 20px;
	padding: 0 0 10px 0;
}

a, a:link, a:visited, a:hover, a:active {
	text-decoration: underline;
	color: #dc1f88 
}


.bold {
	font-weight: bold;
	}
	
.pink {
	color: #dc1f88;
	}
	
.pinkBold {
	color: #dc1f88;
	font-weight: bold;
	}

/***** krishna(24/11/08)- Gallery *****/

#galleryWrapper
{
	float:left;
}

.thumbnail {
	margin-right: 15px;
	padding: 15px 0 0 0;
	float: left;	
}


.lastOne {
	margin-right: 0;
}

.thumbnail img {
	border:none;
}