/***** Import *****/

@import url("../../skin/base.css");

/***** Local *****/

#content .thumbcontainer        { float:left; display:inline; width:970px; }

#content .thumbwrap,

#content .thumbwrapleft,

#content .thumbwrapright        { float:left; display:inline; width:226px; height:224px; margin:0 19px 19px 0;

                                  border:1px solid #EEE; }

#content .thumbwrapright        { float:right; margin:0 0 20px 0; }

#content .thumbwrapleft         { margin:0 0 20px 0; }


#content .wrapper                       { position:absolute; height:250px; width:226px; }

#content .wrapper a                     { text-decoration:none; height:240px; width:226px; color:#333; cursor:pointer; position:absolute;  top:0; left:0; }

#content .wrapper a .artwork            { position:absolute; top:0; left:0; width:226px; height:200px; margin:0px auto; background:#FFF; text-align:center; z-index:-1; }

#content .wrapper a .artwork img        { border:1px solid #888; margin-top:20px; }

#content .wrapper a .description        { position:absolute; top:125px; left:15px; width:197px; height:95px; border-top:1px solid #EEE; }


#content .wrapper a:hover .description  { visibility:visible; }

#content .wrapper a:hover .artwork img  { height:40%; width:auto; }

#content .wrapper span.description      { background:url('trans.png'); visibility:hidden; }

#content .wrapper a h1                  { text-align:left; font-size:10px; color:#666;  width:170px; height:25px; line-height:24px; padding:5px 0 0 0; overflow:hidden; }

#content .wrapper a p                   { text-align:left; font-size:10px; width:170px; height:20px; color:#666; line-height:20px; overflow:hidden; }