*           {margin:0; padding:0; border:0}
body        {background-color:#1B1B1B; color:#C8C8C8; font-family:Trebuchet MS, sans-serif; font-size:12px; line-height:16px;
             font-size:12px; line-height:16px; font-weight:normal; text-align:left;
             width:1002px; padding:0px; margin:0 auto}

#box        {position:absolute; height: 732px; width:1002px; margin-top:-300px; top:50%}

#content    {position:absolute; top:130px; left:0px; width:1002px; height:622px}
#content    {background-image:url(img/background.gif); background-repeat:no-repeat; background-position:center top}
#logo       {position:absolute; top:24px; left:0}

#pager      {position:absolute; top:550px; right:40px; z-index:100; cursor:pointer}
#pager img  {height:8px}
#pager b,
b#lstpag,
b#curpag    {font-weight:normal}
#thumbs     {top:20px; left:20px;  width:520px}
#thumbs img {border:1px solid #1B1B1B; cursor:pointer}
#thumbs
img:hover   {border:1px solid #fff; cursor:pointer}

.prj        {float:left; width:200px; height:260px; padding:5px 20px 5px 20px; margin:0; text-align:left}
.prj p      {margin-top:6px; width:200px}
.prj img    {border:1px solid #1B1B1B}

a:link,
a:visited,
a:active    {color:#AAA; text-decoration:none}
a:hover     {color:#FFF}

h1          {color:#FFF; font-size:16px; font-weight:normal}
h2          {color:#AAA; font-size:12px; font-weight:normal}
h4          {font-size:20px; text-align:left; padding: 10px 0 0 30px}
p           {padding:0 0 10px 0;}
b           {color:#FFF; font-weight:normal}
hr          {height:1px; width:310px; background:#323232; margin:10px 0 20px 0}

#cDrop,
#sub-menu   {position:absolute; right:0}
#cDrop      {top: 62px}
#sub-menu   {top:110px}
#cDrop li,
#sub-menu li{display:inline; list-style:none; padding:0 0 0 10px}

#cDrop li.selected, #cDrop li a.parent, #cDrop li.selected a.current, #cDrop a:hover,
#sub-menu li.selected, #sub-menu li a.parent, #sub-menu li.selected a.current, #sub-menu a:hover {color:#77CBC4}
#cDrop li a, #sub-menu a  {color:#AAA; text-decoration:none}

/*Page*/
.slideshow  {position:absolute; top:11px; left:11px; z-index:10}
#copy       {position:absolute; top:41px; left:630px; width:320px; height:520px; overflow:auto; padding:0 10px 0 0; text-align:left}
.copy-full  {position:absolute; top:41px; left:41px; width:920px; height:520px; overflow:auto; text-align:left}

/*Portfolio Page*/
.portfolio-grid  {position:absolute; top:41px; left:41px;}
.portfolio-image {position:absolute; top:41px; right:41px;}

/*Project Page*/
#portfolio, #panorama {position:absolute; bottom:0; cursor:pointer; z-index:10}
#portfolio a,       #panorama a       {font-weight:bold; color:#77CBC4}
#portfolio a:hover, #panorama a:hover {color:#FFF}
#portfolio  {left:0px}
#panorama   {right:110px}

#pan        {position:absolute; height:580px; background:#1B1B1B}
#info       {position:absolute; top:7px;   left:1020px;  width:370px; height:580px; background:url(/img/project-background.png) no-repeat; z-index:100}
#port       {position:absolute; top:7px;   left:-530px; width:520px; height:580px; background:url(/img/slider-background.png) no-repeat; z-index:100}
#pan        {top:7px; left: 0px; width:980px; z-index:20}
#clip       {top:0px; left:11px; width:980px; z-index: 0; position:absolute; height:626px; overflow:hidden}

#projinfo,
#thumbs     {position:absolute; height:520px; z-index:12; } /* opacity:1.0; filter:alpha(opacity=100)} */
#projinfo   {top:30px; right:30px; width:305px; padding:0 5px 0 0; overflow:auto; text-align:left}

#info h2    {font-size:16px; font-weight:normal; color:#FFF; padding:0px}

.copy-bio   {position:absolute;top:41px; left:490px; width: 470px; height:520px; overflow:auto; text-align:left}
.slideshow-bio {position:absolute; top:41px; left:41px}

.contact-copy {position:absolute; top:41px; left:816px; width:144px; text-align:left}

.footer     {position:absolute; top:615px; left:0px; text-align:left; color:#2F2F2F}
.footer a   {color:#2F2F2F}
.footer a:hover {color:#FFF}