#portfolio                          {width:898px;position:relative;min-height:700px;font-size:12px;}
#portfolio h2                       {color:#6645db;font-size:14px;border-bottom:1px solid #000;padding-bottom:0px;margin:10px 0px 0px 0px;}
#portfolio .text                    {margin:5px 0px 0px 0px;padding:0px;}
#portfolio p                        {margin:0px;padding:5px 0px 5px 0px;}
#portfolio .imgContainer            {width:570px;height:321px;border:5px solid #000;overflow:hidden;position:relative;background-color:#000}

#portfolio .leftContainer           {float:left;width:580px}
#portfolio .rightContainer          {float:right;width:288px;position:relative;}
#portfolio .projectsContainer       {position:absolute;top:-186px;width:288px;}
#portfolio .title                   {border-bottom:1px solid #fff;width:285px;}

#portfolio .projects .col           {float:left;width:142px;height:96px;margin-bottom:1px}
#portfolio .projects .selected      {border:5px solid #6645db;overflow:hidden;width:132px;height:86px;position:relative}
#portfolio .projects .selected  img {position:absolute;left:-5px;top:-5px}
#portfolio .projects .leftMarg      {margin-left:1px}
/*url('/images/bg/shade.png') repeat*/
#portfolio .projectInfo             {
                                        z-index:3;position:absolute;right:0px;top:0px;width:201px;height:322px;
                                        color:#FFF;font-weight:bold;font-size:12px
                                    }
#portfolio .projectInfoContainer    {position:relative}
#portfolio .projectInfoBg           {position:absolute;z-index:1;width:201px;height:322px;background:#000;}
#portfolio .projectInfoText         {position:absolute;z-index:2;width:171px;height:292px;padding:15px}

#portfolio .projectInfo h3          {margin-bottom:20px;font-size:18px;color:#FFF}
#portfolio .projectInfo .info       {color:#FFF}
#portfolio .projectInfo p           {margin:3px 0px;padding:0px}
#portfolio .projectInfo .link       {text-align:left;margin-top:20px}
#portfolio .projectInfo a           {color:#FFF;text-decoration:none}

#portfolio .controls                {text-align:right;margin:5px 20px 0px 0px}
#portfolio .controls .pausePlay     {width:100px}
#portfolio .controls img.forward    {margin-left:30px}
#portfolio .controls img.back       {margin-right:30px}
#portfolio .controls a              {text-decoration:none}
#play                               {margin:0px 6px 0px 7px}

#imgShowcase1                       {position:absolute;left:0px;top:0px;z-index:3}
#imgShowcase2                       {position:absolute;left:0px;top:0px;z-index:2}

.imgButton                          {cursor:pointer}