[CSS] Como usar la variable <li class

[Ryen]

Loe quiero es poder crear las secciones de la web es decir, añadi las funciones de login las letras de menu con su direccion ay esas cosas

Saludos

Edito, para los botones derechos e creado unos div y con la propiedad onclik pero no hacen nada.

Código HTML:

<div class="button1" onclick="location.href=../pages/descarga.php"";" style="cursor:pointer;" ></div>
<div class="button" onclick="location.href="";" style="cursor:pointer;" ></div> 

CSSS

Código:

@charset "utf-8";
/* CSS Document */

.login_bar {
	background-image: url(../img/login_bar.png);
	background-repeat: no-repeat;
	height: 51px;
	width: 1280px;
	padding: 1px;
}
.bg {
	background-image: url(../img/bg.jpg);
	height: 1600px;
	width: 1280px;
}
.content {
	position: absolute;
	height: 1208px;
	width: 692px;
	background-image: url(../img/content.png);
	background-repeat: no-repeat;
	background-position: center;
	left: 318px;
	top: 284px;
	font-family: "Comic Sans MS", cursive;
	font-size: 24px;
	text-align: center;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
.navi {
	background-image: url(../img/st_navi_but_top.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 308px;
	width: 1066px;
	left: 129px;
	top: 227px;
}
.navi1 {
	float: left;
	height: 182px;
	width: 187px;
	position: absolute;
	left: 3px;
	top: 76px;
}
.navigator {
	position: absolute;
	height: 56px;
	width: 690px;
	float: left;
	left: 191px;
	top: 2px;
}
.top15 {
	float: left;
	height: 219px;
	width: 187px;
	position: absolute;
	left: 876px;
	top: 85px;
}
.button {
	float: left;
	height: 37px;
	width: 187px;
	position: absolute;
	left: 883px;
	top: 1px;
}
.button1 {
	float: left;
	height: 37px;
	width: 187px;
	position: absolute;
	left: 881px;
	top: 45px;
}
.logo_login_bar {
	float: left;
	height: 25px;
	width: 150px;
	position: absolute;
	left: 96px;
	top: 17px;
}