@charset "UTF-8";
/* Style overrides for navigation menu in header. */

*{position:relative;padding:0px;margin:0px;border:none;text-decoration:none;}


/* Color Reference

Auburn dark orange
r,g,b= 221,85,12

light orange
r,g,b=246,128,38

light blue
r,g,b=76,114,161

*/


#HSNavBar{
	position:absolute;
	bottom:0px;
	
width:950px;
height:30px;

text-align:center;

}

.HSNavItem{
display:inline-block;
line-height:30px;
height:30px;

width:110px;

color:white;
cursor:pointer;
text-decoration:none;

transition: all .3s linear;
-webkit-transition: all .3s linear;
-Moz-transition: all .3s linear;
-o-transition: all .3s linear;
-ms-transition: all .3s linear;

}

.HSNavItem:hover{
color:white; /*overrides OCM css*/
background-color:rgb(246,128,38);
}


/* Bottom menu */

#HSBottomMenu{
position:absolute;
	bottom:0px;
	left:20px;
height:210px;
width:135px;	
text-align:left;

transform-origin: left bottom;
transform: translateX(250px) rotate(-90deg);

-webkit-transform-origin: left bottom;
-webkit-transform: translateX(250px) rotate(-90deg);

-Moz-transform-origin: left bottom;
-Moz-transform: translateX(250px) rotate(-90deg);

-o-transform-origin: left bottom;
-o-transform: translateX(250px) rotate(-90deg);

-ms-transform-origin: left bottom;
-ms-transform: translateX(250px) rotate(-90deg);

}

.HSBottomMenuItem{
display:block;
line-height:30px;
height:30px;

width:130px;

color:rgba(76,114,161,.4);
cursor:pointer;	
text-decoration:none;

text-align:left;

font-family:BebasRegular, "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing:+1px;font-size:18px;font-weight:100;	
}

.HSBottomMenuItem:hover{color:rgba(76,114,161,1.0);}