html{
	height:100%;
}

body {
	margin: 0;
	padding: 0;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #ffffff;
	font-weight: normal;
	background-color:#000000;
	height:100%;
}

a{
	color: #F1E2A9;
	text-decoration: none;
}

a:hover{
	color: #F1E2A9;
	text-decoration:underline;
}

img {
	border:none;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 160%;
	font-weight:500;
	color: #FFF;
	
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight:500;
	color: #F1E2A9;
	
}

p.video{
	width:425px;
}

/*--------------------------------------------------------------*/
/* classes */

.imgborder1{
	border:1px solid #fff;
}

.date{
	font-size:85%;

}

.highlightedcolour{
	color: #F1E2A9;
}

.highlightedtext{
	color: #F1E2A9;
	font-size:110%;
}

.clearfooter {   height: 61px;   clear: both;}

.song{
	float:left;
	width:90%;
	padding-bottom:10px;
}

.songtitle{
	float:left;
	width:470px;
}

.songplayer{
	float:left;
}

.extratext{
	display:none;
	float:left;
	width:100%;
}

.floatfix{
	clear:both;
}
/*--------------------------------------------------------------*/
/* layout divs */

#wrapper{
	background: url(../images/background.jpg) repeat-y; 
	margin:0 auto;
	width: 800px;
	padding-left:20px;
	padding-right:20px;
	text-align: left;
	min-height:100%;
	position:relative; /* Important */
	margin-bottom: -61px; /* should be same size as footer - remember footer margins and footer border */
}

#music-wrapper{
	background: url(../images/music-background.jpg) repeat-y; 
	margin:0 auto;
	width: 800px;
	padding-left:20px;
	padding-right:20px;
	text-align: left;
	min-height:100%;
	position:relative; /* Important */
	margin-bottom: -61px; /* should be same size as footer - remember footer margins and footer border */
}

#content {
	background: url(../images/main_photo.jpg) no-repeat; 
	width:800px;
	float:left;
}

#header{
	height:83px;
	padding-top:32px;
	padding-bottom:65px;
	padding-left:0px;
	text-align:right;
	padding-right:18px;
	width:782px;
	
}

#menu {
	width:520px;
	height:33px;
	padding-right:18px;
	padding-left:262px;
}

#submenu{
	width:520px;
	height:33px;
	padding-right:25px;
	padding-left:255px;
	padding-bottom:25px;
	text-align:right;
	font-size:85%;
	color: #fff;
}

#submenu a{
	color: #fff;
	text-decoration: none;
	
}

#submenu a:hover{
	color: #fff;
	text-decoration:underline;
}

#submenu a.selected{
	color: #F1E2A9;
	text-decoration: none;
}

#submenu a:hover.selected{
	color:#F1E2A9;
	text-decoration:underline;
}


#main{
	width:760px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	float:left;
}

#home-main{
	width:760px;
	background: url(../images/home_mid.gif) repeat-y; 
	float:left;
}

#home-left{
	width:185px;
	padding-right:15px;
	font-size:85%;
	float:left;
}

#home-left h1{
	font-size:180%;
}

#home-mid{
	width:330px;
	padding-right:15px;
	padding-left:15px;
	float:left;
}

#home-right{
	width:185px;
	padding-right:0px;
	padding-left:15px;
	float:left;
}


#music-left{
	width:170px;
	padding-left:3px;
	float:left;
	padding-top:23px;
}

#music-right{
	width:567px;
	padding-left:20px;
	padding-right:0px;
	float:left;
}

#footer {
	margin:0 auto;
	background:#000;
	position:relative;
	border-top:1px #F1E2A9 solid;
	padding-left: 20px;
	padding-right: 20px;
	padding-top:10px;
	width:760px;
	height:50px;			/* Must be in pixels or ems */
}

#footer-left{
	float:left;
	text-align:left;
	width:380px;
	color: #F1E2A9;
	font-size:85%;
}

#footer-right{
	float:left;
	width:380px;
	text-align:right;
}

#footer-home-left{
	float:left;
	text-align:left;
	width:272px;
	color: #F1E2A9;
	font-size:85%;
}

#footer-home-mid{
	float:left;
	text-align:left;
	width:216px;
	color: #F1E2A9;
	font-size:85%;
	margin-top:-5px;
}

#footer-home-right{
	float:left;
	width:272px;
	text-align:right;
}
/*--------------------------------------------------------------*/
/* submenu contents */


#menu ul {
  padding:0; 
  margin:0; 
  list-style-type:none;
  float:left;

}

#menu li{
	display:inline;
	float:left;
}


#submenu ul {
  padding:0; 
  margin:0; 
  list-style-type:none;
  float:right;

}

#submenu li{
	display:inline;
	padding-right:5px;
	padding-left:5px;
	padding-top:5px;
	float:left;
	background: url(../images/misc/tab_white.jpg) bottom right no-repeat;
}

#submenu li.end{
	display:inline;
	padding-right:5px;
	padding-left:5px;
	padding-top:5px;
	float:left;
	background: none;
}


/*--------------------------------------------------------------*/
/* sidemenu contents */

#sidemenu{
	width:170px;
	float:left;
	color:#612222;
	font-size:100%;
}

#sidemenu ul {
  padding:0; 
  margin:0; 
  list-style:none;
  float:left;

}

#sidemenu li{
	float:left;
	width:170px;
	border-bottom: 1px #612222 solid;
}


#sidemenu a{
	padding-bottom:5px;
	padding-top:5px;
	width:160px;
	padding-left:5px;
	padding-right:5px;
	display: block;
	color:#612222;
}

#sidemenu a:hover{
	color:  #ffffff;
	background-color:#612222;
	text-decoration:none;
}

#sidemenu a.highlighted{
	color:  #ffffff;
	background-color:#612222;
}

#sidemenu a.highlighted:hover{
	text-decoration:none;
}

/*--------------------------------------------------------------*/
/* pagination */

#news-records{
	width:500px;
	float:left;
}
#news-records #previous{
	width:100px;
	float:left;
}
#news-records #pages{
	width:300px;
	float:left;
	text-align:center;
}
#news-records #next{
	width:100px;
	float:left;
}


/*--------------------------------------------------------------*/
/* pagination */

#news-records{
	width:760px;
	float:left;
}
#news-records #previous{
	width:100px;
	float:left;
}
#news-records #pages{
	width:560px;
	float:left;
	text-align:center;
}
#news-records #next{
	width:100px;
	float:left;
	text-align:right;
}


/*--------------------------------------------------------------*/
/* contact form contents */


.row {
  clear: both;
  padding-top: 2px;
  }

.row label {
  float: left;
  width: 100px;
  text-align: left;
}

.row input{

}

.row textarea{

}

.save{

}	


/*--------------------------------------------------------------*/
/* shop page divs */

.shopitem{
	float:left;
	width: 425px;
	border-bottom:1px dotted #F1E2A9;
}

.shop-thumb{
	float:left;
	width: 75px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.shop-desc{
	float:left;
	width: 200px;
	padding:10px;
}

.shop-pay{
	float:left;
	width: 100px;
	padding-left:10px;
	padding-right:10px;
	padding-top:30px;
	padding-bottom:10px;
}

.compitem{
	float:left;
	width: 510px;
}

.comp-thumb{
	float:left;
	width: 75px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.comp-desc{
	float:left;
	width: 400px;
	padding:10px;
}

.projectitem{
	float:left;
	width: 100%;
}

.project-thumb{
	float:left;
	width: 75px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.project-desc{
	float:left;
	width: 400px;
	padding:10px;
	padding-top:15px;
}

/*--------------------------------------------------------------*/
/* disco divs */

.discoitem{
	float:left;
	width: 275px;
	
}

.disco-thumb{
	float:left;
	width: 75px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
}

.disco-desc{
	float:left;
	width: 165px;
	padding:10px;
	padding-top:10px;
}

.discosmalltext{
	font-size:85%;
}