body{
background:#000000;

color:#000000;
font:0.8em "Angelo Missori","Angelo Missori",Tahoma,Verdana,sans-serif; font-weight:normal
}
a{
color:#ddd;
outline:none;
text-decoration:none
}
a:hover{
color:#fff;
}
h1{
text-align:right;
font-size:2em;
}

#demo {
width:800px;	
margin:0 auto
}

#container {
	margin:0px auto 0px auto;
	border:#993939 0px solid;
	width:800px;
	height:750px;
}



div.container_portfolio{
	width:800px;
	margin:40px auto;
}
div.thumb{
    position:relative;
	width:160px;
	height:160px;
	margin:30px 40px;
	overflow:hidden;
	border:5px solid #313131;
	float:left;
}
div.divLeft, div.divRight{
	width:90px;
	height:160px;
	overflow:hidden;
	position:relative;
    top:-160px;
	overflow:hidden;
	float:left;
}
div.divLeft{
	margin-right:-10px;
}
div.divLeftImage{
	width:80px;
	height:100%;
	float:left;
}
div.divLeftShadow{
	width:10px;
	height:100%;
	float:left;
	background:transparent url('img_portfolio/shadow.png') repeat-y 0 0;
}
div.divRight{
	width:80px;
	background-position:-80px 0;
}
.thumbnail-shadow {
	float:left;
	height:33px;
	position:relative;
	top: -320px;
	width:100%;
}

div.someContent{
	position:relative;
    width:160px;
	height:150px;
	padding:10px 0px 0px;
	font-size:12px;
	font-family:Arial;
	text-align:justify;
	background:transparent url(img_portfolio/thumbnail-overlay.png) no-repeat scroll 0px -167px;

}
div.someContent div.content{
	color:#CCC;
	height:126px;
	font-size:11px;
	padding:0 10px 0 20px;
}
div.someContent div.more{
	background-image:url(img_portfolio/readmore-bg.png);
	bottom:0;
	float:right;
	height:16px;
	padding:5px 5px 3px 20px;
	position:relative;
	right:0;
	width:45px;