<!--
@import "typo-portfolio.css";
/* ----- */
body {background:#300 url(/images/portfolio/bg.gif);}

#page {background:transparent url(/images/portfolio/web/bg-rpt-portfolio.jpg) repeat-y top center;}

#topbanner.portfolio {background:transparent url(/images/portfolio/web/bg-topnav-portfolio-web.jpg) no-repeat bottom;}

#maincontent.portfolio {background:transparent url(/images/portfolio/web/bg-portfolio-web.jpg) no-repeat top; display:block; margin:0; padding:0 10px; padding-left:10px; min-height:900px;}
/* ----- */
#rightCol {float:right; margin:0; padding:0 5px; width:475px;}

#rightCol ul {margin:0; padding:0;}

#rightCol #showcase {width:400px;}
#rightCol #showcase div.mid {padding:0; width:400px; text-align:center;}
#rightCol #showcase div.bottom {width:400px; position:relative; height:30px; vertical-align:top;}
#rightCol #showcase div.mid #project {clear:both; margin:0; padding:0; width:400px;}
#rightCol #showcase div.mid #project div.title {clear:both; width:400px; text-align:center;}
#rightCol #showcase div.mid #project div.title img {display:inline; border:none; vertical-align:top;}
#rightCol #showcase div.mid #project div.roles {float:left; width:110px;}
#rightCol #showcase div.mid #project div.roles ul {margin:0 0 5px 0; padding:0;}
#rightCol #showcase div.mid #project div.description {float:right; background:url(/images/portfolio/web/col-sep.gif) repeat-y top left; margin:0; padding:0 0 0 10px; width:270px;}
/* ----- */
#leftCol {float:left; margin:0 0 0 15px; padding:0; width:192px; text-align:right;} 

#leftCol #banners {display:block; margin:0; padding:5px 0; width:180px; text-align:center;} 
#leftCol #banners img {display:inline; padding:2px;}

#leftCol #accessibility {display:block; margin:0; padding:5px 0; width:180px; text-align:left;} 
#leftCol #accessibility img {float:left; padding:0 5px;}

#leftCol #thumbnails {width:192px; margin:0; padding:2px; text-align:center;}
#leftCol #thumbnails table {margin:0; padding:0; float:right;}
#leftCol #thumbnails table caption, #leftCol table th {display:none;}
#leftCol #thumbnails table td {vertical-align:bottom;}
#leftCol #thumbnails img, #leftCol #thumbnails a {border:none; display:inline; margin:0; padding:0;}
#leftCol #thumbnails a.currpg img {background-color:#ffc; border:2px solid #ffc;}

#leftCol #thumbnails p img {margin:0 0 0 30px; padding:0;}

#leftCol #about a {color:#ffc;}
/* --- */
#flashcontentInner {height:auto; vertical-align:top; background:transparent url(/images/loading.gif) no-repeat 160px 100px; text-align:left; width:400px;}
-->