/* FOR SITEWIDE */
* {font-family: 'Trebuchet MS',Helvetica,Arial,Tahoma}
html{height:100%;overflow: -moz-scrollbars-vertical;}
html,body{background-color: #000;}
#hBody{
  position: absolute;
  top: 40%;
  width: 100%;
}

#hBody.page{
  top: 20px;
}
#hLogo{
  position:relative;
  text-align:center;
  padding:10px 0px 7px 0px;
  clear:both;
  border-top:1px solid #666;
  border-bottom:1px solid #666;
}
#hLogo div{
  width:960px;
  margin:auto;
}
#hLogo div.page{
  text-align:left;
}
#MenuPortfolyo{
  text-align:center;
  padding:10px;
  color:#999;
  font-size:10px
}
#MenuPortfolyo div{
  width:960px;
  margin:auto;
}
#MenuPortfolyo div span,#MenuPortfolyo div span a{
  font-size:11px;
  font-weight: bold;
}
#MenuPortfolyo div.page{
  text-align:left;
}
#MenuPortfolyo a{
  color:#999;
  text-decoration: none;
  padding:1px 3px 1px 3px;
}
#MenuPortfolyo a:hover{
  color:#000;
  background-color: #666;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
}

#hContent{
  margin-top:30px;
  text-align:center;
}
#hContent #holder{
  width:960px;
  margin:auto;
  text-align:left;
}
#hContent #hThumb{
  width:812px;  
  height:370px;
  overflow:hidden;
  float:right;
}
#hContent #hThumb span{
  display:block;
  width:8000px;  
}
#hContent #hThumb span div{
  display:inline-table;
  float:left;
  width:812px;
  height:370px;
}
#hContent #hThumb a{
  float:left;
  display:block;
  margin:0px 4px 0px 0px;
}
#hContent #hThumb img{
  height:88px;
}
#hContent #hThumb img.check{
  opacity:0.2;
  filter:alpha(opacity=20);
}
#hContent #hThumb img.edit{
  width:12px;
  height:12px;
  background-color:#FFF;
  padding:1px;
  border:1px solid #CCC;
  position:absolute
}

#hContent #holder #content{
  width:812px;
  float:right;
  text-align:left;
  border:1px solid #666;
  display:inline-table;
  color:#FFF;
  padding:20px;
  font-size:14px;
}
#hContent #holder #content h1{
  margin-bottom:20px;
  font-size:16px;
  font-weight: bold;
}
#hContent #holder #content p{
  margin-bottom:20px;
}
#hContent #holder #content a{
  color:#0080C0;
}
#hContent #holder #content ul{
  margin-left:40px;
  margin-bottom:20px;
  list-style: circle;
}

#formContact table td{
  padding:5px
}
#formContact input,#formContact textarea{
  background-color: transparent;
  border: 1px solid #666;
  color:#FFF;
  padding:3px
}