
/*
<!--                                                            //-->
<!--  © 2003 - 2009 MotionsMedia Technology and Communications  //-->
<!--  Author: Edward Anthony Gal                                //-->
<!--  All rights reserved                                       //-->
<!--                                                            //-->
*/

/* =main navigation
---------------------------------------------------------------------------------------------------- */

div#navigation {
    height: 44px;
    width: 232px;
    margin: 0 0 0 0;
    padding: 0;
    position: relative; 		
}
	
div#navigation ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
div#navigation ul li {
			float: left;
 			padding: 0;
			list-style: none;			
			text-indent: 0;
            }
			
			div#navigation ul li a:link,
			div#navigation ul li a:visited,
            		div#navigation ul li a:active
             {
            	display: block;
                margin: 0;
		padding: 3px 0px 0px 0px;
		color: #022652;
		font-size: 14px;
                font-family: verdana, sans-serif, arial;
                text-align: left;
                text-decoration: none;


				}
			div#navigation ul li a:hover

			 {
		background-image:url('images/nv-bg1-ro.gif');
				}
		
             div#navigation ul li#nav-home            
             {
		width: 232px;
		height: 22px;
             	margin: 0;    
		background-image:url('images/nv-bg1.gif');
			}

             div#navigation ul li#nav-home-sel            
             {
		width: 232px;
		height: 22px;
             	margin: 0;    
		background-image:url('images/nv-bg1-sel.gif');
			}

             div#navigation ul li#nav-about
             {
		width: 232px;
		height: 22px;
             	margin: 0;                
		background-image:url('images/nv-bg2.gif');
			}

             div#navigation ul li#nav-about-sel
             {
		width: 232px;
		height: 22px;
             	margin: 0;                
		background-image:url('images/nv-bg2-sel.gif');
			}

             div#navigation ul li#nav-services            
             {
		width: 232px;
		height: 22px;
             	margin: 0;    
		background-image:url('images/nv-bg1.gif');
			}

             div#navigation ul li#nav-services-sel            
             {
		width: 232px;
		height: 22px;
             	margin: 0;    
		background-image:url('images/nv-bg1-sel.gif');
			}

             div#navigation ul li#nav-safety
             {
		width: 232px;
		height: 22px;
             	margin: 0;                
		background-image:url('images/nv-bg2.gif');
			}

             div#navigation ul li#nav-safety-sel
             {
		width: 232px;
		height: 22px;
             	margin: 0;                
		background-image:url('images/nv-bg2-sel.gif');
			}

             div#navigation ul li#nav-sustainability
             {
		width: 232px;
		height: 22px;
             	margin: 0;                
		background-image:url('images/nv-bg1.gif');
			}

             div#navigation ul li#nav-sustainability-sel
             {
		width: 232px;
		height: 22px;
             	margin: 0;                
		background-image:url('images/nv-bg1-sel.gif');
			}

             div#navigation ul li#nav-login
             {
		width: 232px;
		height: 22px;
             	margin: 0;                
		background-image:url('images/nv-bg2.gif');
			}

             div#navigation ul li#nav-login-sel
             {
		width: 232px;
		height: 22px;
             	margin: 0;                
		background-image:url('images/nv-bg2-sel.gif');
			}

             div#navigation ul li#nav-clogin
             {
		width: 232px;
		height: 22px;
             	margin: 0;                
		background-image:url('images/nv-bg1.gif');
			}

             div#navigation ul li#nav-clogin-sel
             {
		width: 232px;
		height: 22px;
             	margin: 0;                
		background-image:url('images/nv-bg1-sel.gif');
			}

             div#navigation ul li#nav-contact
             {
		width: 232px;
		height: 22px;
             	margin: 0;                
		background-image:url('images/nv-bg2.gif');
			}

             div#navigation ul li#nav-contact-sel
             {
		width: 232px;
		height: 22px;
             	margin: 0;                
		background-image:url('images/nv-bg2-sel.gif');
			}


/* =Lists
---------------------------------------------------------------------------------------------------- */
ul, ol {
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 0px;
	}
	
li {
    margin: 0;
    font-weight: bold;
    font-family: arial, verdana, sans-serif;
	}



