html, body{
				margin: 0px;
				padding: 0px;
				text-align: center;
				font-family: “Trebuchet MS”, sans-serif;
		}
		
		img{
				border: none;
		}
		
		body{
				background-image: url(../images/bg_loop.jpg);
		}
		.top{				
			background-image: url(../images/bg_gradient.jpg);
			background-position: top center;
			background-repeat: repeat-x;
		}
		.container{
		}
		
		
		.header{
				height: 247px;
				background-image: url(../images/header.jpg);
				background-position: center 54px;
				background-repeat: no-repeat;
			
		}
		
		.close{
				cursor:pointer;
				position: absolute;
				right: 8px;
				bottom: 0px;
				background-image: url( ../images/close_but.png);
				background-repeat: no-repeat;
				width: 41px;
				height: 46px;
		}
		
		.nav{
				float: left;
				margin-left: 7px;
				margin-top: 86px;
		}
		.nav ul{
				margin: 0px;
				padding:0px;
		}
		.nav ul li{
				float: left;
				list-style-type: none;
				margin: 0px;
				padding:0px;
		}
		
		.awesome{
				background-image: url(../images/hs.png);
				background-position: left top;
				background-repeat: no-repeat;
				width: 340px;
				height: 184px;
				float: right;
		}
		
		.wrapper{
				margin:0px auto;
		}
		.wrapper2{
				position: absolute;
		}
		
		.wrapper div.work{
				list-style-type: none;
				position: absolute;
				width: 208px;
				height: 250px;
				background-color: #FFF;
				margin-right: 7px;
				margin-left: 7px;
				margin-bottom: 18px;
				/*box-shadow: 2px 2px 2px #888;*/
				cursor: pointer;
		}
		
		
		.dshadow{
				box-shadow: 0px 0px 10px #444;
		}
		

		
		.wrapper div.work div.big{
				margin-left: 8px;
				margin-right: 8px;
				margin-top: 9px;
				text-align: left;
				display:none;
		}
		.wrapper div.work div.big div.preview{
				width: 636px;
				height: 400px;
				background-color:#CCC;
				margin-bottom: 26px;
		}
		
		
		
		.wrapper div.work div.big div.desc{
				font-size: 12px;
				color:#303030;
				text-align: left;
				margin-bottom: 2px;
		}
		
		
		
		
		
		
		.wrapper div.work div.small{
			margin-left: 8px;
			margin-right: 8px;
			margin-top: 9px;
			text-align: left;
		}
		.wrapper div.work div.small div.thumb{
				margin-bottom: 20px;
				width: 192px;
				height: 136px;
				overflow:hidden;
				background-color: #CCC;
		}
		
		.wrapper div.work div.small div.title{
				
				font-size: 12px;
				color:#151414;
				text-align: left;
				font-weight:bold;
		}
		
		.wrapper div.work div.small div.desc{
				font-size: 11px;
				color:#787878;
				text-align: left;
				margin-top: 2px;
		}
		.wrapper div.work div.small div.desc2{
				font-size: 11px;
				color:#787878;
				text-align: left;
				margin-top: 2px;
		}
		
		
		
#slideshow-previous, #slideshow-next {
		width: 50px;
		height: 50px;
		position: absolute;
		background: transparent url("../images/arrow_left.png") no-repeat 50% 50%;
		top: 200px;
		display: none;
		cursor: pointer;
		cursor: hand;
}

#slideshow-next {
		display: block;
		background: transparent url("../images/arrow_right.png") no-repeat 50% 50%;
		top: 200px;
		right: 0;
}

.slideshow-content {
		float: left;
}
#slideshow-holder {
		height: 400px;
}
#slideshow-area, #slideshow-scroller {
		width: 636px;
		height: 400px;
		position: relative;
		overflow: hidden;
		margin: 0 auto;
}

#slideshow-area {
}



#contactMe{
	margin-top: 115px;
	float:left;
	width: 153px;
	height: 24px;
	background-image: url( ../images/contact_me.jpg );
}


#btnMail{
	margin-top: 115px;
	float: left;
	width: 35px;
	height: 33px;
	cursor:pointer;
	margin-left: 12px;
}

#btnFB{
	margin-top: 115px;
	float: left;
	width: 35px;
	height: 33px;
	cursor:pointer;
	margin-left: 4px;
}

#btnLinkedin{
	margin-top: 115px;
	float: left;
	width: 35px;
	height: 33px;
	cursor:pointer;
	margin-left: 4px;
}