/* 
*************************
galerie 
*************************
*/
body{
	background-color:#333;
}
.thumb{
float:left;
margin:0 18px 18px 0;
width:207px;
height:110px;
}
.thumb a img{
position:absolute;
}	
.thumb h2 {
position:absolute;
width:170px;
height:128px;
}
.mask{
position:absolute;
background-color:#C2277B;
width:187px;
top:0px;
height:0;
padding:8px 10px 10px 10px;
margin-bottom:0;
display:none;
color:#000000;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
text-align:left;
cursor:pointer;
}
.mask a{
color:#000000;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
text-align:left;
cursor:pointer;
}
.mask a:hover{
color:#FFFFFF;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
text-align:left;
cursor:pointer;
}
.mask1{
position:absolute;
background-color:#89C40D;
width:187px;
top:0px;
height:0;
padding:8px 10px 10px 10px;
margin-bottom:0;
display:none;
color:#000000;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
text-align:left;
cursor:pointer;
}
.mask1 a{
color:#000000;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
text-align:left;
cursor:pointer;
}
.mask1 a:hover{
color:#FFFFFF;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
text-align:left;
cursor:pointer;
}
.mask2{
position:absolute;
background-color:#3ED5B6;
width:187px;
top:0px;
height:0;
padding:8px 10px 10px 10px;
margin-bottom:0;
display:none;
color:#000000;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
text-align:left;
cursor:pointer;
}
.mask2 a{
color:#000000;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
text-align:left;
cursor:pointer;
}
.mask2 a:hover{
color:#FFFFFF;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
text-align:left;
cursor:pointer;
}
.viewproject{
width:170px;
margin:8px 0 0 0;
color:#000000;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
text-align:left;
cursor:pointer;
}
.viewproject a{
width:170px;
margin:8px 0 0 0;
color:#000000;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
text-align:left;
cursor:pointer;
}
.viewproject a:hover{
width:170px;
margin:8px 0 0 0;
color:#FFFFFF;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
text-align:left;
cursor:pointer;
}
.magnifier{
width:20px;
height:20px;
position:absolute;
top:81px;
left:178px;
}
#company-link{
width:100px;
height:50px;
position:relative;
float:left;
vertical-align:top;
}
#company-link a{
display:block;
height:100px;
text-decoration:none;
}
#company-link a span{
visibility:hidden;
}
.thumb h3{
padding-top:107px;
font-size:0.7em;
background:#070707;
}
.thumb h3 a{
color:#7f8c57;
padding:0 8px 3px 8px;
border-bottom:1px solid #111;
line-height:22px;
overflow:hidden;
height:22px;
display:block;
}
.thumb h3 a:hover{
color:#93a754;
}

.infos_gen{
padding:6px 8px 8px 8px;
color:#7f8c57;
background:#070707;
font-size:0.75em;
}
.infos_gen p{
text-transform:uppercase;
color:#555;
font-size:10px;
}
.thumb .vote{
float:right;
cursor:pointer;
}

.thumb .load{float:right;padding:5px 6px;margin-top:-4px;}
.thumb .load img{width:12px;height:12px;}
.thumb .voted{
float:right;
cursor:default;
}

.thumb .click_vote{
margin-bottom:-1px;
}