/* Rollover CSS Start */

#navi1 a {
position: absolute;
top: 200px;
left: 50px;
display: block;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
text-align: left;
text-decoration: none;
width: 100px;
height: 100px;
color: #333;
background: transparent url(img/Transparent2.png);
border: 0px;
}
#navi1 a .showcase {
display: none;
}
#navi1 a:hover .showcase {
position: absolute;
top: 10px;
left: 10px;
display: block;
width: 300px;
background: transparent;
color: #333;
padding: 0px;
}

#navi2 a {
position: absolute;
top: 485px;
left: 210px;
display: block;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
text-align: left;
text-decoration: none;
width: 100px;
height: 100px;
color: #333;
background: transparent url(img/Transparent2.png);
}
#navi2 a .showcase {
display: none;
}
#navi2 a:hover .showcase {
position: absolute;
top: 0px;
left: 150px;
display: block;
width: 300px;
background: transparent;
color: #333;
padding: 0px;
}

#navi3 a {
position: absolute;
top: 630px;
left: 210px;
display: block;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
text-align: left;
text-decoration: none;
width: 100px;
height: 100px;
color: #333;
background: transparent url(img/Transparent2.png);
}
#navi3 a .showcase {
display: none;
}
#navi3 a:hover .showcase {
position: absolute;
top: 0px;
left: 150px;
display: block;
width: 300px;
background: transparent;
color: #333;
padding: 0px;
}

#navi4 a {
position: absolute;
top: 775px;
left: 210px;
display: block;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
text-align: left;
text-decoration: none;
width: 100px;
height: 100px;
color: #333;
background: transparent url(img/Transparent2.png);
}
#navi4 a .showcase {
display: none;
}
#navi4 a:hover .showcase {
position: absolute;
top: 0px;
left: 150px;
display: block;
width: 300px;
background: transparent;
color: #333;
padding: 0px;
}

#navi5 a {
position: absolute;
top: 920px;
left: 210px;
display: block;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
text-align: left;
text-decoration: none;
width: 100px;
height: 90px;
color: #333;
background: transparent url(img/Transparent2.png);
}
#navi5 a .showcase {
display: none;
}
#navi5 a:hover .showcase {
position: absolute;
top: 0px;
left: 150px;
display: block;
width: 300px;
height: 100px;
background: transparent;
color: #333;
padding: 0px;
}

#navi6 a {
position: absolute;
top: 1065px;
left: 210px;
display: block;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
text-align: left;
text-decoration: none;
width: 100px;
height: 100px;
color: #333;
background: transparent url(img/Transparent2.png);
}
#navi6 a .showcase {
display: none;
}
#navi6 a:hover .showcase {
position: absolute;
top: 0px;
left: 150px;
display: block;
width: 300px;
height: 90px;
background: transparent;
color: #333;
padding: 0px;
}

#navi7 a {
position: absolute;
top: 1210px;
left: 210px;
display: block;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
text-align: left;
text-decoration: none;
width: 100px;
height: 100px;
color: #333;
background: transparent url(img/Transparent2.png);
}
#navi7 a .showcase {
display: none;
}
#navi7 a:hover .showcase {
position: absolute;
top: 0px;
left: 150px;
display: block;
width: 300px;
background: transparent;
color: #333;
padding: 0px;
}

#navi8 a {
position: absolute;
top: 1360px;
left: 210px;
display: block;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
text-align: left;
text-decoration: none;
width: 100px;
height: 100px;
color: #333;
background: transparent url(img/Transparent2.png);
}
#navi8 a .showcase {
display: none;
}
#navi8 a:hover .showcase {
position: absolute;
top: 0px;
left: 150px;
display: block;
width: 300px;
height: 90px;
background: transparent;
color: #333;
padding: 0px;
}

#navi9 a {
position: absolute;
top: 1505px;
left: 210px;
display: block;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
text-align: left;
text-decoration: none;
width: 100px;
height: 100px;
color: #333;
background: transparent url(img/Transparent2.png);
}
#navi9 a .showcase {
display: none;
}
#navi9 a:hover .showcase {
position: absolute;
top: 0px;
left: 150px;
display: block;
width: 300px;
background: transparent;
color: #333;
padding: 0px;
}

#navi10 a {
position: absolute;
top: 1650px;
left: 210px;
display: block;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
text-align: left;
text-decoration: none;
width: 100px;
height: 100px;
color: #333;
background: transparent url(img/Transparent2.png);
}
#navi10 a .showcase {
display: none;
}
#navi10 a:hover .showcase {
position: absolute;
top: 0px;
left: 150px;
display: block;
width: 300px;
background: transparent;
color: #333;
padding: 0px;
}

#navi11 a {
position: absolute;
top: 1795px;
left: 210px;
display: block;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
text-align: left;
text-decoration: none;
width: 100px;
height: 100px;
color: #333;
background: transparent url(img/Transparent2.png);
}
#navi11 a .showcase {
display: none;
}
#navi11 a:hover .showcase {
position: absolute;
top: 0px;
left: 150px;
display: block;
width: 300px;
background: transparent;
color: #333;
padding: 0px;
}

#navi12 a {
position: absolute;
top: 1940px;
left: 210px;
display: block;
font: 0.9em Verdana, Arial, Helvetica, sans-serif;
text-align: left;
text-decoration: none;
width: 100px;
height: 100px;
color: #333;
background: transparent url(img/Transparent2.png);
}
#navi12 a .showcase {
display: none;
}
#navi12 a:hover .showcase {
position: absolute;
top: 0px;
left: 150px;
display: block;
width: 300px;
background: transparent;
color: #333;
padding: 0px;
}