@charset "utf-8"; /* CSS Document */<style type="text/css">
body {
background:#fff url(images/bg_body.gif) repeat-x;
font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif;
color:#333;
line-height:180%;
margin:0;
padding:0;
text-align:center;
}
img{border:none;}
pre{
display:block;
font:12px "Courier New", Courier, monospace;
padding:10px;
border:1px solid #bae2f0;
background:#e3f4f9;	
margin:.5em 0;
width:550px;
}	
/* image replacement */
.graphic, #prevBtn, #nextBtn{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}
/* // image replacement */
#container{	
margin:0 auto;
position:relative;
text-align:left;
width:550px;
background:#fff;		
margin-bottom:2em;
}	
#content{
position:relative;
height: 100%;
}			

#slider{}	
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider li{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:550px;
height:241px;
overflow:hidden; 
}	
#prevBtn, #nextBtn{ 
display:block;
width:30px;
height:77px;
position:absolute;
left:-40px;
top:71px;
}	
#nextBtn{ 
left:950px;
}														
#prevBtn a, #nextBtn a{  
display:block;
width:30px;
height:77px;
background:url(images/btn_prev.gif) no-repeat 0 0;	
}	
#nextBtn a{ 
background:url(images/btn_next.gif) no-repeat 0 0;	
}												
.projectDetails {
font:14px Arial; color:#666; 
float:left;
height: 241px;
overflow:hidden;
width:250px;
line-height:20px
}
.projectImage {
float:left;
width:250px;
height: 241px;
overflow:hidden;
margin-right: 20px;
}

</style>