/* Start of CMSMS style sheet 'GlowMenu' */
/* Image for the ul and some height and width properties */
ul#nav {
width: 800px;
height: 150px;
margin:0;
padding:0;
display: block;
margin-left: auto;
margin-right: auto;
background: url(uploads/images/intromenu.gif);
position:relative;
}
/* We want li as block and to be as tall as image */
ul#nav li {
display:block;
height:150px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}
/* a should also be block and 50px tall */
ul#nav li a {
display:block;
height:150px;
}
/* This is the boring part, every link has to be positioned according to the image */
li#i1 {
left: 0px;
width: 200px;
}
li#i2 {
left: 200px;
width: 200px;
}
li#i3 {
left: 400px;
width: 200px;
}
li#i4 {
left: 600px;
width: 200px;
} 
#i1 a:hover {
background: transparent url(uploads/images/intromenu.gif) 0 -150px no-repeat;
}
#i2 a:hover {
background: transparent url(uploads/images/intromenu.gif) -200px -150px no-repeat;
}
#i3 a:hover {
background: transparent url(uploads/images/intromenu.gif) -400px -150px no-repeat;
}
#i4 a:hover {
background: transparent url(uploads/images/intromenu.gif) -600px -150px no-repeat;
}
#i1 a:active {
outline: none;
}
#i2 a:active {
outline: none;
}
#i3 a:active {
outline: none;
}
#i4 a:active {
outline: none;
}
#i1 a:focus {
-moz-outline-style: none;
}
#i2 a:focus {
-moz-outline-style: none;
}
#i3 a:focus {
-moz-outline-style: none;
}
#i4 a:focus {
-moz-outline-style: none;
}
#i1 a:visited {
outline: none;
}
#i2 a:visited {
outline: none;
}
#i3 a:visited {
outline: none;
}
#i4 a:visited {
outline: none;
}
ul#nav li a {
text-indent:-9000px; background-color:transparent; }

/* End of 'GlowMenu' */