<!--
@import "typo-portfolio-landingpg.css";
/* ----- */
body {background:#300 url(/images/portfolio/bg.gif);}

#page {background:transparent url(/images/portfolio/bg-rpt-landingpg.jpg) repeat-y top center;}

#topbanner.portfolio-landingpg {background:transparent url(/images/portfolio/bg-topnav-portfolio.jpg) no-repeat bottom;}

#maincontent.portfolio-landingpg {background:url(/images/portfolio/bg-showcase.jpg) no-repeat top left; min-height:900px;}
/* ----- */
#rightCol {float:right; margin:0; padding:0 5px; width:475px;}

#rightCol ul {margin:0 10px 0 0; padding:0; background:url(/images/portfolio/col-sep.gif) repeat-y top right;}

#rightCol #showcase {padding:0 0 0 15px; width:420px; text-align:center;}

#rightCol #showcase div.projects {text-align:left;}
#rightCol #showcase div.projects #mid, #rightCol #showcase div.project #right {display:inline;}
#rightCol #showcase div.projects #mid {float:left; width:200px; vertical-align:top;}
#rightCol #showcase div.projects #right {float:right; width:210px; vertical-align:top;}

#rightCol #showcase div.projects #mid ul {vertical-align:top; width:190px; list-style:url(/images/list.gif) outside; padding:0 10px 0 0;}
#rightCol #showcase div.projects #right ul {vertical-align:top; width:190px; list-style:url(/images/list.gif) outside; padding:0 0 0 15px;} /* width:210px; */
#rightCol #showcase div.projects #mid h3 {width:180px; height:62px; background:url(/images/portfolio/hdr-portfolio-new-media.gif) no-repeat; margin:0; padding:0;} 
#rightCol #showcase div.projects #right h3 {width:180px; height:62px; background:url(/images/portfolio/hdr-portfolio-it-technology.gif) no-repeat; margin:0; padding:0;} 
/* ----- */
#leftCol {float:left; margin:0; padding:0 0 0 10px; width:200px; text-align:left; vertical-align:top;}

#leftCol ul {text-align:left; vertical-align:top; list-style:url(/images/list.gif) outside; margin:0; padding:0 10px 0 0; background:url(/images/portfolio/col-sep.gif) repeat-y top right;}

#leftCol h3 {width:180px; height:62px; background:url(/images/portfolio/hdr-portfolio-arts-culture.gif) no-repeat; margin:0; padding:0;}
/* ------ */
#footer div.btmnav p a {color:#ffc;}
#footer div.btmnav p a:hover {background-color:#630; color:#ffc;}
/* ------flash styles--------- */
#portfolio {clear:both; width:720px; height:400px; background:url(/images/portfolio/bg-portfolio.jpg) no-repeat top left; background-color:transparent;} 

#flashcontent {height:240px; text-align:center; width:720px;}

#flashcontent table {margin-left:100px; padding-top:20px; width:520px;}
#flashcontent table caption, #flashcontent table th {display:none;}

#flashcontent a:hover {background-color:transparent;}
-->