#container{
  background: black;
  width:950px;

}

body{
  background: #000;
  margin:0px;
}


#header{
  height: 170px;
  width: 820px;
}

#head-top{
  background: #333;
  height: 140px;
  width: 800px;
  text-align:left;
  border-left: 2px solid #ff33cc;
  border-right: 2px solid #ff33cc;
}

#head-top-middle{
  width:164px;
  height:100px;
  display:inline;
}

#logo
{
  margin-top:15px;
  margin-left:20px;

  background: url("logo.gif") no-repeat;
  height:125px;
  width:246px;
  float:left;

}

#banners
{
  margin-top:30px;
  margin-right:20px;
  background: #333;
  width:400px;
  height:100px;
  float:right;
}

#head-bottom{
 
  background: url("head_bottom.gif");
  height: 30px;
  width: 820px;
}

#menu{
  width:950px;
  height:45px;
  margin:10px auto;
  background:url("menu_middle.gif") repeat-x;
}

#menu-left{
  background: url("menu_left.gif");
  width:30px;
  height:45px;
  float:left;
}

#menu-right{
  background: url("menu_right.gif");
  width:30px;
  height:45px;
  float:right;
}

#menu-middle ul{
  display:inline;

}

#menu1{

  height:45px;
  font: bold 16px Arial;
  background: url("menu_middle.gif") repeat-x;
}

#menu1 ul li{
   height:45px;
  display:inline;
}

#menu1 ul li a{
text-decoration: none;
 color:white;
 height:45px;
 float:left;

}

#menu1 ul li a:hover{
  background: url("menu_active.gif") repeat-x;
}

#menu1 ul li a div{
 display: inline;
 border-right: 1px solid #ff33cc;
 border-left: 1px solid #ff33cc;
 height: 29px;
 padding-top:10px;
 padding-right:10px;
 padding-left:10px;
 margin-top:3px;
 float:left;
 cursor:hand;
} 



#middle ul li{

}

#middle-top-left{
  background: url("middle_top_left.gif");
  width:30px;
  height:30px;
  float:left;


}

#middle-top-right{
  background: url("middle_top_right.gif");
  width:30px;
  height:30px;
  float:right;


}

#middle-top{
  height:30px;
  width:950px;
  background:url("middle_top.gif") repeat-x;

}

#middle{
  width:950px;
  padding:0px;
  margin:0px;
}

#content{
   background: #333;
   border-right: 2px solid #ff33cc;
  border-left: 2px solid #ff33cc;
   text-align:left;
   padding-left:200px;
   margin-left:4px;
   margin-right:3px;
   color:white;
border-top:2px solid #ff33cc;
  border-bottom: 2px solid #ff33cc;
  font: 16px Arial;
  
}


#nav{
  float:left;
  width: 200px;
  padding-top:2px;
    text-align:left;
}

.first_ul
{
  font: bold 12px Tahoma;
  list-style-type:none;
  text-align:left;
}

.second_ul
{

  list-style-type:none;
  text-align:left;
  margin-left:15px;
  padding:0px;
  
}

.first_li
{
  padding:0px;
  margin:0px;
  border:1px solid #333;
}


#nav a
{
  font: bold 14px Verdana;
  text-decoration: none;
  color: white;
}

#nav a:hover
{
  color: #ff00ff;
}

#con{
  border-left: 2px solid #ff33cc;

  padding-left:10px;
  padding-right:5px;
  padding-bottom:20px;
  padding-top:1px;

}

#middle-top-middle{
  padding:0px;
  margin:0px;
  width:537px;
  height:30px;

}


#bottom
{
  background: url("bottom_middle.gif");
  height: 30px;
  width: 950px;

}

#bottom-left
{
  background: url("bottom_left.gif");
  float:left;
  height:30px;
  width:30px;

}

#bottom-right
{
  background: url("bottom_right.gif");
  float:right;
  height:30px;
  width:30px;
}

#bottom-middle
{
  padding-top:3px;
}

#con a{
  text-decoration: none;
  border-bottom:1px dotted #ffccff;
  color: #FFccFF;
  font-weight: bold;
}

.saloni tr[class~=tr-even]{
  border: 1px solid #fe31fe;
  background: #fe66fe;
  color: black;
}

.saloni tr[class~=tr-odd]{
  border-left: 1px solid #fe31fe;
  border-right: 1px solid #fe31fe;
  background: #666;
}