@charset "utf-8";
/* CSS Document */
body {
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	font-size:62.5%;
	background:#dddddd;
	height: 100%;
}
#page{
	width:840px;
	margin:0 auto;
/*	padding-top:50px;*/
}
h1	{
	font-size:2em;
	line-height:1em;
	padding-bottom:13px;
	padding-top:4px;
	color:#995555;
}
h2 {
	font-size:1.8em;
	line-height:1em;
	padding:15px 0 10px 0;
	color:#559955;
}
h2.pt0{
	padding-top: 0;
}
p,li,dl{
	font-size:1.4em;
	line-height:1.5em;
}
p{
	padding-bottom:10px;
}
.nextpage{
	padding:10px 0 0 0;
}
a{
	color:#007cd2;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
label{
	font-size:0.8em;
}
/* ===== Menu ===== */
#menu{
	background:#DDDDDD none repeat scroll 0 0;
	display:block;
	padding-top:50px;
	position:fixed;
	width:840px;
	padding-top:50px;
}
#menu ul{
	padding-left:201px;
}
#menu ul, #menu li a{
	height:38px;
	background:url(../img/buttons.png) left top no-repeat;
}
	#menu li a, #menu li{
		display:block;
		text-indent:-999999px;
	}
	#menu li{
		float:left;
		margin-right:8px;
	}
	#menu .home {
		
	}
		#menu .home a{
			width:151px;
			background-position:-201px 0;
		}
		#menu .home a:hover{
			background-position:-841px -11px;
		}
		#menu .home a:active{
			background-position:-1392px -11px;
		}
		#menu .home a.active{
			background-position:-1943px -11px;
		}
	#menu #exp {
	}
		#menu .experience a{
			width:97px;
			background-position:-360px 0;
		}
		#menu .experience a:hover{
			background-position:-1000px -11px;
		}
		#menu .experience a:active{
			background-position:-1551px -11px;
		}
		#menu .experience a.active{
			background-position:-2102px -11px;
		}
	#menu .portfolio {
	}
		#menu .portfolio a{
			width:90px;
			background-position:-465px 0;
		}
		#menu .portfolio a:hover{
			background-position:-1105px -11px;
		}
		#menu .portfolio a:active{
			background-position:-1656px -11px;
		}
		#menu .portfolio a.active{
			background-position:-2207px -11px;
		}
	#menu .reference {
	}
		#menu .reference a{
			width:94px;
			background-position:-563px 0;
		}
		#menu .reference a:hover{
			background-position:-1203px -11px;
		}
		#menu .reference a:active{
			background-position:-1754px -11px;
		}
		#menu .reference a.active{
			background-position:-2305px -11px;
		}
	#menu .contacts {
	}
		#menu .contacts a{
			width:86px;
			background-position:-665px 0;
		}
		#menu .contacts a:hover{
			background-position:-1305px -11px;
		}
		#menu .contacts a:active{
			background-position:-1856px -11px;
		}
		#menu .contacts a.active{
			background-position:-2407px -11px;
		}
		
/* ===== Content ===== */
	#content{
		background:#fff;
		border-style:solid;
		border-color:#bbbbbb;
		border-width: 0 1px;
		padding:98px 20px 10px 20px;
	}
		#content .right-text, #content .left-text{
			padding-bottom:20px;
		}
			#content .right-text img{
				display:block;
				float:left;
				width:300px;
			}
			#content .right-text .portfolio-text{
				margin-left:320px;
			}
			#content .left-text img{
				display:block;
				float:right;
				width:300px;
			}
			#content .left-text .portfolio-text{
				margin-right:320px;
			}
		
		#content .email{
			text-align:center;
		}
		#content .left{ 
			width:163px;
			padding-right:20px;
			float:left;
		}
			#content .first{
				padding-top:0;
			}
			#content .req{
				text-align:right;
			}
			#content .left .img{
				background:url(../img/left_bar.png) left top no-repeat;
				width:163px;
				height:270px;
			}
			#content dt{
				line-height:1em;
				padding-bottom:10px;
			}
			#content dl{
				padding-bottom:20px;
			}
			#content .validator{
				padding-top:20px;
				padding-bottom :20px;
			}
		#content .right{
/*			margin-left:190px;*/
			width:607px;
			float:left;
			
		}
		#content dd, #content  li{
			padding-left:20px;
			background:url(../img/li.png) 5px 50% no-repeat;
		}
	
	#footer{
		background:url(../img/buttons.png) -841px 0 no-repeat;
		height:10px;
		margin-bottom:20px;
	}
	#copy{
		padding-bottom: 20px;
		text-align: center;
	}
	.experience dt{
		color: #559955;
	}

	.cv{
		padding-bottom: 10px;
	}
	.cv a{
		display: block;
		width: 53px;
		height: 53px;
		float: left;
		margin:0 0px 10px 0;
		background: url("../img/cv.png") left top no-repeat;
	}
	.cv a.pdf:hover{
		background-position: 0 -53px;
	}
	.cv a.html{
		background-position: -53px 0px;
	}
	.cv a.html:hover{
		background-position: -53px -53px;
	}
	.cv a.ex{
		background-position: -106px 0px;
	}
	.cv a.ex:hover{
		background-position: -106px -53px;
	}
	.cv a.php{
		background-position: -159px 0px;
	}
	.cv a.php:hover{
		background-position: -159px -53px;
	}	
	#ContactAddForm{
		font-size: 1.2em;
	}
	#ContactAddForm label{
		padding-top:10px;
		display: block;
	}
	#ContactAddForm legend{
		display: none;
	}
	.error-message{
		color: #995555;
	}
	.submit{
		padding-top: 10px;	
	}
	#ContactDetails{
		width: 500px;
		height: 200px;
	}
	.flesh{
		font-size: 1.3em;
		color: #559955;
	}
	a.m{
		color:#555;
	}
	
/* ===== slider ===== */
	#content .slider ul{
		padding:0 70px 0 85px;
	}
	#content .slider li{
		height:300px;
		border:1px solid #ddd;
		padding:0;
		list-style-type:none;
		width:450px;
		background:#eee;
		margin-bottom:50px;
		
	}
	#content .slider li img{
		border-bottom:1px solid #fff;
		display:block;
	}
	#content .slider li b{
		line-height: 1em;
	}
	#content .slider li div{
		border-top:1px solid #999;
		padding:10px;
	}