body {
	background: #e7decc url(../images/bg.jpg) top center no-repeat; 
	cursor: url(../images/cursor.cur), url(../../images/cursor.cur), default;
	}
	
a:hover {
	cursor: url(../images/activecursor.cur), url(../../images/activecursor.cur), pointer;
	color:#0F9;
}

#header {
	width: 940px;
	height: 213px;
	margin: 0 10px 10px 10px;}

#header h1 a{
		display: block; /* Anchors are inline by default, change it to block... */
		width: 338px; height: 237px; /*...Which then allows us to specify width and height (according to the image) */
		color: #6b5c4e;  /* the color can't actually be seen on the text, but it avoids a blue dotted border in Firefox */
		text-indent: -9999px; /* Add the background image as part of the CSS Image Replacement and shift the text out of the way */
		margin-top: 22px;
	}
#header h1 a:hover{
		background-image: url(../images/home.png);
	}

#sponsors a{width: 119px;
		height: 61px;
		float: right;
		display: block;
		border: none;
		background: url(../images/sponsors.png) 0 0 no-repeat;
		text-indent: -9999px;
		overflow: hidden;
		position: relative;
		top: -55px;
		padding-right: 20px;
}

#sponsors a:hover {background-position: 0 -61px;
}
ul#nav {
  background: url(../images/nav-menu.png) no-repeat; 
  position: absolute;
  width: 620px;	
  top:150px;
	margin-left:320px;
}

ul#nav li { float:left; list-style-type:none; }

ul#nav li a {
	height: 60px;
	display:block;
	position:absolute;
	top: 0px;
	text-indent: -9999px;
	outline:none;
}

/*ul#nav { position:absolute; top:156px; left:46px }*/

li#navWatch a, li#navListen a, li#navFresh a, li#navSamples a, li#navArtists a, li#navEvents a, li#navBuy a {background:url(../images/nav-menu.png);}

li#navWatch a {background-position: 0 0; width: 90px; left: 0px}
li#navWatch a:hover {background-position: 0 -60px }
body#pageWatch li#navWatch a { background-position: 0 -120px}

li#navListen a {background-position: -90px 0; width: 90px; left: 90px}
li#navListen a:hover {background-position: -90px -60px }
body#pageListen li#navListen a { background-position: -90px -120px}

li#navFresh a {background-position: -180px 0; width: 70px; left: 180px}
li#navFresh a:hover {background-position: -180px -60px }
body#pageFresh li#navFresh a { background-position: -180px -120px}

li#navSamples a {background-position: -250px 0; width: 80px; left: 250px}
li#navSamples a:hover {background-position: -250px -60px }
body#pageSamples li#navSamples a { background-position: -250px -120px}

li#navArtists a {background-position: -330px 0; width: 90px; left: 330px}
li#navArtists a:hover {background-position: -330px -60px }
body#pageArtists li#navArtists a { background-position: -330px -120px}

li#navEvents a {background-position: -420px 0; width: 70px; left: 420px}
li#navEvents a:hover {background-position: -420px -60px }
body#pageEvents li#navEvents a { background-position: -420px -120px}

li#navBuy a {background-position: -490px 0; width: 99px; left: 490px}
li#navBuy a:hover {background-position: -490px -60px }
body#pageBuy li#navBuy a { background-position: -490px -120px}



#sidebar {
	background:url(../images/sidebar-bg.png) repeat-y;
	margin-top: 185px; 
	padding-bottom: 50px;
}
#astounding{
	color: #6b5c4e;  /* the color can't actually be seen on the text, but it avoids a blue dotted border in Firefox */
	text-indent: -9999px;
	background: url(../images/astounding.png) no-repeat;
	width: 340px; height: 104px;
	margin-top: -80px;
	margin-left: -40px;
}

#outstanding{
	color: #6b5c4e; 
	text-indent: -9999px;
	background: url(../images/outstanding.png) no-repeat;
	width: 340px; height: 104px;
	margin-top: -80px;
	margin-left: -35px;
}
#marvelous{
	color: #6b5c4e;
	text-indent: -9999px;
	background: url(../images/marvelous.png) no-repeat;
	width: 340px; height: 104px;
	margin-top: -80px;
	margin-left: -35px;
}
#rollup{
	color: #6b5c4e;
	text-indent: -9999px;
	background: url(../images/rollup.png) no-repeat;
	width: 340px; height: 104px;
	margin-top: -80px;
	margin-left: -35px;
}
#crickey{
	color: #6b5c4e;
	text-indent: -9999px;
	background: url(../images/crickey.png) no-repeat;
	width: 340px; height: 104px;
	margin-top: -80px;
	margin-left: -35px;
}
#wow{
	color: #6b5c4e;
	text-indent: -9999px;
	background: url(../images/wow.png) no-repeat;
	width: 340px; height: 104px;
	margin-top: -80px;
	margin-left: -35px;
}
#freshas{
	color: #6b5c4e;
	text-indent: -9999px;
	background: url(../images/freshas.png) no-repeat;
	width: 340px; height: 104px;
	margin-top: -80px;
	margin-left: -35px;
}
#delivered{
	color: #6b5c4e;
	text-indent: -9999px;
	background: url(../images/delivered.png) no-repeat;
	width: 347px; height: 104px;
	margin-top: -80px;
	margin-left: -35px;
}
#ears{
	color: #6b5c4e;
	text-indent: -9999px;
	background: url(../images/ears.png) no-repeat;
	width: 340px; height: 104px;
	margin-top: -80px;
	margin-left: -35px;
}
#sidebar h3{
	margin: 0px;
	padding: 0 0 0px 13px;
}

#sidebar p {
	padding: 0 16px 0px 16px;
}

#mainContent p {
	padding: 10px 10px 10px 10px;
	text-align: left;
}

#mainContent {
min-height: 400px;
height:auto !important;
height:500px;
}

object.flashvideo {
	width: 395px;
	height: 320px;
	margin: 60px 0 0 75px;
}

/*object.flashvideosmall {
	width: 395px;
	height: 320px;
	margin: 0px;
}*/
.paypal {
margin: -45px 5px 0 0;
}
.paypal2 {
margin: -95px 0 0 150px;
margin-bottom: 35px;
}
#slideshow {
	margin:0 auto;
	width:580px;
	height:430px;
	background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:415px;
  height:430px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:395px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:420px;
}
/**
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:76px;
  height:80px;
  text-indent:-10000px;
  position:absolute;
  cursor: url(../images/activecursor.cur), url(../../images/activecursor.cur), pointer;
}
#leftControl {
  top:150px;
  left:0;
  background:transparent url(../images/prev.png) no-repeat 0 0;
  padding-right: 10px;
}
#rightControl {
  top:150px;
  right:0;
  background:transparent  url(../images/next.png) no-repeat 0 0;
}
/* End Slideshow controls style rules. */

.flashTv {
	background-image: url(../images/tv.png);
	background-repeat: no repeat;
	margin: 10px 32px 0 32px;
	width: 556px;
	height: 535px;
	margin-top: -20px;
}
.cameras {
	background-image:url(../images/cameras.png);
	background-repeat:no-repeat;
	width: 620px;
	height: 200px;
	padding-top:150px;
	margin-top: -70px;
}
.live {
	background-image:url(../images/live.png);
	background-repeat:no-repeat;
	width: 620px;
	height: 200px;
	padding-top:200px;
	margin-top: -75px;
}
.sponsor {
	background-image:url(../images/handshake.png);
	background-repeat:no-repeat;
	width: 620px;
	height: 200px;
	padding-top: 100px;
	margin-top: -110px;
}

.music {
	background-image:url(../images/music.png);
	background-repeat:no-repeat;
	width: 353px;
	height: 217px;
	padding-top:215px;
	margin-top: -80px;
}
.creators {
	background-image:url(../images/creators.png);
	background-repeat:no-repeat;
	width: 620px;
	height: 200px;
	padding-top:220px;
	margin-top: -80px;
}
.samples {
	background-image:url(../images/cutnpaste.png);
	background-repeat:no-repeat;
	background-position:top right;
	width: 350px;
	height: 294px;
	padding-top:240px;
	margin-top: -80px;
}


.vidcentre {
    margin-left: 120px;
}
.imgleft {
	float: left; 
	clear:both;
	padding: 0 20px 10px 0;
}
.imgcentre {
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.imgright {
	float: right; 
	clear:both;
	padding: 0 0 10px 20px;
}
#buypage img {margin-top: -50px;}
#buypage p {padding-top: 20px;}

#wallpapers {text-align:center;}
#wallpapers img {padding-bottom: 10px;}

#col1 p {
	font-size:12px;
	padding: 0 0 20px 10px;
}
#col2 p {
	font-size:12px;
	padding: 0 0 20px 10px;
}
#col1 h2 {
	padding-top:5px;
	margin-bottom:0px;
}
#col2 h2 {
	padding-top:5px;
	margin-bottom:0px;
}
#footer {background-image: url(../images/footer.jpg); 
height: 158px;
width: 940px;
padding-top:90px;
}

#footer h6 {
	padding: 5px 0px 10px 0px;
}

#footcol1 h2 a{display: block; /* Anchors are inline by default, change it to block... */
		width: 100px; height: 45px; /*...Which then allows us to specify width and height (according to the image) */
		color: #6b5c4e;  /* the color can't actually be seen on the text, but it avoids a blue dotted border in Firefox */
		text-indent: -9999px; /* Add the background image as part of the CSS Image Replacement and shift the text out of the way */
		background-image:url(../images/youtube.png);
		margin-left: 40px;
	}
#footcol1 h2 a:hover{
		background-position: 0 -45px;
	}
#footcol1 h3 a{display: block; /* Anchors are inline by default, change it to block... */
		width: 140px; height: 30px; /*...Which then allows us to specify width and height (according to the image) */
		color: #6b5c4e;  /* the color can't actually be seen on the text, but it avoids a blue dotted border in Firefox */
		text-indent: -9999px; /* Add the background image as part of the CSS Image Replacement and shift the text out of the way */
		background-image:url(../images/myspace.png);
		margin: 5px 0 0 22px;
	}
#footcol1 h3 a:hover{
		background-position: 0 -30px;
	}

#footcol2 h2 a{display: block; /* Anchors are inline by default, change it to block... */
		width: 90px; height: 39px; /*...Which then allows us to specify width and height (according to the image) */
		color: #6b5c4e;  /* the color can't actually be seen on the text, but it avoids a blue dotted border in Firefox */
		text-indent: -9999px; /* Add the background image as part of the CSS Image Replacement and shift the text out of the way */
		background-image:url(../images/flickr.png);
		margin: 5px 0 0 40px;
	}
#footcol2 h2 a:hover{
		background-position: 0 -39px;
	}
#footcol2 h3 a{display: block; /* Anchors are inline by default, change it to block... */
		width: 105px; height: 35px; /*...Which then allows us to specify width and height (according to the image) */
		color: #6b5c4e;  /* the color can't actually be seen on the text, but it avoids a blue dotted border in Firefox */
		text-indent: -9999px; /* Add the background image as part of the CSS Image Replacement and shift the text out of the way */
		background-image:url(../images/facebook.png);
		margin-left: 30px;
	}
#footcol2 h3 a:hover{
		background-position: 0 -41px;
	}

p.txtcentre {
	text-align: center;
	font-style:italic;
	margin-top:5px;
}
.bolditalicgrey {
	font-weight: bold;
	font-style:italic;
	color: #999;
}
.bold {
	font-weight: bold;
	text-align: left;
}
.smalltext {
	font-size:9px;
}
.archivetext {
	font-size:11px;
}