<html>

<head>
<title>Style</title>
<style>

#nav ul {
      margin: 0px;
      padding: 0px;
      list-style:none;
      width:200px;
    }
#nav  ul li {
  position: relative;
  border-bottom:1px solid #ccc;
  }
  
#nav li ul {
  position: absolute;
  left: 200px;
  top: 0;
  display: none;
  }  	
#nav ul li a {
  display: block;
  text-decoration: none;
  color: #777;
  background: #f4f4f4;
  padding: 5px;
  } 
  
 #nav  li:hover ul { display: block; }
 
 
 
 
 #nav li:hover  a {
  color:#FFFFFF;
  background:  url(fone-tr.png);
  } 
 #nav  li:hover ul a:hover {
  background-color:#cccccc;
  background-image:none;
  color:#FFFFFF;
  } 
 #nav li:hover ul, #nav li.jshover ul { 
…
 }

#nav li:hover  a, #nav li.jshover a {
…
 }

#nav li:hover ul a:hover, #nav li.jshover ul a:hover {
…
 } 
  
a {color:#F00}

/* стиль для заголовков текста блока */
.title {
	text-align: center;
	font: 700 12 Verdana, Geneva, sans-serif;
	color: #666
}

/* глобальные стили оформления открывающегося окна */
#open_block { 
   	position: absolute;
	width: 320px;
	left: 35%;
  	top: 100px;
	display: none;
  	z-index: 10;
    overflow: hidden;
	background: #f6f6f6;
}

/* стили для "Закрыть" */
#close {
	float: right;
	font: 10px Verdana, Geneva, sans-serif;
	color: #999;
	margin: 10px 0 0 0;
}





</style>
</head>

<body>
</body>
</html>