
.replace {position:relative; overflow:hidden;}
.replace em {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-repeat:no-repeat;}
* html>body .replace {overflow:visible; font-size:5px;}

body, html{font: 11px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;text-align:center;color:#666;}
#page {text-align:left;width:940px;margin: 20px auto;}

#header, #items{width:100%; overflow:hidden;}

#header{border-bottom:1px solid #e7e7e7;}
#header h1, h1 {width:720px;height:96px;display:block;float:left;}
#header h1 em{background:url('/images/_h1.gif') no-repeat;}
#header ul{width:200px;float:left;margin-top:46px;}
#header ul li a{display:block;height:20px;width:200px;}
#header ul li a.contact em{background:url('/images/_contact-me-via-email.gif') no-repeat;}
#header ul li a.download em{background:url('/images/_download-cv.gif') no-repeat;}
#header ul li a:hover em{background-position:bottom;}

#more-information{width:940px;height:240px;background: url('/images/_more-information-photo.jpg') 20px right no-repeat;}
#more-information p{width:700px;}
#more-information em{background:url('/images/_more-information.gif') no-repeat;}

#top, #top p{width:940px;height:80px;display:block;}
#top p:hover em{background-position:50%;}
#top p.active em{background-position:bottom;}
#top p em{background:url('/images/_text.gif') no-repeat;}

#items ul.items{width:100%;overflow:hidden;margin-bottom:20px;}
#items ul li.item{float:left;width:218px;margin-left:20px;height:294px;}
#items ul li.first{margin-left:0px;}
#items ul.items li {position:relative;}
#items ul.items li li{border:0;background:transparent;padding:0;margin:0;}

#items .item img{display:block;border:1px solid #e7e7e7; background:#f7f7f7;padding:2px;width:214px;height:134px;}
#items .item h2 {color:#444;font-weight:bold;position:absolute;top:100px;left:1;background:#f7f7f7;padding:3px 10px 3px 10px;}
#items .item h2 {border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-top:1px solid #fff;}
#items .item p{padding:10px 5px 10px 5px;line-height:16px;}
#items .item p a{color:#666;}
#items .item ul{margin: 0 5px 10px 5px;border-top:1px solid #e7e7e7;}
#items .item ul a:visited{color:#999;text-decoration:none;}
#items .item ul a:hover{color:#444;text-decoration:none;}
#items .item ul a{color:#7dbad4;text-decoration:none;border-bottom:1px solid #e7e7e7;display:block;padding:5px 0;}

#footer{padding-top:10px;border-top:1px solid #e7e7e7;margin-bottom:50px;}