#slider-groups
{
margin:5px 0px 5px 20px;
}   
  
#slider-groups a
{
margin-right:20px;
}   
  
#slider-groups a:hover
{   
text-decoration:underline;
}
  
#slider 
{   
/* Height and Width are provided thru ISOCustom.css */  
position:relative;     
overflow:hidden;   
}   
  
#mask-gallery 
{   
overflow:hidden;       
}   
  
#gallery 
{   
/* Clear the list style */  
list-style:none;   
margin:0;   
padding:0;   
z-index:0;   
/* width = total items multiply with #mask gallery width */  
width:auto;   
overflow:hidden;   
}   
  
#gallery li 
{   
/* float left, so that the items are arrangged horizontally */  
float:left;   
}   
  
#mask-excerpt 
{   
/* Set the position */  
position:absolute;     
top:0;   
z-index:80;   

/* width should be lesser than #slider width */  
width:500px;   
overflow:hidden;       
}   
	   
#excerpt 
{   
/* Clear the list style */  
list-style:none;   
margin:0;   
padding:0;   
	   
/* Set the position */  
z-index:90;   
position:absolute;   
top:0;   
left:0;   
	   
/* Set the style */  
width:500px;   
overflow:hidden;   
}   
  
#excerpt li 
{
padding:5px 0px 0px 15px;
font-size:13px;  
text-shadow:#333333 1px 1px 1px;
}

#excerpt li #heading
{   
font-size:24px;
margin:10px 0px 3px 0px;
text-shadow:#333333 2px 2px 2px;
}

#excerpt li #desc
{
margin:3px 0px 10px 0px;
}

#html-desc
{
font-size:12px;
}

#html-desc li
{
font-size:12px;
height:auto !important;
padding:0px;
list-style-type:square;
}

#html-desc a:link,
#html-desc a:visited,
#html-desc li a:link,
#html-desc li a:visited
{
color:#ffffff !important;
}

#html-desc a:hover,
#html-desc li a:hover
{
color:#ffffff !important;
text-decoration:underline;
}

#rotator-links
{
z-index:100;
position:absolute;   
bottom:0;   
width:100%;
margin: 0px 0px 15px 0px;   

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d0d0d0'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d0d0d0)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ffffff,  #d0d0d0); /* for firefox 3.6+ */ 
}   
  
#rotator-links a
{
color:#333333 !important;
float : left;
width : 16%;
height : 22px;
display : inline;
font-size : 11px;
padding : 0px 20px 0px 20px;
line-height : 22px;
font-weight : bold;
text-align : center;
text-decoration : none;
text-shadow:#ffffff 1px 1px 1px;
}   
  
#rotator-links a:hover,
#rotator-links a.selected
{
color:#ffffff !important;
text-shadow:#333333 1px 1px 1px;
}   
  
.clear 
{   
clear:both;    
}