.main {
width: 380px;
height: 270px;
float: left;
background: #333;
position: relative;
overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
color: #000;
}

.main,.thumb{
margin-top:50px;
}

.main h2 {
font-size: 18px;
font-weight: normal;
}

.block h2{
font-weight:bold;
}

.block a{
color:#000;
text-decoration:none;
}

.block a:hover,.main .block a{
text-decoration:underline;
}

.main .block small{
margin-left: 10px;
}

.main .desc{
position: absolute;
bottom: 0;
left: 0; /*--Stick the desc class to the bottom of our main image container--*/
width: 100%;
height:85px;
display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}

.main .block{
width: 100%;
background: darkorange;
height:90px;
}

.thumb {
float: left;
width: 35%;
background: #f0f0f0;
margin-left:10px;
}

.thumb ul {
margin: 0;
margin-left:20%;
padding: 0;
list-style: none;
height:226px;
width:100px;
}

.thumb ul li{
margin: 0;
}

.thumb .active a:hover{ /*--Hover State--*/
text-decoration: none;
cursor:default;
}
.thumb .active a{
	color:#FFA500;
}
.thumb ul li.active { /*--Active State--*/
cursor: default;

}

html .thumb ul li h2 {
font-size: 13px;
padding: 0;
}

.thumb .block{
margin-bottom:11px;
}

.thumb ul li .block {
float: left;
padding: 0;
width: 170px;
}
.thumb ul li p{
display: none;
}

.details{
display:none;
}

.thumb h1{
padding:0;
margin:10px 0 10px 10px;
font-style:normal;
color:#666;
font-size:17px;
text-decoration:underline;
}

.block p, .block a{
font-size:12px;
}

.main .block h2,.main .block p,.main .block a{
margin-left:15px;
font-weight:normal;
margin-bottom:5px;
}