body{
background-image: url('/imgs/bkg.jpg');
background-color:#000000;
font-family:Trebuchet, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
margin:0 auto;
padding:0;
background-repeat: repeat-x
}

a:link {
color: #790000;
text-decoration: none
}

a:visited {
color: #790000;
text-decoration: none
}

a:active {
color: #5a5a5a;
text-decoration: none
}

a:hover {
color: #5a5a5a;
text-decoration: none; 
}

#container {
background-color:#ffffff;
margin-top:0px;
padding-top:0px;
width:1000px;
margin:auto;
text-align:left;
background-image: url('imgs/bkg-content.jpg');
background-repeat: no-repeat;
background-color: #f852f5;
}

#header {
background-image: url('imgs/header.png');
width:1000px;
height:200px;
margin-top:0px;
}

#content {
height:1000px;
width:1000px;
}

#tickets-left{
float:left; 
padding-left:10px;
width:250px;
}

#tickets-right{
float:right;
width:740px;
text-align:center;
}

#tickets{
background-image: url('imgs/button.png');
background-repeat: no-repeat;
background-position:center top;
height:71px;
width:300px;
padding-top:17px;
color:#ffffff;
font-weight:bolder;
}

#tickets a{
color:#830056;
}

#t1{
float:left;
padding-left:50px;
}

#t2{
float:right;
padding-right:50px;
}

#fp-top{
height:800px;
}

#gap{
width:50px;
}

#links{
padding-top:300px;
}

#links ul
{
margin: 0;
padding: 0;
}

#links ul li
{
padding:50px;
display: inline;
}


#fp-bottom{
text-align:right;
padding-right:20px;
}

#main {
font-size:2em;
color:#fff;
text-align:center;
}

#navigation ul {
	width: 1000px; 
	height: 36px; 
	position: absolute; /** Places image at the top of the page **/
	background: url(imgs/menu.png) no-repeat 0 0;
	list-style: none;
	margin: 0; padding: 0;
}
#navigation li {
	display: inline;
}
#navigation li.home a:link, #navigation li.home a:visited {
	background: url(imgs/menu.png) no-repeat 0 0;
	border: none;
	width: 88px; /** width of the button in active state **/
	height: 36px; /** height of the button in active state **/
	display: block; 
	position: absolute; 
	top: 0; 
	text-indent: -9999px; /** Removes li text from the screen **/
}
#navigation li.club a:link, #navigation li.club a:visited {
	background: url(imgs/menu.png) no-repeat -88px 0;
	border: none;
	width: 248px; /** width of the button in active state **/
	height: 36px; /** height of the button in active state **/
	display: block; 
	position: absolute; 
	top: 0; 
	text-indent: -9999px; /** Removes li text from the screen **/
}
#navigation li.radio a:link, #navigation li.radio a:visited {
	background: url(imgs/menu.png) no-repeat -336px 0;
	border: none;
	width: 246px; /** width of the button in active state **/
	height: 36px; /** height of the button in active state **/
	display: block; 
	position: absolute; 
	top: 0; 
	text-indent: -9999px; /** Removes li text from the screen **/
}
#navigation li.tickets a:link, #navigation li.tickets a:visited {
	background: url(imgs/menu.png) no-repeat -582px 0;
	border: none;
	width: 116px; /** width of the button in active state **/
	height: 36px; /** height of the button in active state **/
	display: block; 
	position: absolute; 
	top: 0; 
	text-indent: -9999px; /** Removes li text from the screen **/
}
#navigation li.tracks a:link, #navigation li.tracks a:visited {
	background: url(imgs/menu.png) no-repeat -698px 0;
	border: none;
	width: 215px; /** width of the button in active state **/
	height: 36px; /** height of the button in active state **/
	display: block; 
	position: absolute; 
	top: 0; 
	text-indent: -9999px; /** Removes li text from the screen **/
}
#navigation li.links a:link, #navigation li.links a:visited {
	background: url(imgs/menu.png) no-repeat -913px 0;
	border: none;
	width: 87px; /** width of the button in active state **/
	height: 36px; /** height of the button in active state **/
	display: block; 
	position: absolute; 
	top: 0; 
	text-indent: -9999px; /** Removes li text from the screen **/
}
#navigation li.home a:link, #navigation li.home a:visited { 
	left: 0;
}
#navigation li.club a:link, #navigation li.club a:visited { 
	left: 88px  /** how many px left of the first button i.e blue **/
}
#navigation li.radio a:link, #navigation li.radio a:visited { 
	left: 336px  /** how many px left of the first button i.e blue **/
}
#navigation li.tickets a:link, #navigation li.tickets a:visited { 
	left: 582px  /** how many px left of the first button i.e blue **/
}
#navigation li.tracks a:link, #navigation li.tracks a:visited { 
	left: 698px  /** how many px left of the first button i.e blue **/
}
#navigation li.links a:link, #navigation li.links a:visited { 
	left: 913px  /** how many px left of the first button i.e blue **/
}

#navigation li.home a:hover {
	background: url(imgs/menu.png) no-repeat 0 -72px; /** moves image up 30px showing the rollover states **/ 
}
#navigation li.club a:hover {
	background: url(imgs/menu.png) no-repeat -88px -72px; /** moves image up 30px and right 80px showing the rollover states **/
}
#navigation li.radio a:hover {
	background: url(imgs/menu.png) no-repeat -336px -72px;
}
#navigation li.tickets a:hover {
	background: url(imgs/menu.png) no-repeat -582px -72px;
}
#navigation li.tracks a:hover {
	background: url(imgs/menu.png) no-repeat -698px -72px;
}
#navigation li.links a:hover {
	background: url(imgs/menu.png) no-repeat -913px -72px;
}