body, html {
	height:		100%;
	padding:	0;
	margin:		0;
	background:	#FFF;
	font-family:	"Trebuchet MS", sans-serif;
	font-size:	8pt;
	color:		#C0C0C0;
    }


    #pen {
	width:		512px;
	height:		240px;
	background:	url("pen.jpeg") no-repeat top right;
	position:	absolute;
	right:		0;
	bottom:		30%;
    }


    #content {
	position:	absolute;
	left:		10%;
	top:		15%;
	padding-left:	60px;
    }

    .name {
	font-size:	24pt;
	font-weight:	bold;	
	color:		#606060;
	position:	relative;
	left:		-56px;
    }    

    .name .title {
	color:		#C0C0C0;
	font-size:	20pt;
    }

    .role {
	font-size:	12pt;
	font-weight:	bold;	
	color:		#A0A0A0;
    }


    .section {
	margin-top:	32px;
	margin-bottom:	8px;
	font-size:	10pt;
	font-weight:	bold;
	color:		#C0C0C0;
    }

    .port {
	margin-top:	8px;
	margin-bottom:	0;
    }

    .port li {
	margin-bottom:  4px;
	font-size:	12pt;
	font-weight:	bold;	
	color:		#808080;
    }

    .port li div {
	margin-bottom:	8px;
	font-size:	10pt;
	font-weight:	normal;	
	color:		#A0A0A0;
    }


    #contacts {
	position:	absolute;
	left:		10%;
	bottom:		0%;
	padding-left:	60px;
    }

    .contact {
	float:		left;
	border-left:	1px solid #A0A0A0;
	padding:	0 32px 40px 0;
    }

    .contact, .contact a {
	color:		#808080;
	text-decoration:none;	
    }
    
     .contact a:hover {
	text-decoration:underline;	
     }

    .contact div {
	border-left:	4px solid #C0C0C0;
	font-size:	10pt;
	font-weight:	bold;
	padding:	4px 8px 8px 8px;
    }

    .contact span {
	padding-left:	12px;
	font-size:	8pt;
	display:	block;
	color:		#C0C0C0;
	position:	relative;
	top:		-8px;
    }