#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}

* {margin:0; padding:0; border:0}
body {background-color:#1B1B1B; color:#C8C8C8; font-family:Trebuchet MS, sans-serif; font-size:12px; line-height:16px}
table {font-size:12px; line-height:16px; font-weight:normal; text-align:left}
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}

/*Global*/
#container {width:100%; height:100%;}
table .top {height:130px; vertical-align:top;}
table .middle {vertical-align:top; background-image:url(img/background.gif); background-repeat:no-repeat; background-position:center top;}
.box     {position:relative; width:1002px}
.content {position:relative; margin:auto; width:1002px; height:602px}
.logo    {position:absolute; top:24px; left:0}

/*Menus*/
#menu, #sub-menu {position:absolute; right:0}
#menu     {top: 62px}
#sub-menu {top:110px}
#menu li, #sub-menu li {display:inline; list-style:none; padding:0 0 0 10px}
#menu     li.selected, #menu     li a.parent, #menu     li.selected a.current, #menu     a:hover,
#sub-menu li.selected, #sub-menu li a.parent, #sub-menu li.selected a.current, #sub-menu a:hover {color:#77CBC4}
#menu 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, #information, #panorama {position:absolute; bottom:0; cursor:pointer; z-index:10}
#portfolio a,       #information a,       #panorama a       {font-weight:bold; color:#77CBC4}
#portfolio a:hover, #information a:hover, #panorama a:hover {color:#FFFFFF}
#portfolio   {left:0px}
#information {right:75px;}
#panorama    {right:110px;}

#pan {position:absolute; height:580px; background:#1B1B1B}
#info     {position:absolute; top:7px;   left:991px;  width:370px; height:580px; background:url(/img/project-background.png) no-repeat; z-index:100;}
#port     {position:absolute; top:7px;   left:-621px; 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; }

#slides, #project {position:absolute; top:7px; left:0px;}
#info h2  {font-size:16px; font-weight:normal; color:#FFF; padding:0px;}

/*Bio Pages*/
.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 Page*/
.contact-copy {position:absolute; top:41px; left:816px; width:144px; text-align:left;}

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