ul.nav{
display: inline;
list-style-type: none;
width: 32em;
margin: auto;
}

li.navli{
display: inline;
float: left;
padding: 0px;
list-style-type: none;
}

li.lisub{
float: left;
padding: 2px;
list-style: none;
}


/*!!!!!!!!!!!!!!!! JavaScript Sub-menu section !!!!!!!!!!!!!!!!*/
#nav {
	display: inline;
	list-style-type: none;
	width: 32px;
	margin: auto;
	position:relative; z-index:500; 
}
#nav li.top {
	display: inline;
	float: left;
	padding: 0px;
	list-style-type: none;
	display:block; 
	float:left; 
	
}
#nav li a.home {		/*controls for the home menu link*/
	background-image: url('../images/buttons/home.gif');
	display: block;
	width: 124px;
	height: 23px;
	background-repeat: no-repeat;
	float:left; 
	line-height:33px; 
	cursor:pointer;
}
#nav li:hover a.home {		/*controls for the home menu link hover*/
	background-position: 0 -23px;
}
#nav li a.products {		/*controls for the home products link*/
	background-image: url('../images/buttons/products.gif'); 
	display: block;
	width: 124px;
	height: 23px;
	background-repeat: no-repeat;
	float:left; 
	line-height:33px; 
	cursor:pointer;
}
#nav li:hover a.products {		/*controls for the home menu link*/
	background-position: 0 -23px;
}


	/* ************* Sub-menu Controls ************ */
	#nav li:hover ul.sub{	
		left:0px; 	/*sub-menu horizontal alignment*/
		top:23px;	/*sub-menu vertical alignment*/
		padding:0px; 
		white-space:nowrap; 
		width:113px; 
		height:auto; 
		z-index:300;
	}
	#nav li:hover ul.sub li a{	/*controls for the sub-menu */
		font-family: Arial, san-serif;
		font-style: italic;
		font-variant: small-caps;
		display:block; 
		font-size:12px; 
		line-height:24px;	/*sub-menu block height*/ 
		/*text-indent:5px; */
		color:#000; 
		text-decoration:none;
		border:1px solid #ff0000;
		background-image: url('../images/buttons/submenu.gif'); 
		text-align:center;
	}
	#nav li:hover ul.sub li a:hover{	/*controls for the hover sub-menu color */
		background:#0000ff; 	/*sub-menu hover color*/
		color:#fff; 
		border-color:#fff;
	}
	#nav li:hover ul.sub li{	/* More settings for the sub menus */
		display:block; 
		height:26px; 	/* cell spacing */
		position:relative; 
		float:left; 
		width:123px; 
		font-weight:normal;
	}
	#nav li:hover {
		position:relative; 
		z-index:200;
	}
	#nav ul, 
	#nav li:hover ul ul,
	#nav li:hover li:hover ul ul,
	#nav li:hover li:hover li:hover ul ul,
	#nav li:hover li:hover li:hover li:hover ul ul{
		position:absolute; 
		left:-9999px; 
		top:-9999px; 
		width:0; 
		height:0; 
		margin:0; 
		padding:0; 
		list-style:none;
	}
	/* ************* End of Sub-menu Controls ************ */



#nav li a.downloads {		/*controls for the downloads menu link*/
	background-image: url('../images/buttons/downloads.gif'); 
	display: block;
	width: 124px;
	height: 23px;
	background-repeat: no-repeat;
	float:left; 
	line-height:33px; 
	cursor:pointer;
}
#nav li:hover a.downloads {		/*controls for the downloads menu link hover*/
	background-position: 0 -23px;
}

#nav li a.contactus {		/*controls for the contactus menu link*/
	background-image: url('../images/buttons/contactusroll.gif'); 
	display: block;
	width: 124px;
	height: 23px;
	background-repeat: no-repeat;
	float:left; 
	line-height:33px; 
	cursor:pointer;
}
#nav li:hover a.contactus {		/*controls for the contactus menu link hover*/
	background-position: 0 -23px;
}
#nav li a.aboutus {		/*controls for the aboutus menu link*/
	background-image: url('../images/buttons/aboutus.gif'); 
	display: block;
	width: 124px;
	height: 23px;
	background-repeat: no-repeat;
	float:left; 
	line-height:33px; 
	cursor:pointer;
}
#nav li:hover a.aboutus {		/*controls for the aboutus menu link hover*/
	background-position: 0 -23px;
}
#nav li a.salmonspc {		/*controls for the salmonspc menu link*/
	background-image: url('../images/buttons/salmonspc.gif'); 
	display: block;
	width: 124px;
	height: 23px;
	background-repeat: no-repeat;
	float:left; 
	line-height:33px; 
	cursor:pointer;
}
#nav li:hover a.salmonspc {		/*controls for the salmonspc menu link hover*/
	background-position: 0 -23px;
}
#nav li a.logout {		/*controls for the logout menu link*/
	background-image: url('../images/buttons/logout.gif'); 
	display: block;
	width: 124px;
	height: 23px;
	background-repeat: no-repeat;
	float:left; 
	line-height:33px; 
	cursor:pointer;
}
#nav li:hover a.logout {		/*controls for the logout menu link hover*/
	background-position: 0 -23px;
}
#nav li a.login {		/*controls for the login menu link*/
	background-image: url('../images/buttons/login.gif'); 
	display: block;
	width: 124px;
	height: 23px;
	background-repeat: no-repeat;
	float:left; 
	line-height:33px; 
	cursor:pointer;
}
#nav li:hover a.login {		/*controls for the login menu link hover*/
	background-position: 0 -23px;
}

/*!!!!!!!!!!!!!!!! End of JavaScript Sub-menu section !!!!!!!!!!!!!!!!*/








.admin {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/buttons/admin.gif'); 
	background-repeat: no-repeat;
}

.admin:hover {
	background-position: 0 -23px;
}

.accounts {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/buttons/accounts.gif'); 
	background-repeat: no-repeat;
}

.accounts:hover {
	background-position: 0 -23px;
}

.newuser {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/buttons/newuser.gif'); 
	background-repeat: no-repeat;
}

.newuser:hover {
	background-position: 0 -23px;
}

a.bcanP {
	display: block;
	width: 133px;
	height: 100px;
	background-image: url('../images/buttons/bcanroll.gif');  
	background-repeat: no-repeat;
}
.bcanP:hover {
	background-position: 0 -100px;
}

a.beamP {
	display: block;
	width: 133px;
	height: 100px;
	background-image: url('../images/buttons/beamroll.gif');  
	background-repeat: no-repeat;
}

.beamP:hover {
	background-position: 0 -100px;
}

a.compmemP {
	display: block;
	width: 133px;
	height: 100px;
	background-image: url('../images/buttons/compmemroll.gif');  
	background-repeat: no-repeat;
}

.compmemP:hover {
	background-position: 0 -100px;
}

a.lateralP {
	display: block;
	width: 133px;
	height: 100px;
	background-image: url('../images/buttons/lateralroll.gif');  
	background-repeat: no-repeat;
}

.lateralP:hover {
	background-position: 0 -100px;
}

a.shearwalP {
	display: block;
	width: 133px;
	height: 100px;
	background-image: url('../images/buttons/shearwalroll.gif'); 
	background-repeat: no-repeat;
}

.shearwalP:hover {
	background-position: 0 -100px;
}

a.studsP {
	display: block;
	width: 133px;
	height: 100px;
	background-image: url('../images/buttons/studsroll.gif');  
	background-repeat: no-repeat;
}

.studsP:hover {
	background-position: 0 -100px;
}

a.keyinstaller {
	display: block;
	width: 133px;
	height: 100px;
	background-image: url('../images/buttons/keyinstallerroll.gif');  
	background-repeat: no-repeat;
}

.keyinstaller:hover {
	background-position: 0 -100px;
}

a.close {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/buttons/close.gif'); 
	background-repeat: no-repeat;
}

a.close:hover {
	background-position: 0 -23px;
}

a.newcompany {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/buttons/newcompanyroll.gif'); 
	background-repeat: no-repeat;
}

a.newcompany:hover {
	background-position: 0 -23px;
}

a.companies {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/buttons/companiesroll.gif'); 
	background-repeat: no-repeat;
}

a.companies:hover {
	background-position: 0 -23px;
}

a.mycompany {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/buttons/mycompanyroll.gif'); 
	background-repeat: no-repeat;
}

a.mycompany:hover {
	background-position: 0 -23px;
}

.login {
	display: block;
	width: 124px;
	height: 23px;
	background-image: url('../images/buttons/login.gif'); 
	background-repeat: no-repeat;
}

.login:hover {
	background-position: 0 -23px;
}