@charset "UTF-8";
/* CSS Document */

/*Nav bar styles*/

ul.nav,
.nav ul{
margin: 0;
padding: 0;
cursor: default;
list-style-type: none;
height: 150px;
 }

ul.nav{
display: table;
}

ul.nav>li{
display: table-cell;
padding: 2px 2px;
vertical-align: text-bottom;
}
/*
ul.nav>li:hover{
padding-right: 1px;
}*/

ul.nav li ul{
display: none;
position: fixed
height: 0px;
}

ul.nav li:hover>ul{
display : block;
height: 125px;
}

.nav ul li a{
padding: 2px 5px;
}

/*Menu styles*/

ul.nav,
.nav ul,
.nav ul li a{
color: #fff;
}

ul.block1{
width: 150px;
background-image: url(../images/100.gif);
background-repeat: no-repeat;
background-position: bottom left;
}

ul.block1 li strong a{
	text-decoration: none;
	color: #fff;
}

ul.block1 li:hover,
.block1 ul li a:hover,
.block1 li strong a:hover{
background-image: url(../images/150.gif);
color: #000000;
}

.nav a{
text-decoration: none;
}

ul.block2{
width: 150px;
background-image: url(../images/200.gif);
background-repeat: no-repeat;
background-position: bottom left;
}

ul.block2 li strong a{
	text-decoration: none;
	color: #fff;
}

ul.block2 li:hover,
.block2 ul li a:hover,
.block2 li strong a:hover{
background-image: url(../images/250.gif);
color: #000000;
}

ul.block3{
width: 150px;
background-image: url(../images/300.gif);
background-repeat: no-repeat;
background-position: bottom left;
}

ul.block3 li strong a{
	text-decoration: none;
	color: #fff;
}

ul.block3 li:hover,
.block3 ul li a:hover,
.block3 li strong a:hover{
background-image: url(../images/350.gif);
color: #000000;
}

ul.block4{
width: 150px;
background-image: url(../images/400.gif);
background-repeat: no-repeat;
background-position: bottom left;
}

ul.block4 li strong a{
	text-decoration: none;
	color: #fff;
}

ul.block4 li:hover,
.block4 ul li a:hover,
.block4 li strong a:hover{
background-image: url(../images/450.gif);
color: #000000;
}

ul.block5{
width: 150px;
background-image: url(../images/500.gif);
background-repeat: no-repeat;
background-position: bottom left;
}

ul.block5 li strong a{
	text-decoration: none;
	color: #fff;
}

ul.block5 li:hover,
.block5 ul li a:hover,
.block5 li strong a:hover{
background-image: url(../images/550.gif);
color: #000000;
}

