@charset "utf-8";
/* CSS Document */
.spotlightmenu{
width:1024px;
overflow:hidden;
}

.spotlightmenu ul{
margin: 0;
padding: 0;
font: bold 14px Verdana; /* font style and size */
list-style-type: none;
text-align: center; /* "left", "center", or "right" align menu */
}

.spotlightmenu li{
display: inline-block;
position:relative;
padding: 5px;
margin: 0;
margin-right: 5px; /* right margin between menu items */
}


.spotlightmenu li a{
display:inline-block;
padding: 5px;
min-width:130px; /* horizontal diameter of spotlight */
height:30px; /* vertical diameter of spotlight */
text-decoration: none;
color:#e28a08;
margin: 0 auto;
overflow:hidden;
-moz-transition: all 0.5s ease-in-out; /* CSS3 transition to animate all A properties */
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.spotlightmenu li:hover a{
border-bottom:1px solid #e28a08;
}


.spotlightmenu li.medio:hover a.medio{
color: red;
background: none; /* background color of spotlight */
border:0px;
}

.spotlightmenu li a span{
position:relative;
top:20%; /* move text down so it appears centered within menu item */
}