/*reset
--------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

ul,ol,li{list-style:none;}

a:link,
a:visited{text-decoration:none;
          color:#fff;}
		  
a:hover,
a:active{color:#fff; text-decoration:nonel}

img{border:0 none;}
/* CSS Document */


body{
	font-family:"Trebuchet MS","Myriad Pro", Helvetica, sans-serif;
	font-size:12px;
	color: #111;
}




#portfolio{
	position:relative;
    width:681px;
	height:895px;;
	margin:0 auto;
}

#thumbScroller{
  position:absolute;
  height:auto;
	margin-left:0.8%;

	

}


.thumbWrapper{
	height:auto;

}


.thumbContainer li{
   position:relative;	
	 float:left; 
     height:161px; 
	 width:213px; 
	 margin-bottom:5px;
	 margin-right:5px; 
	 background:#fff; 
	 /*box-shadow:0 0 10px #000; */
	 border: 3px solid #000;
	 overflow:hidden;
	position:relative;
	margin-bottom:42px;
 }
 
.thumbContainer li>img{
	position:absolute;
	top:0;
}
.thumbContainer li>div{
	position:absolute;
	bottom:-171px;
	height:140px;
	width:213px;
	color:#fff;
/*	background:url(../product/images/bg-black.png);
*/}
.thumbContainer li>div .title{
	color:#F60;
	font-weight:border;
	text-align:center;
	padding-top:35px;
}

.thumbContainer li>div .desc{
	text-align:center;
	padding-top:30px;
	}