body {
	background-image: url("../images/background-tile.png");
	background-repeat: repeat;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 12px;
	color: #808080;
}

a,
a:hover,
a:visited {
	color: #808080;
	text-decoration: none;
}

div.content-shadow {
	width: 900px;
	height: 600px;
	z-index: 1;				
	background-color: #000000;
	opacity: 0.25;
}

div.content-area {
	width: 900px;
	height: 600px;
	z-index: 2;
	background-image: url("../images/Website-background2.png");
}

div.content-left {
	position: absolute;
	width: 400px;
	height: 420px;
	z-index: 3;
	color: #808080;
}

div.content-right {
	position: absolute;
	width: 400px;
	height: 420px;
	z-index: 3;
}

h1 {
	font-size: 14px;
	font-weight: bold;
}

div.top-menu-bar {
	position: absolute;
	z-index: 4;
}

div.top-menu-bar table {
	border-collapse: collapse;
}

div.top-menu-bar table tr {
	height: 34px;
}

div.top-menu-bar table td {
	padding: 0 12px 0 12px;
	color: #808080;
	background-color: #383838;
	border: 1px solid #343434;
}

div.top-menu-bar table td.top-menu-button-selected {
	background-color: #404040;
}

div.top-menu-bar table td:hover {
	background-color: #444444;
	cursor: pointer;
}

div.profile-text {
	position: absolute; 
	left: 50px; 
	top: 150px; 
	width: 140px;
	z-index: 4; 
	font-style: italic;
	font-size: 11px;
}

p.section {
	margin-bottom: 30px;
}

p.competence-category {
	font-size: 14px;
	text-align: right;
	padding-right: 30px;
	padding-bottom: 3px;
	margin: 10px 0 0 0;
}

p.competence-category a:hover {
	color: #B0B0B0;
}

div.reference-list {
	position: absolute;
	z-index: 4;
	font-size: 14px;
	text-align: center;
	width: 400px;
}
div.reference-list-left {
	position: absolute;
	z-index: 4;
	font-size: 14px;
	text-align: left;
	padding-right: 30px;
	margin: 10px 0 0 0;
}

div.reference-list-right {
	position: absolute;
	z-index: 4;
	font-size: 14px;
	left: 190px;
	/*float: right;*/
	width: 180px;
	text-align: right;
	margin: 10px 0 0 0;
}

div.reference-list-left a:hover,
div.reference-list-right a:hover {
	color: #B0B0B0;
}

table.competence-list {
	width: 400px;
	border-collapse: collapse;
}

table.competence-list tr th {
	font-size: 11px;
	font-style: normal;
	border-bottom: 1px solid #808080;
	white-space: nowrap;
}

table.competence-list tr th.description {
	text-align: left;
}

table.competence-list tr th.level {
	text-align: left;
	padding-right: 10px;
	white-space: nowrap;
}

table.competence-list tr th.experience {
	text-align: center;
	padding-right: 10px;
}

table.competence-list tr th.lastUsed {
	text-align: right;
}

table.competence-list tr td {
	font-size: 11px;
	padding-top: 3px;
}

table.competence-list tr td.description {
	text-align: left;
}

table.competence-list tr td.level {
	text-align: left;
}

table.competence-list tr td.experience {
	text-align: center;
}

table.competence-list tr td.lastUsed {
	text-align: right;
	padding-right: 20px;
}

p.contact-intro {
	padding-left: 20px;
}

p.contact-info {
	padding: 0 0 0 60px;
	margin: 2px 0 0 0;
	font-size: 14px;
}

span.email {
	unicode-bidi: bidi-override; 
	direction: rtl;
}

div.project-list {
	overflow-y: auto;
	overflow-x: hidden;
	outline: 0;
}

p.project-title {
	font-size: 12px;
	margin-bottom: 2px;
}

p.project-title:hover {
	cursor: pointer;
}

div.project-details {
	display: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div.project-period {
	font-size: 9px;
	margin: 0 0 10px 20px;
	display: inline-block;
}

div.project-description {
	font-size: 10px;
	margin: 0 0 10px 20px;
	width: 340px; 
	display: inline-block;
}

div.project-technologies-header {
	font-size: 10px;
	margin: 0 0 5px 20px;
	display: inline-block;
}

div.project-technologies {
	font-size: 9px;
	margin: 0 0 10px 30px;
	width: 340px; 
	display: inline-block;
}

.nano { 
	width: 400px; 
	height: 420px; 
}
		
.nano .content {
	outline: 0;
}
		
.nano .pane   { 
	background-color: #404040; 
}
.nano .slider {
}

.nano > .pane {
	opacity: 0.5;
}