.image01 a {
display: block;	
width: 159px;	
height: 159px;
background: url('../images/home_grease.jpg') no-repeat;
text-indent: -3000px;
background-position: 0px 0px;
border: 1px solid #d9d8d8;
}

.image01 a:hover {
display: block;	
width: 159px;	
height: 159px;
background: #bc1229;
background: url('../images/home_grease.jpg') no-repeat;
border: 1px solid #d9d8d8;
filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8; 
	-khtml-opacity:0.8;
background-position: 0px 0px;
}


/* NEW BACKGROUND IMAGE ROLLOVERS */

/* boxes */

ul#boxes  {
position: relative;
top: 0px;
left:0px;
width: 660px;
height: 165px;
}
ul#boxes ,
ul#boxes li {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul#boxes  li {
    display: inline;
}
ul#boxes li a {
    display: block;
    height: 165px;
    float: left;
    background: url('../images/homepage.jpg');
    background-repeat: no-repeat;
    text-indent: -3000px;
	outline: none;
}
ul#boxes li.pic01 a {
    width: 165px;
    background-position: 0px 0px;
}
ul#boxes li.pic02 a {
    width: 165px;
    background-position: -165px 0px;
}
ul#boxes li.pic03 a {
    width: 165px;
    background-position: -332px 0px;
}
ul#boxes li.pic04 a {
    width: 159px;
    background-position: -497px 0px;
}

ul#boxes li.pic05 a {
    width: 165px;
    background-position: 0px -165px;
}

ul#boxes li.pic06 a {
    width: 165px;
    background-position: -165px -165px;
}

ul#boxes li.pic07 a {
    width: 165px;
    background-position: -332px -165px;
}

ul#boxes li.pic08 a {
    width: 159px;
    background-position: -497px -165px;
}

ul#boxes li.pic09 a {
    width: 165px;
    background-position: 0px -330px;
}

ul#boxes li.pic10 a {
    width: 165px;
    background-position: -165px -330px;
}

ul#boxes li.pic11 a {
    width: 165px;
    background-position: -332px -330px;
}

ul#boxes li.pic12 a {
    width: 159px;
    background-position: -497px -330px;
}

/* hover state */

ul#boxes li.pic01 a:hover {
    background-position: 0px -509px;
}

ul#boxes li.pic03 a:hover {
    background-position: -332px -509px;
}
ul#boxes li.pic04 a:hover {
    background-position: -497px -509px;
}



ul#boxes li.pic06 a:hover {
    background-position: -165px -674px;
}

ul#boxes li.pic08 a:hover {
    background-position: -498px -674px;
}

ul#boxes li.pic09 a:hover {
    background-position: -0px -839px;
}

ul#boxes li.pic11 a:hover {
    background-position: -332px -838px;
}




/************ DON'T CHANGE IT PLEASE !!!!! ************/
/* POP UP 01*/

.popUp01 {
z-index: 0;
}

.popUp01:hover {
background-color: transparent;
z-index: 50;
}

.popUp01 a {
text-decoration: none;
	
}

.popUp01 span { 
position: absolute;
top: 5px; 
left: 5px; 
width: 159px;
height: 159px;
padding: 0px; 
margin: 0px;
color: black; 
background: #b4e8a0;
border: 1px solid #d9d8d8;
font: 10px Verdana, sans-serif; 
text-align: left;
text-decoration: none;
visibility: hidden;
filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8; 
	-khtml-opacity:0.8;
background-position: 0px 0px;
}

.popUp01 span p{ 
position: relative;
left: 10px;
width: 145px;
top: 20px;
}

.popUp01:hover span { 
visibility: visible

}

/* POP UP 02*/

.popUp02 {
z-index: 0;
}

.popUp02:hover {
background-color: transparent;
z-index: 0;
}

.popUp02 a {
text-decoration: none;	

}

.popUp02 span { 
position: absolute;
top: 6px; 
left: 342px; 
width: 159px;
height: 159px;
padding: 0px; 
margin: 0px;
color: white; 
background: #bc1229;
border: 1px solid #d9d8d8;
font: 10px Verdana, sans-serif; 
text-align: left;
text-decoration: none;
visibility: hidden;
filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8; 
	-khtml-opacity:0.8;
background-position: 0px 0px;
}

.popUp02 span p{ 
position: relative;
left: 10px;
width: 145px;
top: 20px;
}

.popUp02:hover span { 
visibility: visible

}


/* POP UP 03*/

.popUp03 {
z-index: 0;
}

.popUp03:hover {
background-color: transparent;
z-index: 50;
}

.popUp03 a {
text-decoration: none;

}

.popUp03 span { 
position: absolute;
top: 1px; 
left: 505px; 
width: 159px;
height: 159px;
padding: 0px; 
margin: 5px;
color: black; 
background: #c3c3c3;
border: 1px solid #d9d8d8;
font: 10px Verdana, sans-serif; 
text-align: left;
text-decoration: none;
visibility: hidden;
filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8; 
	-khtml-opacity:0.8;
background-position: 0px 0px;
}

.popUp03 span p{ 
position: relative;
top: 20px;
left: 10px;
width: 145px;
}

.popUp03:hover span { 
visibility: visible

}

/* POP UP 04*/

.popUp04 {
z-index: 0;
}

.popUp04:hover {
background-color: transparent;
z-index: 50;
}

.popUp04 a {
text-decoration: none;
	
}

.popUp04 span { 
position: absolute;
top: 169px; 
left: 169px; 
width: 159px;
height: 159px;
padding: 0px; 
margin: 5px;
color: black; 
background: #f6ed83;
border: 1px solid #d9d8d8;
font: 10px Verdana, sans-serif; 
text-align: left;
text-decoration: none;
visibility: hidden;
filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8; 
	-khtml-opacity:0.8;
background-position: 0px 0px;
}

.popUp04 span p{ 
position: relative;
left: 10px;
width: 145px;
top: 20px;
}

.popUp04:hover span { 
visibility: visible

}

/* POP UP 05*/

.popUp05 {
z-index: 0;
}

.popUp05:hover {
background-color: transparent;
z-index: 50;
}

.popUp05 a {
text-decoration: none;	

}

.popUp05 span { 
position: absolute;
top: 169px; 
left: 505px; 
width: 159px;
height: 159px;
padding: 0px; 
margin: 5px;
color: black; 
background: #b4e8a0;
border: 1px solid #d9d8d8;
font: 10px Verdana, sans-serif; 
text-align: left;
text-decoration: none;
visibility: hidden;
filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8; 
	-khtml-opacity:0.8;
background-position: 0px 0px;
}

.popUp05 span p{ 
position: relative;
left: 10px;
width: 145px;
top: 20px;
}

.popUp05:hover span { 
visibility: visible

}

/* POP UP 06*/

.popUp06 {
z-index: 0;
}

.popUp06:hover {
background-color: transparent;
z-index: 50;
}

.popUp06 a {
text-decoration: none;

}

.popUp06 span { 
position: absolute;
top: 337px; 
left: 1px; 
width: 159px;
height: 159px;
padding: 0px; 
margin: 5px;
color: black; 
background: #f6ed83;
border: 1px solid #d9d8d8;
font: 10px Verdana, sans-serif; 
text-align: left;
text-decoration: none;
visibility: hidden;
filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8; 
	-khtml-opacity:0.8;
background-position: 0px 0px;
}

.popUp06 span p{ 
position: relative;
left: 10px;
width: 145px;
top: 20px;
}

.popUp06:hover span { 
visibility: visible

}

/* POP UP 07*/

.popUp07 {
z-index: 0;
}

.popUp07:hover {
background-color: transparent;
z-index: 50;
}

.popUp07 a {
text-decoration: none;
}

.popUp07 span { 
position: absolute;
top: 337px; 
left: 337px; 
width: 159px;
height: 159px;
padding: 0px; 
margin: 5px;
color: black; 
background: #b4e8a0;
border: 1px solid #d9d8d8;
font: 10px Verdana, sans-serif; 
text-align: left;
text-decoration: none;
visibility: hidden;
filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8; 
	-khtml-opacity:0.8;
background-position: 0px 0px;
}

.popUp07 span p{ 
position: relative;
left: 10px;
width: 145px;
top: 20px;
}

.popUp07:hover span { 
visibility: visible

}