.preload {
    background-image: url(http://www.onyxpower.com/images/button_background_green.gif);
	background-image: url(http://www.onyxpower.com/images/onyx_background.png);
    display: none;}
	
/*Takes Bullets Off*/
#nav-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;}
	
/*Lines Bullets Up*/
#nav-menu li {
   float: left;
   margin: 0 0px;}

/*Defines Menu Boxes*/
#nav-menu li a {
    background: url(http://www.onyxpower.com/images/button_background_green.gif) bottom left repeat-x;
    height: 30px;
    line-height: 30px; 
    float: left;
    width: 100px;
    display: block;
    border: 0;
    color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
    font-size: 13px;
	font-weight: 100;
    text-decoration: none;
	border-right: 1px solid #598E2D;
	border-left: 1px solid #9FD72F;
    text-align: center; }
	
#header_tile {	  
	   background: url(http://www.onyxpower.com/images/onyx_background.png) bottom no-repeat; 
	   color: #FFFFFF;}
	
#menu_tile{
    background: url(http://www.onyxpower.com/images/button_background_green.gif) bottom left repeat-x;}

#nav-menu li a:hover {
   background: url(http://www.onyxpower.com/images/button_background_green.gif) top left repeat-x;
   text-decoration: none;}
 
/*Left Corner*/
#nav-menu li.left {

	display: block;
	width: 10px;
	height: 30px;
	border-right: 1px solid #598E2D;
    background: url(http://www.onyxpower.com/images/button_background_green.gif) repeat left bottom;}

/*Right Corner*/
#nav-menu li.right {

	display: block;
    width: 10px;
	height: 30px;
	border-left: 1px solid #9FD72F;
    background: url(http://www.onyxpower.com/images/button_background_green.gif) repeat right bottom;}

#nav-menu ul li a.active {
	cursor: default;
	background: url(http://www.onyxpower.com/images/button_background_green.gif) top left repeat-x;
    text-decoration: none;}
	
#menu_container{
	margin-top: 0px;
	margin-left: 10px;
	float: left;}
	
#home_logo {
	margin-left: 40px;
	margin-top: 6px;
	margin-bottom: 3px;
	float: left;}

.style1 {
        font-size: 10px}
.style2 {
	color: #999999;
	font-size: 10px;
       line-height:110%;}

a.rollover:hover {
    background-image: url(http://www.onyxpower.com/images/onyx_logo_1.png);}
	
a.rollover {
    display: block;
    width: 100px;
    height: 72px;
    text-decoration: none;
    background-image: url(http://www.onyxpower.com/images/onyx_logo_1.png);
    background-repeat: no-repeat;}