@charset "UTF-8";

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

ul#ppl {width:920px;height:520px;}
ul#ppl li {position:relative;display:block;width:230px;height:260px;float:left;}
ul#ppl li span img {display:none;}
ul#ppl li h2 {font-size:1em;padding:5px 0 0 10px;margin-bottom:0px;}
ul#ppl p {font-size:.9em;margin-left:10px;}
ul#ppl a.cv {position:absolute;right:10px;top:185px;font-size:.9em;}


ul#ppl li#sam span {display:block;width:230px;height:180px;background:url(/include/img/people/sam.jpg) 0 0 no-repeat;}
ul#ppl li#matt span {display:block;width:230px;height:180px;background:url(/include/img/people/matt.jpg) 0 0 no-repeat;}
ul#ppl li#sandy span {display:block;width:230px;height:180px;background:url(/include/img/people/sandy.jpg) 0 0 no-repeat;}
ul#ppl li#john span {display:block;width:230px;height:180px;background:url(/include/img/people/john.jpg) 0 0 no-repeat;}
ul#ppl li#howard span {display:block;width:230px;height:180px;background:url(/include/img/people/howard.jpg) 0 0 no-repeat;}
ul#ppl li#paul span {display:block;width:230px;height:180px;background:url(/include/img/people/paul.jpg) 0 0 no-repeat;}
ul#ppl li#katherine span {display:block;width:230px;height:180px;background:url(/include/img/people/katherine.jpg) 0 0 no-repeat;}
ul#ppl li#agnieszka span {display:block;width:230px;height:180px;background:url(/include/img/people/agnieszka.jpg) 0 0 no-repeat;}

ul#ppl li#sam span:hover,
ul#ppl li#matt span:hover,
ul#ppl li#sandy span:hover,
ul#ppl li#john span:hover,
ul#ppl li#howard span:hover,
ul#ppl li#paul span:hover,
ul#ppl li#katherine span:hover,
ul#ppl li#agnieszka span:hover {background-position: 0 -180px;cursor:pointer;}