
* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #38373B;
	background-color: #000;
	color: #d9d9d9;
	font: 16px/20px Arial, Helvetica, sans-serif;
	margin-top: 18px;

}

#container {
	width: 970px;
	height: 728px;
	margin: 0 auto;
	position: relative;
	background-image:  url(../x_img/background.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
#logo {
	text-indent: -30000em;
	width: 235px;
	height: 112px;
	top: 26px;
	left: 26px;
	background: url(../x_img/logo.gif) no-repeat left top;
	position: absolute;
	z-index: 5000;
}
/* - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - >>> GLOBAL NAV <<< -  - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - */
#globalnav {
	height: 34px;
	text-align: left;
	position: absolute;
	left: 267px;
	top: 26px;
}
#globalnav li {
	float: left;
	list-style: none;
}
#globalnav li a {
	display: block;
	height: 34px;
	text-indent: -30000em;
}
#globalnav li#what a {
	width: 154px;
	background-image:   url(../x_img/nav/what.jpg);
}
#globalnav li#where a {
	width: 195px;
	background-image:   url(../x_img/nav/where.jpg);	
}
#globalnav li#meet a {
	width: 160px;
	background-image:   url(../x_img/nav/meet.jpg);
}
#globalnav li#how a {
	width: 109px;
	background-image:   url(../x_img/nav/how.jpg);
}
#globalnav li#thanks a {
	width: 72px;
	background-image:   url(../x_img/nav/thanks.jpg);
}
#globalnav li a:hover {
	background-position: 0 -34px;
}


#whatpage #globalnav li#what a, 
#wherepage #globalnav li#where a, 
#bookpage #globalnav li#how a, 
#thankpage #globalnav li#thanks a, 
.venuepage #globalnav li#where a, 
.musicianpage #globalnav li#meet a {
	background-position: 0 -34px;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - >>> INFO PAGES <<< -  - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - */
.infopage #content {
	position: absolute;
	top: 220px;
	left: 267px;
	width: 535px;
}
.infopage #content p{
	padding: 18px 5px 0px 5px;
}
.infopage #content h2 {
	text-indent: -3000em;
	height: 26px;
}
.infopage p a {
	color: #fff;
	text-decoration: underline;
}
.infopage p a:hover {
	color: #ccc;
	text-decoration: none;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - >>> IMAGE REPLACEMENT for H2 <<< -  - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#whatpage #content h2 {
	width: 250px;
	background: url(../x_img/headings/what-its-all-about.jpg) no-repeat left top;
}
#bookpage #content h2 {
	width: 250px;
	background: url(../x_img/headings/how-to-book.jpg) no-repeat left top;
}
#thankpage #content h2 {
	width: 320px;
	text-indent: -3000em;
	background: url(../x_img/headings/thank.jpg) no-repeat left top;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - >>> HANGING LOGOS and FOOTERS <<< - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#whatpage #credits {
	position: absolute;
	left: 740px;
	top: 648px;
}
#thankpage #thankslogos1 {
	position: absolute;
	left: 267px;
	top: 399px;
}
#thankpage #thankslogos2 {
	position: absolute;
	left: 267px;
	top: 451px;
}
#thankpage #thankslogos3 {
	position: absolute;
	left: 267px;
	top: 508px;
}


a {
	outline: none;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - >>> MAP = where page <<< -  - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - */
#wherepage p {
	text-indent: -3000em;
}
#wherepage p a {
	position: absolute;
	display: block;
	width: 175px;
	height: 175px;
}
#wherepage p a:hover {
	background-position: 0 -175px;
}
#wherepage h2 {
	text-indent: -30000em;
}
#smoo a{
	left: 490px;
	top: 118px;
	background: url(../x_img/venue-nav/smoo-cave.jpg) no-repeat left top;
} 
#wormit a {
	left: 132px;
	top: 297px;
	background: url(../x_img/venue-nav/wormit-reservoir.jpg) no-repeat left top;
}
#tugnet a {
	left: 311px;
	top: 297px;
	background: url(../x_img/venue-nav/tugnet-ice-house.jpg) no-repeat left top;
}
#ring a {
	left: 669px;
	top: 297px;
	background: url(../x_img/venue-nav/ring-of-brodgar.jpg) no-repeat left top;
}
#lyness a {
	
	left: 490px;
	top: 297px;
	background: url(../x_img/venue-nav/lyness-oil-tank.jpg) no-repeat left top;
}
#hamilton a{
	left: 132px;
	top: 476px;
	background: url(../x_img/venue-nav/hamilton.jpg) no-repeat left top;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - >>> VENUE PAGES <<< - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - - - - - */
/* venue pages, common styles */

.venuepage #content {
	position: absolute;
	left: 510px;
	top: 85px;
	width: 433px;
	
	background: #fff;
	min-height: 331px;
	z-index: 500;
}
.venuepage #image1 {
	position: absolute;
	left: 26px;
	top: 85px;
}
.venuepage #image2 {
	position: absolute;
	left: 510px;
	top: 429px;
}
.venuepage #content h2 {
	text-indent: -3333em;
	height: 50px;
}
.venuepage #content h4{
	display: none;
}
.venuepage #content p {
	margin: 0 18px 11px 10px;
	font-size: 13px;
	line-height: 14px;
	color: #57565C;
}
.venuepage #content p em{
	font-size: 12px;
	line-height: 13px;
	color: #57565C;
	font-style: normal;
}
.venuepage #content #directions {
	text-indent: -3333em;
	background: #FFFFFF url(../x_img/venues/directions.gif) no-repeat left top;
}

.venuepage #backbutton {
	position: absolute;
	left: 421px;
	top: 60px;
	text-indent: -3333em;
}
.venuepage #backbutton a {
	display: block;
	height: 22px;
	width: 200px;
	background: url(../x_img/nav/back.jpg) no-repeat left top;
}
.venuepage #backbutton a:hover {
	background-position: 0 -22px;
}
.venuepage #moreinfo {
	text-indent: -3333em;
}
.venuepage #moreinfo a {
	display: block;
	height: 14px;
}
/*------------------------------------*/
/* venue pages, page-specific styles */
/*------------------------------------*/
#lynesspage #content {
	background: #FFFFFF url(../x_img/venues/lyness-bg.gif) no-repeat left top;
}
#lynesspage #moreinfo a {
	background: #FFFFFF url(../x_img/venues/lyness-more-info.gif) no-repeat left top;
}
#smoopage #content {
	background: #FFFFFF url(../x_img/venues/smoo-bg.gif) no-repeat left top;
}
#smoopage #moreinfo a {
	background: #FFFFFF url(../x_img/venues/smoo-more-info.gif) no-repeat left top;
}
#ringpage #content {
	background: #FFFFFF url(../x_img/venues/ring-bg.gif) no-repeat left top;
}
#ringpage #moreinfo a {
	background: #FFFFFF url(../x_img/venues/ring-more-info.gif) no-repeat left top;
}
#tugnetpage #content {
	background: #FFFFFF url(../x_img/venues/tugnet-bg.gif) no-repeat left top;
}
#tugnetpage #moreinfo a {
	background: #FFFFFF url(../x_img/venues/tugnet-more-info.gif) no-repeat left top;
}
#hamiltonpage #content {
	background: #FFFFFF url(../x_img/venues/hamilton-bg.gif) no-repeat left top;
}
#hamiltonpage #moreinfo a {
	background: #FFFFFF url(../x_img/venues/hamilton-more-info.gif) no-repeat left top;
}
#wormitpage #content {
	background: #FFFFFF url(../x_img/venues/wormit-bg.gif) no-repeat left top;
}
#wormitpage #moreinfo a {
	background: #FFFFFF url(../x_img/venues/wormit-more-info.gif) no-repeat left top;
}







/* - - - - - - - - - - - - - - - - - - - -  - - - - - */
/* - - - - - - - >>> MUSICIAN PAGES <<< - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - -  - - - - - */

/* - - - - - - - - - - - - - - - - - - - - - - -  - - */
/* musician pages, common styles */

.musicianpage #content {
	position: absolute;
	left: 644px;
	top: 85px;
	width: 299px;
	background: #fff;
	min-height: 575px;
	z-index: 500;
}
.musicianpage #image1 {
	position: absolute;
	left: 26px;
	top: 85px;
}
.musicianpage #image2 {
	position: absolute;
	left: 403px;
	top: 85px;
}
.musicianpage #image3 {
	position: absolute;
	left: 403px;
	top: 375px;
}
.musicianpage #content h2 {
	text-indent: -3333em;
	height: 50px;
}
.musicianpage #content h4{
	display: none;
}
.musicianpage #content p {
	margin: 0 18px 11px 13px;
	font-size: 13px;
	line-height: 14px;
	color: #57565C;
}
.musicianpage #content p em{
	font-size: 12px;
	line-height: 13px;
	color: #57565C;
	font-style: normal;
}
.musicianpage #content #listen {
	text-indent: -3333em;
	margin-top: 25px;
	background: #FFFFFF url(../x_img/musicians/listen-here-bigger.gif) no-repeat left top;
	line-height: 15px;
}

.musicianpage #content #links {
	margin-top: 25px;
	text-indent: -3333em;
	background: #FFFFFF url(../x_img/musicians/links.gif) no-repeat left top;
	line-height: 15px;
}
.musicianpage #content .poplinks{
	font-size: 13px;
	line-height: 17px;
	margin: 0 18px 11px 13px;
	color: #57565C;
}
.musicianpage #content .poplinks td{
	padding-right: 18px;
}
.musicianpage #content  a{
	color: #000;
	text-decoration: none;
}
.musicianpage #content a:hover{
	color: #57565C;
	text-decoration: underline;
}
.musicianpage #akio-suzuki {
	position: absolute;
	left: 616px;
	top: 60px;
	text-indent: -3333em;
}
.musicianpage #john-butcher {
	position: absolute;
	left: 704px;
	top: 60px;
	text-indent: -3333em;
}
.musicianpage #akio-suzuki a {
	display: block;
	height: 22px;
	width: 88px;
	background: url(../x_img/nav/akio.jpg) no-repeat left top;
}
.musicianpage #john-butcher a {
	display: block;
	height: 22px;
	width: 100px;
	background: url(../x_img/nav/john.jpg) no-repeat left top;
}
.musicianpage #akio-suzuki a:hover, .musicianpage #john-butcher a:hover {
	background-position: 0 -22px;
}

/*------------------------------------*/
/* musician pages, page-specific styles */
/*------------------------------------*/
#akiopage #content {
	background: #FFFFFF url(../x_img/musicians/akio-bg.gif) no-repeat left top;
}
#akiopage #akio-suzuki a {
	background-position: 0 -22px;
}
#johnpage #content {
	background: #FFFFFF url(../x_img/musicians/john-bg.gif) no-repeat left top;
}
#johnpage #john-butcher a {
	background-position: 0 -22px;
}