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

body {
	margin:0px; 
	padding:0px;
	text-align:center;
	background-color:#2E2E2E;
	}
	
div.wrap {
	width:800px;
	height:auto;
	padding:0px;
	margin:0px auto;
	text-align:center;
	background-image:url(../Images/Site/background.jpg);
	background-color:#333333;

}
	
div.header1 {
	width:400px;
	height:125px;
	margin:0px auto;
	text-align:left;
	float:left;
	background-image:url(../Images/site/header1.jpg);
	border-bottom:#CC0000 solid 3px;
	margin-bottom:20px;
	}
	
div.header2 {
	width:400px;
	height:125px;
	margin:0px auto;
	text-align:left;
	float:left;
	border-bottom:#CC0000 solid 3px;
	margin-bottom:20px;
	}

div.band {
	height:auto;
	width: 800px;
	margin: 0px auto;
	float:left;
	padding:0px;
	text-align:left;
	border-bottom:#CC0000 solid 3px;
	}
	
div.bcol1 {
	height:500px;
	width:100px;
	margin: 0px auto;
	float:left;
	padding:0px;
	text-align:left;
	}

div.bcol2 {
	height:500px;
	width:600px;
	margin: 0px auto;
	float:left;
	padding:0px;
	text-align:left;
	}

div.bandnav {
	height:auto;
	width:770px;
	padding:15px;
	float:inherit;
	margin: 0px auto;
	text-align:center;
	border-bottom:#CC0000 solid 3px;
	background-image:../images/Site/navbarband.gif;
	}
	

div.navbar1 {
	height:50px;
	width:200px;
	float:left;
	margin: 0px auto;
	text-align:left;
	padding-left:100px;
	padding-right:100px;
	}
	
div.navbar2 {
	height:35px;
	width:400px;
	float:left;
	margin: 0px auto;
	text-align:center;
	padding:-10px;
	}

div.block {
	width:100px;
	height:50px;
	margin:0px auto;
	}

div.bandbox {
	width:800px;
	height:10px;
	}

div.frontbox {
	height:auto;
	width:260px;
	padding:0px;
	float:left;
	text-align:left;
	}

div.frontbox2 {
	height:auto;
	width:500px;
	padding:0px;
	float:right;
	text-align:center;
	}

div.container {
	height:auto;
	width:770px;
	padding:15px;
	float:inherit;
	margin: 0px auto;
	text-align:left;
	}
	
div.bandcontainer {
	height:auto;
	width:770px;
	padding:15px;
	float:inherit;
	margin: 0px auto;
	text-align:left;
	}


div.prop {
	height:425px;
	float:right;
	width:1px;
	background-color:#CC3300;
	}

div.col1 {
	float:left;
	width:370px;
	height:auto;
	}
	
div.col2 { 
	float:right;
	width:auto;
	height:auto;
	padding:10px;
	}

/*Col 5 - for bands.html*/
div.col5 {
	float:left;
	width:230px;
	height:361px;
	padding:10px;
	}

div.navbarfoot {
	width: 800px;
	margin:0px auto;
	padding-top:2px;
	background-color:#204a69;
	text-align:center;
	border-bottom:2px solid #204a69;
	}

div.footer {
	width: 800px;
	margin:0px auto;
	background-color:#204a69;
	border: 0px;
	text-align:center;
	}
	
div.footer2 {
	width: 800px;
	margin: 0px auto;
	border:0px;
	padding-top:20px;
	text-align:center;
	background-color:#2E2E2E;
	}
	
	
/* NAVBAR - Setup */
ul.cssmenu {
	list-style: none;
	padding: 0px;
	margin:0px auto;
	border:#FFFFFF solid 0px;	
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssmenu li {
	float: left;
	}

ul.cssmenu li a {
	display: block;
	width: 40px;
	height: 125px;
	border:#FFFFFF solid 0px;	
	background: url(../images/site/sprite.jpg);
	}

/*Normal links*/
ul.cssmenu li.home a {
	background-position: 0 0;
	}
ul.cssmenu li.about a {
	background-position: -40px 0;
	}
ul.cssmenu li.bands a {
	background-position: -80px 0;
	}
ul.cssmenu li.listen a {
	background-position: -120px 0;
	}
ul.cssmenu li.photos a {
	background-position: -160px 0;
	}
ul.cssmenu li.clients a {
	background-position: -200px 0;
	}
ul.cssmenu li.news a {
	background-position: -240px 0;
	}
ul.cssmenu li.FAQs a {
	background-position: -280px 0;
	}
ul.cssmenu li.booking a {
	background-position: -320px 0;
	}
ul.cssmenu li.blank a {
	background-position: -360px 0;
	}	

/*Hover links*/

ul.cssmenu li.home a:hover {
	background-position: 0 -125px;
	}
ul.cssmenu li.about a:hover {
	background-position: -40px -125px;
	}
ul.cssmenu li.bands a:hover {
	background-position: -80px -125px;
	}
ul.cssmenu li.listen a:hover {
	background-position: -120px -125px;
	}
ul.cssmenu li.photos a:hover {
	background-position: -160px -125px;
	}
ul.cssmenu li.clients a:hover {
	background-position: -200px -125px;
	}
ul.cssmenu li.news a:hover {
	background-position: -240px -125px;
	}
ul.cssmenu li.FAQs a:hover {
	background-position: -280px -125px;
	}
ul.cssmenu li.booking a:hover {
	background-position: -320px -125px;
	}

/*Clicked links*/
ul.cssmenu li.home a:active {
	background-position: 0 -250px;
	}
ul.cssmenu li.about a:active {
	background-position: -40px -250px;
	}
ul.cssmenu li.bands a:active {
	background-position: -80px -250px;
	}
ul.cssmenu li.listen a:active {
	background-position: -120px -250px;
	}
ul.cssmenu li.photos a:active {
	background-position: -160px -250px;
	}
ul.cssmenu li.clients a:active {
	background-position: -200px -250px;
	}
ul.cssmenu li.news a:active {
	background-position: -240px -250px;
	}
ul.cssmenu li.FAQs a:active {
	background-position: -280px -250px;
	}
ul.cssmenu li.booking a:active {
	background-position: -320px -250px;
	}	

/*Active links*/

ul.cssmenu li.home a.selected {
	background-position: 0 -375px;
	}
ul.cssmenu li.about a.selected {
	background-position: -40px -375px;
	}
ul.cssmenu li.bands a.selected {
	background-position: -80px -375px;
	}
ul.cssmenu li.listen a.selected {
	background-position: -120px -375px;
	}
ul.cssmenu li.photos a.selected {
	background-position: -160px -375px;
	}
ul.cssmenu li.clients a.selected {
	background-position: -200px -375px;
	}
ul.cssmenu li.news a.selected {
	background-position: -240px -375px;
	}
ul.cssmenu li.FAQs a.selected {
	background-position: -280px -375px;
	}
ul.cssmenu li.booking a.selected {
	background-position: -320px -375px;
	}	

/*photo frame borders */
.bordered{border:2px solid #000099;}
a:hover img.bordered {border: 2px solid #CC0000}
	
.bordered1{border:2px solid #a23e08;}
a:hover img.bordered {border: 2px solid #CC0000}

/*BANDS NAVBAR hover code*/
#list ul {
	margin: 0; 
	padding: 5px; 
	list-style-type: none; 
	list-style-image: none; }
#list li {
	display: inline; }
	/*non-selected text*/
#list ul li a {
	text-decoration:underline; 
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FF0000;
	margin: 4px;
	padding: 5px 5px 5px 5px; 
	}
	/*hover text*/
#list ul li a:hover {
	color:#990066;
	}

	
	
/* SPRITE FOR BOOKING BUTTON ON HOMEPAGE */
ul.book {
	list-style: none;
	padding: 0px;
	margin:0px auto;	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.book li {
	float: left;
	}

ul.book li a {
	display: block;
	width: 260px;
	height: 70px;
	background: url(../images/site/booking.gif);
	}

/*Normal links*/
ul.book li.enq a {
	background-position: 0 0;
	}

/*Hover links*/

ul.book li.enq a:hover {
	background-position: 0 -70px;
	}

/*Clicked links*/
ul.book li.enq a:active {
	background-position: 0 -140px;
	}

/*Active links*/

ul.book li.enq a.selected {
	background-position: 0 -210px;
	}