/* CSS Document */

body{
font-family:Arial, Helvetica, sans-serif;
margin:0px;
background-image:url(/work/bg_f2.png);
background-repeat:repeat-x;
background-position:top;
}
#H_container{
width:780px;
_width:790px;
text-align:left;
position:relative;
}
#H_avatar{
position:absolute;
left:10px;
top:10px;
z-index:1;
}
#H_strap{
position:absolute;
left:60px;
top:15px;
z-index:1;
}
#H_strap h1{
margin:0px;
padding:0px;
font-size:15px;
}
#H_strap h1 span{
color:#999999;
font-size:11px;
}
#H_mainimage{
position:absolute;
left:0px;
top:265px;
width:240px;
height:240px;
border:5px solid #000000;
overflow:hidden;
z-index:0;
}
#H_mainnav{
position:absolute;
left:0px;
top:40px;
}
#H_mainnav ul,#H_mainnav li{
margin:0px;
padding:0px;
list-style:none;
text-align:right;
} 
#H_mainnav a{
width:190px;
height:25px;
display:block;
font-size:16px;
text-decoration:none;
font-weight:bold;
background-color:#000000;
padding-top:7px;
margin-bottom:12px;
color:#FFFFFF;
text-align:right;
}
#H_mainnav a span{
width:150px;
display:block;
float:right;
text-align:center;
}
#H_mainnav a:hover{
background-color:#000000;
color:#cc0000;
}
#H_maincontent{
float:right;
text-align:left;
width:580px;
}
#H_maincontent h1,#H_maincontent h2, #H_maincontent h3{
margin:0px;
padding:0px;
}
#H_maintitle {
margin-top:15px;
}
#H_maintitle h1{
font-size:15px;
margin:0px;
padding:0px;
}

#H_maintitle h1 span{
color:#999999;
font-size:11px;
}
/** main filter stuff
#H_mainfilter {
height:100px;
margin:0px;
padding:0px;
clear:both;
display:block;
}
#H_mainfilter h2{
font-size:14px;
margin:0px;
padding:0px;
clear:both;
display:block;
}
#H_mainfilter h3{
font-size:12px;
font-weight:normal;
margin:0px;
padding:0px;
margin-bottom:10px;
}
#H_mainfilter ul, 
#H_mainfilter li{
margin:0px;
padding:0px;
list-style:none;
}
#H_mainfilter li{
float:left;
}
#H_mainfilter a{
padding:3px;
text-decoration:none;
color:#000000;
font-size:11px;
}
#H_mainfilter a:hover{
padding:3px;
text-decoration:underline;
color:#cc0000;
font-size:11px;
}
**/

#H_mainoutput{
margin-top:8px;
clear:both;
display:block;
}

#H_mainoutput li.workoff{
width:85px;
height:125px;
overflow:hidden;
background-color:#000000;
color:#cc0000;
float:left;
margin-right:10px;
margin-bottom:10px;
}
#H_mainoutput li.workoff a:hover{
border:5px solid #000000;
background-color:#000000;
color:#cc0000;
}
#H_mainoutput li.workoff a img{
display:block;
margin-bottom:3px;
}
/*
#H_mainoutput li.workoff a span{
display:none;
}
#H_mainoutput li.workoff a:hover img{
display:none;
}
#H_mainoutput li.workoff a:hover span{
display:block;
}
*/
#H_mainoutput li.work{
width:85px;
height:135px;
overflow:hidden;
background-color:#000000;
float:left;
margin-right:10px;
margin-bottom:0px;
}

#H_mainoutput li.work ,#H_mainoutput li.work a{
color:#FFFFFF;
}
/*
#H_mainoutput li.work a img,#H_mainoutput li.work a:hover img{
display:none;
}
#H_mainoutput li.work li a:hover span{
display:block;
}
*/
.workrowoff{
display:none;
clear:both;
}
.workrow{
clear:both;
display:block;
width:560px;
margin-bottom:10px;
margin-right:10px;
background-color:#000000;
color:#FFFFFF;
}


img.progressbar{
border:5px solid #000000;
width:550px;
}

a.exturl:link,a.exturl:visited,a.exturl:active{
color:#FFFFFF;
text-decoration:underline;
}
a.exturl:hover{
color:cc0000;
text-decoration:none;
}
.clr{
clear:both;
overflow:hidden;
height:0px;
}
#seoquote{
position:absolute;
top:-999;
left:-999;
width:1px;
height:1px;
overflow:hidden;
}