#thumbarea { /*to center-portfolio pg*/
	float: left;
	width: 100%;
	overflow: hidden; 
	position: relative;
	top: 0;
	left: 0;
	padding-bottom:  15px;
	background:  url(../images/hlines.gif) repeat-x left bottom;
	/*border-bottom:  1px solid #a7a7a7;*/
	margin-bottom:  25px;
}

#thumbs { 
	float:  left;
	width: 155px; 
	height:  378px;
	margin: 20px 0 0 0;
	padding-right:  25px;
	background:  url(../images/vlines.gif) repeat-y right 0;
	/*border-right:  1px solid #a7a7a7;*/
}

body#portfolio ul#thumbs {
	clear: left;
	float: left;
   	position: relative;
  	width:  auto;
  	height: auto;
  	left: 50%;
}

#thumbs li { 
	width: 68px; 
	float: left; 
	margin: 8px 3px; 
}

body#portfolio ul#thumbs li {
   display: block;
   width:  auto;
   position: relative;
   right: 50%;
}

#thumbs a { 
	width: 60px; 
	padding: 4px; 
	display: block; 
	border: 1px solid #ababab;  
}

body#portfolio ul#thumbs a {
    width:  auto;
    padding: 5px;
}

#thumbs a.activeSlide { 
	background: #555; 
}

#thumbs a:focus { 
	outline: none; 
	}
	
#thumbs img { 
	border: none; 
	display: block;
}

div#slideshow {
	float:  right;
	margin: 25px 0 10px 0;
	width:  530px;  
    height:  425px;  /*auto;  370px;*/  
    overflow: hidden;
    z-index:  5;
}

body#portfolio div#slideshow {
	float: left;
	clear:  both;
	position: relative;
	width:  88em;
	height: 315px;
}

#slideshow img { 
	padding: 10px;  
    border:  1px solid #ababab;  
    background-color: #fff;  
} 	

body#portfolio #slideshow img {  
	float: left;
	margin-left:  25px;
    padding: 10px;  
    border: 1px solid #ababab;  
    background-color: #555;  
} 	

#slideshow p {
	width:  auto;
	margin: 0 25px 0 470px;
	font-size:  1.2em;
}

#slideshow h2 {
	margin: 2em 0 0.5em 470px;
	font-size:  1.2em;
}

p#caption  {
	margin-left: 165px;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 95%;
	text-align: center;
}

#slideshow span  {
	display: block;
	margin-top: 8px;
	padding-top: 2px;
	border-top:  1px solid #999;
	font-size: 90%;
	font-style: italic;
	color: #999;
}

#slideshow a:link, #slideshow a:visited, #slideshow a:hover  {
	border:  none;
	text-decoration:  none;
}	
	
#slideshow h2 a:link,  #slideshow h2 a:visited  {
	font-weight: bold;
	color:  #666;
}

#slideshow h2 a:hover  {
	color: #cb1616;
	background-color: #fff;
} 

#slideshow span a:link, #slideshow span a:visited  {
	color: #666;
	border-bottom: 1px dotted #cb1616;
} 	
	
#slideshow span a:hover  {
	color:  #000;
	background-color:  #999;
}