/*
      created by netseed web design - netseed.co.uk
	  email: ben@netseed.co.uk
	  
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Georgia, Arial, Helvetica, sans-serif;
 font-size: 90%;
 background: #F7F6CB;
}

.clearBoth {clear:both;}

.clearLeft {clear:left;}

.inset {padding-left:10px;}

ul {
	list-style: none;
	color: #666;
}

a {
 outline: none;
 text-decoration: none; 
}

a:link, a:visited, a:hover, a:active { 
 color: #00008B;
 font-weight:bold;
}


a:link.blueLink, a:visited.blueLink, a:hover.blueLink, a:active.blueLink { 
  font-size: 0.9em;
  color: #64587e;
  text-decoration: none;
  border-bottom: 1px dotted #64587e;
}

a:link.blueLinkBig, a:visited.blueLinkBig, a:hover.blueLinkBig, a:active.blueLinkBig { 
  font-size: 1.1em;
  color: #64587e;
  text-decoration: none;
  border-bottom: 1px dotted #64587e;
}

h1 {
 font-family: Georgia, Arial, Helvetica, sans-serif;
 font-size: 1em;
 color: #64587e;
}

h2 {
 margin-bottom: 10px;
 font-family: Georgia, Arial, Helvetica, sans-serif;
 font-size: 1em;
 color: #64587e;
}

h3 {
 margin: 10px 0px 10px 0px;
 font-family: Georgia, Arial, Helvetica, sans-serif;
 font-size: 1em;
 color: #64587e;
}

p {
 font-size: 0.9em;
 color: #666;
 line-height: 1.65em;
}

div.center {
 text-align: center;
}

p.center {
 text-align: center;
}

p.smallCenterText {
 text-align: center;
 font-size: 0.75em;
}

.small {
	font-size: 0.85em;
}

.medium {
	font-size: 0.95em;
}

.italic {
	font-style:italic;
}

.centeredImage {
 text-align:center;
}

.topGap {
	padding-top:10px;
}

.topGapBig {
	padding-top:30px;
}

.botGap {
	padding-bottom:10px;
}

.botGapBig {
	padding-bottom:30px;
}

.boldBlue {
	color:#64587e;
	font-weight:bold;
}

.cushycms {
 font-family:georgia;
 font-size: 0.9em;
}

ul#navlist {
	
}

ul#navlist li{
 display: inline;
}

ul#navlist li a{
 display:block;
 height: 101px;
 text-indent: -9999px;
 float:left;
}	

ul#navlist li.home a{
 width: 321px;
 background: url("../images/nav6.jpg") bottom center no-repeat;
}	

ul#navlist li.homeSelected a{
 width: 321px;
 background: url("../images/nav6.jpg") top center no-repeat;
}	

ul#navlist li.events a{
 width: 85px;
 background: url("../images/nav2.jpg") bottom center no-repeat;
}	

ul#navlist li.eventsSelected a{
 width: 85px;
 background: url("../images/nav2.jpg") top center no-repeat;
}

ul#navlist li.location a{
 width: 92px;
 background: url("../images/nav3.jpg") bottom center no-repeat;
}	

ul#navlist li.locationSelected a{
 width: 92px;
 background: url("../images/nav3.jpg") top center no-repeat;
}	

ul#navlist li.history a{
 width: 91px;
 background: url("../images/nav4.jpg") bottom center no-repeat;
}	

ul#navlist li.historySelected a{
 width: 91px;
 background: url("../images/nav4.jpg") top center no-repeat;
}

ul#navlist li.contact a{
 width: 309px;
 background: url("../images/nav5.jpg") bottom center no-repeat;
}	

ul#navlist li.contactSelected a{
 width: 309px;
 background: url("../images/nav5.jpg") top center no-repeat;
}				

ul#navlist li a:hover {
 background-position: top center;	
}

#footerInnerContainer p, #footerInnerContainer a, #netseed p, #netseed a {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 text-align: center;
 line-height: 1.2em;
 color: #fff;
}

address {
 text-align: center;
 font-size: 0.8em;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 line-height: 1.2em;
 color: #fff;
}

#netseed {
	margin-bottom:10px;
}

#netseed p {
 font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
 text-align: center;
 font-size: 0.8em;
 line-height: 1.2em;
 color: #666;
}

#netseed a {
 font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
 text-align: center;
 line-height: 1.2em;
 color: #404040;
}

.hide {
	text-indent: -9999px;
}

#wrapper { 
 margin: 0 auto;
 width: 922px;
}

/*
#header {
 width: 900px;
 color: #333;
 padding: 10px;
 border: 1px solid #ccc;
 height: 100px; 
 margin: 10px 0px 5px 0px;
 background: #fff;
}
*/

#headerImage {
 width: 920px;
 height: 292px; background: #fff;
 color: #333;
 background-image: url("../images/hb-header.jpg");
 margin: 10px 0px 0px 0px;
 border: 1px solid #F7F6CB;
}

#nav { 
 width: 900px;
 border: 1px solid #ccc;
 background: #fff;
 margin: 10px 0px 5px 0px;
 padding: 10px;
}

#navInner { 
 width: 898px;
 color: #000;
 border: 1px solid #ccc;
 background: #fff;
 height: 101px;
}

.textArea {
	width: 600px;
}

.textAreaLeft {
	width: 400px;
}

.textAreaLeftEvents {
	width: 400px;
}

.textAreaLeftgigs {
	width: 400px;
	float:left;
	padding:0 20px 0 10px;;
}

.textAreaLeft img {
	padding-top:10px;
}

.imageAreaRight {
	width: 460px;
	float:right;
}

.imageAreaRightEvents {
	width: 460px;
	float:right;
}

.imageAreaRightEvents img {
	border:none;
}

.imageArea {
	width: 260px;
	float:right;
	margin-top: 20px;
}

/*
#content { 
 width: 900px;
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 5px 0px;
 padding: 10px;
} */

.welcomeHome { 
 width: 920px;
 color: #000;
 background: #fff;
 height: 226px;
 background-image: url("../images/welcome1.jpg"); 
 position: relative;

}

.welcomeAbout { 
 width: 920px;
 color: #000;
 background: #fff;
 height: 226px;
 background-image: url("../images/welcome3.jpg"); 
 position: relative;
}

/* fadeto jquery 
.aboutPaul{position:absolute; left:27px; bottom:0px; }
.aboutMark{position:absolute; left:187px; bottom:0px;}
.aboutBruce{position:absolute; left:302px; bottom:0px;}
.aboutJackie{position:absolute; left:444px; bottom:0px;}
.aboutBill{position:absolute; left:561px; bottom:0px;}
*/

.welcomeMore { 
 width: 920px;
 color: #000;
 background: #fff;
 height: 226px;
 background-image: url("../images/welcome4.jpg"); 
 position: relative;
}

.welcomeEvents { 
 width: 920px;
 color: #000;
 background: #fff;
 height: 226px;
 background-image: url("../images/welcome2.jpg"); 
 position: relative;
}

#welcomeFood { 
 width: 920px;
 color: #000;
 background: #fff;
 height: 415px;
 background-image: url("../images/welcome-food.jpg"); 
 position: relative;
}

.welcomeMap { 
 width: 920px;
 color: #000;
 background: #fff;
 height: 226px;
 background-image: url("../images/welcome-map.jpg");
 position: relative; 
}

.welcomePlaces { 
 width: 920px;
 color: #000;
 background: #fff;
 height: 300px;
 background-image: url("../images/welcome5.jpg");
 position: relative; 
}

.welcomeMusic { 
 width: 920px;
 color: #000;
 background: #fff;
 height: 226px;
 background-image: url("../images/welcome-music.jpg");
 position: relative; 
}

#welcomeGallery { 
 width: 920px;
 color: #000;
 background: #fff;
 height: 226px;
 background-image: url("../images/welcome-gallery.jpg"); 
 position: relative;
}

.welcomeHistory { 
 width: 920px;
 color: #000;
 background: #fff;
 height: 226px;
 background-image: url("../images/welcome-history.jpg"); 
 position: relative;
}

.welcomeContact { 
 width: 920px;
 color: #000;
 background: #fff;
 height: 226px;
 background-image: url("../images/welcome-contact.jpg"); 
 position: relative;
}

.welcomeBlank { 
 width: 920px;
 color: #000;
 background: #fff;
 height: 226px;
 background-image: url("../images/welcome-blank.jpg"); 
 position: relative;
}

#menu1 a, #menu2 a, #menu3 a{
	padding-left:20px;
}

#menu1, #menu2, #menu3 {
  display: block;
  width: 120px;
  height: 130px;
  float:left;
}

#menu1 {background: url("../images/menu-polaroid.jpg") no-repeat 0 0;}
#menu2 {background: url("../images/events-polaroid.jpg") no-repeat 0 0;}
#menu3 {background: url("../images/gallery-polaroid.jpg") no-repeat 0 0;}

#menu1:hover, #menu2:hover, #menu3:hover { 
  background-position: 0 -130px;
}

#menu1 span, #menu2 span, #menu3 span {
  display: none;
}

.picBox{
	width: 310px;
	height: 240px;
	position: absolute;
	left: 500px;
	top: 5px;
}

.picBoxHome{
	width: 310px;
	height: 240px;
	position: absolute;
	left: 630px;
	top: 20px;
}

.picBoxEvents{
	width: 582px;
	height: 449px;
	position: absolute;
	left: 80px;
	top: 1px;
}

#picBoxGallery{
	width: 465px;
	height: 246px;
	position: absolute;
	left: 390px;
	top: 30px;
}

.picBoxHistory{
	width: 248px;
	height: 220px;
	position: absolute;
	left: 20px;
	top: 30px;
}

.content { 
 width: 900px;
 color: #333;
 border: 1px solid #ccc;
 background: #fff;
 padding: 10px;
 margin: 0px 0px 10px 0px;
}

.contentInner { 
 color: #333;
 width: 878px;
 border: 1px solid #ccc;
 background: #fff;
 padding: 10px 10px 20px 10px;
}

.contentInnerTimes { 
 color: #fff;
 width: 878px;
 height: 191px;
 border: 1px solid #ccc;
 background-image: url("../images/sunset.jpg"); 
 padding: 10px 10px 20px 10px;
}

.contentInnerTimes li { 
 color: #fff;
}
 
.innerContentLeft {
 width: 427px;
 float:left;	
 padding-left: 10px;
}
 
.innerContentRight {
 width: 427px;
 float:right;
}
 
 .contentInnerHomeEvents { 
 color: #333;
 width: 878px;
 border: 1px solid #ccc;
 background: url("../images/entrance-billy.jpg") no-repeat 100% 20%;
 padding: 10px 10px 20px 10px;
 }

#contentEvents { 
 width: 900px;
 color: #666;
 border: 1px solid #ccc;
 background: #fff;
 padding: 10px;
 margin: 0px 0px 10px 0px;
}

.contentInnerEvents { 
 color: #666;
 width: 868px;
 border: 1px solid #ccc;
 background: #fff;
 padding: 20px 10px 20px 20px;
}
 
.contentVideo { 
 width: 900px;
 color: #666;
 border: 1px solid #ccc;
 background: #fff;
 padding: 10px;
 margin: 0px 0px 10px 0px;
}

.contentInnerVideo { 
 color: #666;
 width: 868px;
 border: 1px solid #ccc;
 background: url("../images/jazz.jpg") no-repeat top right;
 padding: 20px 10px 20px 20px;
}
 
#contentContact { 
 width: 900px;
 color: #333;
 border: 1px solid #F7F6CB;
 background: #F7F6CB;
 padding: 10px;
 margin: 0px 0px 10px 0px;
 /*background-image: url("../images/paper-main-bg.gif");*/
}

.contentInnerContact { 
 color: #333;
 width: 878px;
 border: 1px solid #F7F6CB;
 background: #F7F6CB;
 padding: 10px 10px 40px 10px;
}

.contentInnerGallery { 
 color: #333;
 width: 868px;
 border: 1px solid #ccc;
 background: #fff;
 padding: 10px 10px 10px 20px;
 height: 350px;
 overflow:auto;
}

.locationcontentInner { 
 width: 878px;
 border: 1px solid #ccc;
 background: #fff;
 padding: 10px;
}

#footer { 
 color: #333;
 width: 900px;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

#footerInner { 
 color: #fff;
 width: 898px;
 border: 1px solid #ccc;
 background: #fff;
 height: 100px;
 background: #FFFFFF url("../images/footer-bg.jpg");
}

#footerInnerContainer { 
 width: 878px;
 height: 80px;
 padding: 10px;
}

#googlemap {
	margin: 10px 0;
	padding: 10px;
	width: 856px;
	height:400px;
	border: 1px solid #ccc;
}

#gallery img {
	float:left; 
	border: 1px solid #eee;
	margin: 5px;
	margin-bottom: 5px;
	padding: 2px;
}

.websiteBoxContainer {
	background: #fff;
	padding: 0 0 5px 5px;
}

.websiteBox {
	width: 280px;
	float:left; 
	margin-right:10px;
	font-size:0.9em;
}

.alignCenter {
	text-align: center;
}

.thanks
{
    width: 520px;
    height: 344px;
    margin:auto;
}


.cushycms p {
	color: #666;
}

/* contact form start */

.commentForm
{
    width: 517px;
    height: 344px;
    background-image: url("../images/form.gif");
    background-repeat: no-repeat;
	position: relative;
	margin: auto;
}

.commentForm input[type="text"], .commentForm textarea
{
    position: absolute;
	width: 180px;
    background-repeat: no-repeat;
    border-width:0px;
	padding-left:10px;
	font-family:"Courier New";
	font-size:0.8em;
}
.nameField
{	
	position: absolute;
	left: 32px;
    top: 50px;
    height: 22px;
	width: 193px;
    background-image: url("../images/form-field-bg.gif");
}
.emailField
{
	position: absolute;
	left: 32px;
    top: 108px;
    height: 22px;
	width: 193px;
    background-image: url("../images/form-field-bg.gif");
	font-size:0.8em;
}
.websiteField
{
	position: absolute;
	left: 32px;
    top: 173px;
    height: 22px;
	width: 193px;
    background-image: url("../images/form-field-bg.gif");
	font-size:0.8em;
}
.commentField
{
	position: absolute;
	left: 282px;
    top: 50px;
    height:198px;
	width: 193px;
    background-image: url("../images/form-comment-bg.gif");
	font-size:0.8em;
}
.sendButton
{
    position:absolute;
    top:268px;
    left:372px;
    width:100px;
    height:30px;
   
    background-image: url("../images/send-btn.gif");
    color:#000000;
	cursor:pointer;}

/* contact form end */