#dotspace
{
    text-align: left;
 font-family: Tahoma, Verdana;
 width:500px;
 height:380px;
 border:1px solid #000;
 padding:4px;
}

#dotstrip
{
    background: url(imgs/dotstrip.png) no-repeat;
    width:371px;
    height:40px;
}

.dot span
{
    padding-left:15px;
    line-height: 35px;
}

.dot
{ 
    cursor:pointer;
    float:left;
    background: none;
    color:#5ffb58;
    font-weight: bold;
    font-size:13px;
    width:41px;
    height:37px;
    margin:2px;
    margin-right:29px;
}

#dotspacer
{
   padding:13px;
}

#dotimg
{ 
   background: url(imgs/img1.jpg) no-repeat;
   width:500px;
   height:380px;
}

#dotplace
{
    height:312px;
    width:500px;
}

#dotdes h1
{
    font-size: 20px;
    font-weight: 400;
   line-height: 10px; 
   margin:0px 0px 15px 0px;
}

#dotdes
{ 
   line-height:normal; 
    font-size: 11px;
    background:#FFF;
    padding:13px;
    height:42px;
    width:500px;
    
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=60);

  /* Netscape */
  -moz-opacity: 0.6;

  /* Safari 1.x */
  -khtml-opacity: 0.6;

  /* Good browsers */
  opacity: 0.6;
}

html>body #dotdes
{
   line-height:normal; 
    font-size: 11px;
    background:#FFF;
    padding:13px;
    height:42px;
    width:474px;
    
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* Netscape */
  -moz-opacity: 0.6;

  /* Safari 1.x */
  -khtml-opacity: 0.6;

  /* Good browsers */
  opacity: 0.6;
}