#portfoliopage{ display:block; padding:20px 0px 0px 0px; }
#portfoliopage .content { padding:0px 10px 15px 10px; overflow:auto; height:100%; }


/*#portfoliopage .works{ padding-top:10px; overflow:auto; height:100%; }
#portfoliopage .works .work{ float:left; width:300px; height:290px; padding:0px 10px; }
#portfoliopage .workimagebox{ display:block; padding:8px; background:url(../images/border01.gif); margin-bottom:5px; }
#portfoliopage .workimage{ display:block; width:284px; height:163px; cursor:pointer; }
#portfoliopage .worktitle{ display:block; font-size:18px; line-height:18px; color:#ee2c2c; padding:10px 0px; }

#portfoliopage .quicknavi{ float:left; position:absolute; margin-top:-44px; padding-left:204px; }
#portfoliopage .qnavibox{ width:97px; height:25px; background:url(../images/work-qn-popup-bg.gif) no-repeat; padding:5px; padding-bottom:14px; }

#portfoliopage .qnitems{ float:left; }
#portfoliopage .qnitems li.item{ float:left; height:25px; width:30px; }
#portfoliopage .qnitems li.divider{ float:left; height:25px; width:2px; background:url(../images/work-qn-icons.gif) no-repeat top right; }
#portfoliopage .qnitems li a{ float:left; height:25px; width:30px; background:url(../images/work-qn-icons.gif) no-repeat; }
#portfoliopage .qnitems li a.zoom{ background-position:7px 5px; }
#portfoliopage .qnitems li a:hover.zoom{ background-position:7px -21px; }
#portfoliopage .qnitems li a.facebook{ background-position:-24px 5px; }
#portfoliopage .qnitems li a:hover.facebook{ background-position:-24px -21px; }
#portfoliopage .qnitems li a.twitter{ background-position:-56px 5px; }
#portfoliopage .qnitems li a:hover.twitter{ background-position:-56px -21px; }*/



#portfoliobox{ display:block; width:940px; height:610px; overflow:hidden;  margin:10px 10px 10px 10px; }
#portfoliobox .workitemout{ position:absolute; border:1px solid #dbdbd4; padding:8px; }
#portfoliobox .workitemin{ position:relative; border:1px solid #dbdbd4; padding:0px; margin:0px; overflow:hidden; background: url(../images/loader.gif) no-repeat center center; }
#portfoliobox .workitemthum{ position:relative; padding:0px; margin:0px; overflow:hidden; }
#portfoliobox .pfimgbox{ width:430px; height:400px; overflow:hidden; }
#portfoliobox .pfblock{ display:block; position:relative; width:430px; height:400px;}
#portfoliobox .pfblockcolor{ display:block; position:relative; width:430px; height:400px; margin-top:0px;  background:#00d8ff;}
#portfoliobox .pfinfobox{ display:block; position:relative; width:430px; height:400px; margin-top:0px; background:none;  }
#portfoliobox .pfinfoboxfooder{ display:block; position:relative; width:430px; height:400px; margin-top:0px; background:#00d8ff; border-top:1px dotted #00baff;  }
#portfoliobox .pfinfobox h2{ display:block; padding:10px; font-size:22px; font-weight:bold; color:#000000; }
#portfoliobox .pfinfobox .pftags{ display:block; padding:0px 10px; color:#000000;  }
#portfoliobox .pfinfoboxfooder .pfleft{ float:left; padding:5px; }
#portfoliobox .pfinfoboxfooder .pfleft a{ padding:5px; }
#portfoliobox .pfinfoboxfooder .pfright{ float:right;}
#portfoliobox .pfinfoboxfooder .pfright a{ float:right; width:40px; height:30px; border-left:1px solid #00bdff; }
#portfoliobox .pfinfoboxfooder a.pficonzoom{ background:url(../images/work-qn-icons2.gif) no-repeat; background-position:-55px 5px; }
#portfoliobox .pfinfoboxfooder a.pficonfacebook{ background:url(../images/work-qn-icons2.gif) no-repeat; background-position:-24px 5px; display:none; }
#portfoliobox a:hover{ text-decoration:underline; }

#portfoliobox .pfzoombox{position:absolute; border:1px solid #dbdbd4; padding:8px;}
#portfoliobox .pfzoomboxin{ position:relative; border:1px solid #dbdbd4; padding:0px; margin:0px; height:0px; width:0px; overflow:hidden; background:#fff url(../images/loader.gif) no-repeat center center; }
#portfoliobox .pfzoominfo{ display:block; position:absolute; top:550px; height:40px; width:920px; background:#00d8ff; }
#portfoliobox .pfzoomimage{ display:block; width:920px; height:590px; overflow:hidden; }

#portfoliobox .pfzoominfo h2{ float:left; padding:10px; font-size:22px; font-weight:bold; color:#000000; }
#portfoliobox .pfzoominfo .pfzoomright{ float:right; padding:5px; padding-right:10px;}
#portfoliobox .pfzoominfo .pfzoomright a{ float:right; line-height:30px; height:30px; }


#pfnavi{ display:block; overflow:visible; height:1px; margin-bottom:40px; }
#pfnaviprev{ float:left; width:25px; height:50px; background:url(../images/arrows-pf.gif) no-repeat top left; margin-top:-330px; margin-left:-30px; }
#pfnavinext{ float:right; width:25px; height:50px; background:url(../images/arrows-pf.gif) no-repeat top right; margin-top:-330px; margin-right:-30px; }