/*#main { width:726px; height:240px;}


pre { text-align: left; overflow: visible }
code { background-color: #ffc }
pre code { background-color: #eee }

.pics { width:726px; height:240px; padding:0; margin:0; overflow: hidden }
.pics img { width:726px; height:240px;}


#slideshow { position: relative; width: 240px;}
#controls { z-index: 1000; position: absolute; left: 0; display: none;
    background-color: none;  margin-top:5.3cm; padding: 3px; 
    width:726px;
}
#controls span { margin: 0 5px;}*/

#main { 
width:727px; 
height:165px;
}


pre { 
text-align: left; 
overflow: visible; 
}

code { 
background-color: #ffc; 
}

pre code {
 background-color: #eee;
  }

.pics { 
height: 220px;
 width: 785px; 
 padding:0; 
 margin:0; 
 overflow: hidden ;
 }

.pics img { 
height: 220px; 
width: 785px;
}


#slideshow { 
position: relative; 
width: 230px;
}

#controls { 
z-index: 500; 
position: absolute; 
top: 0; 
left: 0;
background-color: none; 
margin: 0; 
padding: 6px; 
width: 768px;
}

#controls span { 
margin: 0 5px; 

}
#nav { 
z-index: 1000; 
position:relative;  
height:0px;   
top: 180px;
 margin: 0px;
 padding-top:5px;
 float:right;
}

#nav a { 
margin: 0px; 
display:block; 
float:left; 
padding:0px 0px 0px 0px;   
width:24px; 
height:25px; 
border: 0; 
color:#ffffff; 
font-weight:bold; 
background:none;   
background-image: url(../Images/design/slide.png);
background-repeat:no-repeat;
background-position:top left;
text-decoration: none;
font-family:Arial;
font-size:12px;
text-align:center;
padding-top:5px;

}

#nav a.activeSlide {
background:none; 
background-image: url(../Images/design/slide.png); 
background-repeat:no-repeat;
background-position:top left;
font-family:Arial;
font-size:12px;
color:#CC0000; 
padding-top:4px;
}

#nav a:focus { 
outline: none; 
}