/* ######### CSS for horizontal menu demo  ######### */

ul.underlinemenu{
padding: 15px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: center; //set value to "left", "center", or "right"*/
text-transform: uppercase;
width: 100%;
overflow: hidden;
padding-bottom: 15px;
z-index: 10;
position:fixed;
top: 0;
right: 0;
box-shadow: 0 5px 5px #000000;
background-image:url(../images/px_by_Gre3g.png);
/*background: rgb(0,0,0);
background: -moz-linear-gradient(top,  rgba(113,113,112,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(113,113,112,1)), color-stop(100%,rgba(33,33,33,1)));
background: -webkit-linear-gradient(top,  rgba(113,113,112,1) 0%,rgba(33,33,33,1) 100%);
background: -o-linear-gradient(top,  rgba(113,113,112,1) 0%,rgba(33,33,33,1) 100%);
background: -ms-linear-gradient(top,  rgba(113,113,112,1) 0%,rgba(33,33,33,1) 100%);
background: linear-gradient(to bottom,  rgba(113,113,112,1) 0%,rgba(33,33,33,1) 100%);*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffef9', endColorstr='#212121',GradientType=0 );


}

ul.underlinemenu li{
display: inline;
}

ul.underlinemenu li a{
color: #FF8400;
font: bold 16px Julius Sans One;
padding: 15px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 50px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 1px solid #000;
text-shadow: 2px 2px 2px black;

}

ul.underlinemenu li a:hover, ul.underlinemenu li a.selected{
color: black;
border-bottom-color: #FF8400;
text-shadow: 1px 1px 1px black;
}

/* ######### CSS for vertical menu demo  ######### */

#contentcontainer p{
margin: 0;
}

ul.shadowblockmenu-v{
font: bold 14px Julius Sans One;
width: 150px; /* width of menu */
border: 1px solid #eee;
padding: 0;
margin: 0;
list-style: none;
}

ul.shadowblockmenu-v li{
margin:0;
padding:0;
}

ul.shadowblockmenu-v li a{
display:block;
text-transform: uppercase;
color: #494949;
padding: 10px 15px;
text-decoration: none;
border-bottom: 1px solid #cacaca;
border-right: 1px solid #cacaca; /*right border between menu items*/
-moz-box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6); /* Add inset shadow to each menu item. First 3 values in (114,114,114, 0.5) specifies rgb values, last specifies opacity */
-webkit-box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6);
box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6);
text-shadow: 0 -1px 1px #cfcfcf; /* CSS text shadow to give text some depth */
-moz-transition: all 0.2s ease-in-out; /* Enable CSS transition between property changes */
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

ul.shadowblockmenu-v li a:hover, ul.shadowblockmenu-v li a.selected{
color: black;
-moz-box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8); /* Add 3 inset shadows to each menu item  */
-webkit-box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8);
box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8);
}