@charset "UTF-8";

/*
Screen Import CSS
*/
@import url("/include/css/general/normalisation.css");
@import url("/include/css/general/type.css");
@import url("/include/css/general/layout.css");
@import url("/include/css/general/menu.css");

h2 {width:212px; background:url("/include/img/ui/projects-social.gif");}

ul#prj-list { position:relative;padding:3em 0 0 0;margin:0;text-align:left; }
ul#prj-list li {padding:25px 0 0 0; margin:0;font-size:1em;}
ul#prj-list li span { display:none; }
ul#prj-list li p { margin-bottom:0; font-size:1.12em;}
ul#prj-list li#prj-name {width:306px; background:white url("/include/img/ui/th-name.gif") top left no-repeat; float:left;}
ul#prj-list li#prj-type {width:178px; background:white url("/include/img/ui/th-type.gif") top left no-repeat; float:left;}
ul#prj-list li#prj-location {width:140px; background:url("/include/img/ui/th-location.gif") top left no-repeat; float:left;}
ul#prj-list li#prj-value {width:70px; background:url("/include/img/ui/th-value.gif") top left no-repeat; float:left;}
ul#prj-list li#prj-contract-period {width:127px; background:url("/include/img/ui/th-contract-period.gif") top left  no-repeat; float:left;}
ul#prj-list li#prj-name p, ul#prj-list li#prj-type p, ul#prj-list li#prj-location p, ul#prj-list li#prj-value p { font-weight:bold; }
ul#prj-list li#prj-contract-period p {text-align:right;padding-right:10px;font-weight:bold; }
div#line-hack {padding-bottom:4px;background:url("/include/img/ui/green-line.gif") bottom repeat-x;}

div#prj-images {  min-height:340px; _height:340px; position:relative; top:1em; clear:both;}
div#prj-images div.img-holder { position:absolute; right:0;}
div#prj-images div.img-holder div.img {max-width:415px;_width:415px;max-height:300px;_height:300px;overflow:hidden;}
div#prj-images div.img-holder ol { position:relative;top:8px;background:#ccff00; width:360px;padding-left:.75em;}
div#prj-images div.img-holder ol li { display:inline;padding:.25em 0;}
div#prj-images div.img-holder ol li a {font-weight:bold; padding:.25em;text-decoration:none;}
div#prj-images div.img-holder ol li a#current { text-decoration:underline; }
div#prj-images p { font-weight:normal; width:400px;}
div#prj-images div.img-holder p#topline { padding-top:2em; }

div#other-prjs-list { clear:both; position:relative; padding-top:2em;width:825px;}
div#other-prjs-list ol { position:relative; width:420px; float:left;}
div#other-prjs-list ol#r-h {width:420px; position:absolute; right:0;}
div#other-prjs-list ol li { position:relative; clear:both}
div#other-prjs-list ol li a { text-decoration:none; font-weight:bold; background:transparent;} 
div#other-prjs-list ol li a:hover span { cursor:hand; }
div#other-prjs-list ol li a span.pt { position:relative;display:block;float:left;width:300px;}
div#other-prjs-list ol li a span.pcp { position:absolute; right:70px; }