html,body{
	height:100%;
}

body{
	margin:0;
	padding:0;
	background:#4c4c4c;
	font-family:"Lucida Grande",Helvetica,Arial,sans-serif;font-size:75%;
	overflow:hidden;
}
p,h1,ul,li{
	padding:0;
	margin:0;
	list-style:none;
}
a{
	outline:none;
	color:#888;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
h1{
	background-position:-250px 0;
	width:432px;
	height:65px;
	text-indent:-9000em;
	margin-top:175px;
}
.sprite,ul.general a,#portfolio-pagination li a{
	background-image:url(../img/full-sprites.png);
	background-repeat:no-repeat;
}
@-webkit-keyframes spin{
0%{
	-webkit-transform:perspective(500) rotateY(0) rotateX(-90deg);
	opacity:1;
}
40%{
	-webkit-transform:perspective(500) rotateY(0) rotateX(20deg);
	opacity:1;
}
60%{
	-webkit-transform:perspective(500) rotateY(0) rotateX(-10deg);
	opacity:1;
}
80%{
	-webkit-transform:perspective(500) rotateY(0) rotateX(10deg);
	opacity:1;
}
100%{
	-webkit-transform:perspective(200) rotateY(0) rotateX(0deg);
	opacity:1;
}
}

/*---------------------------------------------Portfolio -------------------------------------------------------------------------------*/
#portfolio-cont{
	background:url(../img/full-sprites.png) 0 100% no-repeat;
}

#portfolio-cont.omg{
	opacity:0;
	-webkit-transitions:all;
	-webkit-transform-style:preserve-3d;
	-webkit-perspective:0;
	-webkit-animation:spin 1s ease-out;
}

#portfolio-cont{
	clear:both;
	height:350px;
	width:430px;
	position:absolute;
}

#portfolio-w{
	overflow:hidden;
	position:relative;
	width:430px;
	height:350px;
}
#portfolio{
	height:350px;
	width:8000px;
	position:absolute;
	top:0;
	left:0;
}
#portfolio li{
	float:left;
	padding:11px 11px 0 11px;
}
#portfolio li span.pImage a img{
	border:0;
}
#portfolio li div.pDesc{
	margin:10px 15px 0;
}
#portfolio li div.pDesc p{
	color:#fff;
	font-size:.8em;
	padding:4px 0 0;
	text-shadow:0 -1px 0 #000;
}
#portfolio li div.pDesc h3{
	color:#E6E1E1;
	padding:0;
	margin:0;
	font-size:1.3em;
	text-shadow:0 -1px 0 #000;
}
#portfolio-pagination{
	position:absolute;
	top:0;
	left:-11px;
	width:452px;
}
#portfolio-pagination li{
	width:22px;
	height:22px;
	position:absolute;
	top:302px;
}
#portfolio-pagination li a{
	width:22px;
	height:22px;
	display:block;
	text-indent:-9000em;
}
#portfolio-pagination li.ppBack{
	left:0;
}
#portfolio-pagination li.ppBack a{
	background-position:-379px -325px;
}
#portfolio-pagination li.ppNext{
	right:0;
}
#portfolio-pagination li.ppNext a{
	background-position:-407px -325px;
}


/*---------------------------------------------WebBox Basic -------------------------------------------------------------------------------*/
#wbb-cont{
	background:url(../img/full-sprites.png) 0 100% no-repeat;
}
#wbb-cont.omg{
	opacity:0;
	-webkit-transitions:all;
	-webkit-transform-style:preserve-3d;
	-webkit-perspective:0;
	-webkit-animation:spin 1s ease-out;
}
#wbb-cont{
	clear:both;
	height:350px;
	width:430px;
	position:absolute;
}

#wbb-w{
	overflow:hidden;
	position:relative;
	width:430px;
	height:350px;
}
#wbb{
	height:350px;
	width:8000px;
	position:absolute;
	top:0;
	left:0;
}
#wbb li{
	float:left;
	padding:11px 11px 0 11px;
}
#wbb li span.pImage a img{
	border:0;
}
#wbb li div.pDesc{
	margin:10px 15px 0;
}
#wbb li div.pDesc p{
	color:#fff;
	font-size:.8em;
	padding:4px 0 0;
	text-shadow:0 -1px 0 #000;
}
#wbb li div.pDesc h3{
	color:#E6E1E1;
	padding:0;
	margin:0;
	font-size:1.3em;
	text-shadow:0 -1px 0 #000;
}
#wbb-pagination{
	position:absolute;
	top:0;
	left:-11px;
	width:452px;
}
#wbb-pagination li{
	width:22px;
	height:22px;
	position:absolute;
	top:302px;
}
#wbb-pagination li a{
	width:22px;
	height:22px;
	display:block;
	text-indent:-9000em;
}
#wbb-pagination li.ppBack{
	left:0;
	background:url(../img/full-sprites.png) 0 100% no-repeat;
	background-position:-379px -325px;
}
#wbb-pagination li.ppBack a{
	background-position:-379px -325px;
}
#wbb-pagination li.ppNext{
	right:0;
	background:url(../img/full-sprites.png) 0 100% no-repeat;
	background-position:-407px -325px;
}
#wbb-pagination li.ppNext a{
	background-position:-407px -325px;
}
/*---------------------------------------------WebBox Flash -------------------------------------------------------------------------------*/
#wbf-cont{
	background:url(../img/full-sprites.png) 0 100% no-repeat;
}
#wbf-cont.omg{
	opacity:0;
	-webkit-transitions:all;
	-webkit-transform-style:preserve-3d;
	-webkit-perspective:0;
	-webkit-animation:spin 1s ease-out;
}
#wbf-cont{
	clear:both;
	height:350px;
	width:430px;
	position:absolute;
}

#wbf-w{
	overflow:hidden;
	position:relative;
	width:430px;
	height:350px;
}
#wbf{
	height:350px;
	width:8000px;
	position:absolute;
	top:0;
	left:0;
}
#wbf li{
	float:left;
	padding:11px 11px 0 11px;
}
#wbf li span.pImage a img{
	border:0;
}
#wbf li div.pDesc{
	margin:10px 15px 0;
}
#wbf li div.pDesc p{
	color:#fff;
	font-size:.8em;
	padding:4px 0 0;
	text-shadow:0 -1px 0 #000;
}
#wbf li div.pDesc h3{
	color:#E6E1E1;
	padding:0;
	margin:0;
	font-size:1.3em;
	text-shadow:0 -1px 0 #000;
}
#wbf-pagination{
	position:absolute;
	top:0;
	left:-11px;
	width:452px;
}
#wbf-pagination li{
	width:22px;
	height:22px;
	position:absolute;
	top:302px;
}
#wbf-pagination li a{
	width:22px;
	height:22px;
	display:block;
	text-indent:-9000em;
}
#wbf-pagination li.ppBack{
	left:0;
	background:url(../img/full-sprites.png) 0 100% no-repeat;
	background-position:-379px -325px;
}
#wbf-pagination li.ppBack a{
	background-position:-379px -325px;
}
#wbf-pagination li.ppNext{
	right:0;
	background:url(../img/full-sprites.png) 0 100% no-repeat;
	background-position:-407px -325px;
}
#wbf-pagination li.ppNext a{
	background-position:-407px -325px;
}
/*---------------------------------------------WebBox E-Commerce -------------------------------------------------------------------------------*/
#wbec-cont{
	background:url(../img/full-sprites.png) 0 100% no-repeat;
}
#wbec-cont.omg{
	opacity:0;
	-webkit-transitions:all;
	-webkit-transform-style:preserve-3d;
	-webkit-perspective:0;
	-webkit-animation:spin 1s ease-out;
}
#wbec-cont{
	clear:both;
	height:350px;
	width:430px;
	position:absolute;
}

#wbec-w{
	overflow:hidden;
	position:relative;
	width:430px;
	height:350px;
}
#wbec{
	height:350px;
	width:8000px;
	position:absolute;
	top:0;
	left:0;
}
#wbec li{
	float:left;
	padding:11px 11px 0 11px;
}
#wbec li span.pImage a img{
	border:0;
}
#wbec li div.pDesc{
	margin:10px 15px 0;
}
#wbec li div.pDesc p{
	color:#fff;
	font-size:.8em;
	padding:4px 0 0;
	text-shadow:0 -1px 0 #000;
}
#wbec li div.pDesc h3{
	color:#E6E1E1;
	padding:0;
	margin:0;
	font-size:1.3em;
	text-shadow:0 -1px 0 #000;
}
#wbec-pagination{
	position:absolute;
	top:0;
	left:-11px;
	width:452px;
}
#wbec-pagination li{
	width:22px;
	height:22px;
	position:absolute;
	top:302px;
}
#wbec-pagination li a{
	width:22px;
	height:22px;
	display:block;
	text-indent:-9000em;
}
#wbec-pagination li.ppBack{
	left:0;
	background:url(../img/full-sprites.png) 0 100% no-repeat;
	background-position:-379px -325px;
}
#wbec-pagination li.ppBack a{
	background-position:-379px -325px;
}
#wbec-pagination li.ppNext{
	right:0;
	background:url(../img/full-sprites.png) 0 100% no-repeat;
	background-position:-407px -325px;
}
#wbec-pagination li.ppNext a{
	background-position:-407px -325px;
}

/*---------------------------------------------WebBox Dynamique -------------------------------------------------------------------------------*/
#wbd-cont{
	background:url(../img/full-sprites.png) 0 100% no-repeat;
}
#wbd-cont.omg{
	opacity:0;
	-webkit-transitions:all;
	-webkit-transform-style:preserve-3d;
	-webkit-perspective:0;
	-webkit-animation:spin 1s ease-out;
}
#wbd-cont{
	clear:both;
	height:350px;
	width:430px;
	position:absolute;
}

#wbd-w{
	overflow:hidden;
	position:relative;
	width:430px;
	height:350px;
}
#wbd{
	height:350px;
	width:8000px;
	position:absolute;
	top:0;
	left:0;
}
#wbd li{
	float:left;
	padding:11px 11px 0 11px;
}
#wbd li span.pImage a img{
	border:0;
}
#wbd li div.pDesc{
	margin:10px 15px 0;
}
#wbd li div.pDesc p{
	color:#fff;
	font-size:.8em;
	padding:4px 0 0;
	text-shadow:0 -1px 0 #000;
}
#wbd li div.pDesc h3{
	color:#E6E1E1;
	padding:0;
	margin:0;
	font-size:1.3em;
	text-shadow:0 -1px 0 #000;
}
#wbd-pagination{
	position:absolute;
	top:0;
	left:-11px;
	width:452px;
}
#wbd-pagination li{
	width:22px;
	height:22px;
	position:absolute;
	top:302px;
}
#wbd-pagination li a{
	width:22px;
	height:22px;
	display:block;
	text-indent:-9000em;
}
#wbd-pagination li.ppBack{
	left:0;
	background:url(../img/full-sprites.png) 0 100% no-repeat;
	background-position:-379px -325px;
}
#wbd-pagination li.ppBack a{
	background-position:-379px -325px;
}
#wbd-pagination li.ppNext{
	right:0;
	background:url(../img/full-sprites.png) 0 100% no-repeat;
	background-position:-407px -325px;
}
#wbd-pagination li.ppNext a{
	background-position:-407px -325px;
}
/*---------------------------------------------WebBox Sur mesure -------------------------------------------------------------------------------*/
#wbsm-cont{
	background:url(../img/full-sprites.png) 0 100% no-repeat;
}
#wbsm-cont.omg{
	opacity:0;
	-webkit-transitions:all;
	-webkit-transform-style:preserve-3d;
	-webkit-perspective:0;
	-webkit-animation:spin 1s ease-out;
}
#wbsm-cont{
	clear:both;
	height:350px;
	width:430px;
	position:absolute;
}

#wbsm-w{
	overflow:hidden;
	position:relative;
	width:430px;
	height:350px;
}
#wbsm{
	height:350px;
	width:8000px;
	position:absolute;
	top:0;
	left:0;
}
#wbsm li{
	float:left;
	padding:11px 11px 0 11px;
}
#wbsm li span.pImage a img{
	border:0;
}
#wbsm li div.pDesc{
	margin:10px 15px 0;
}
#wbsm li div.pDesc p{
	color:#fff;
	font-size:.8em;
	padding:4px 0 0;
	text-shadow:0 -1px 0 #000;
}
#wbsm li div.pDesc h3{
	color:#E6E1E1;
	padding:0;
	margin:0;
	font-size:1.3em;
	text-shadow:0 -1px 0 #000;
}
#wbsm-pagination{
	position:absolute;
	top:0;
	left:-11px;
	width:452px;
}
#wbsm-pagination li{
	width:22px;
	height:22px;
	position:absolute;
	top:302px;
}
#wbsm-pagination li a{
	width:22px;
	height:22px;
	display:block;
	text-indent:-9000em;
}
#wbsm-pagination li.ppBack{
	left:0;
	background:url(../img/full-sprites.png) 0 100% no-repeat;
	background-position:-379px -325px;
}
#wbsm-pagination li.ppBack a{
	background-position:-379px -325px;
}
#wbsm-pagination li.ppNext{
	right:0;
	background:url(../img/full-sprites.png) 0 100% no-repeat;
	background-position:-407px -325px;
}
#wbsm-pagination li.ppNext a{
	background-position:-407px -325px;
}





#wrapper{
	/*background:url(../img/bg-1.gif) 0 0 no-repeat;position:relative;*/
	padding:20px 0;
}
#content{
	background:url(../img/me.png) 0 0 no-repeat;
	position:relative;
	padding:1px 0 100px 400px;
	width:400px;
	margin:0 auto;
}

#last-slide{
	color:#fff;
}
#oskar-says{
	display:block;
	width:233px;
	height:127px;
	background-position:0 0;
	position:absolute;
	top:85px;
	left:-560px;
}
#oskar-says span{
	display:block;
	width:213px;
	height:100px;
	margin:15px 0 0;
	background-position:-524px 0;
	background-repeat:no-repeat;
	position:relative;
}
#oskar-says em{
	display:block;
	height:20px;
	width:105px;
	background-position:-250px -70px;
	position:absolute;
	left:50px;
}
#oskar-says em.osTop{
	top:0;
}
#oskar-says em.osBottom{
	background-position:-250px -91px;
	bottom:0;
}
ul.general,ul.social{
	width:240px;
	margin:0 0 15px;
}
ul.general li,ul.social li{
	margin:0 0 3px;
}
ul.social{
	width:290px;
	height:40px;
}
ul.general a,ul.social a{
	display:block;
	text-indent:-9000em;
	outline:none;
}
ul.general a{
	height:20px;
}
ul.social a{
	position:relative;
	height:44px;
	width:49px;
	top:-60px;
}
ul.social li{
	float:left;
}
ul.general .email a{
	background-position:0 -182px;
}
ul.general .email a:hover,ul.general .email a:focus{
	background-position:-245px -182px;
}
ul.general .folio a{
	background-position:0 -212px;
}
ul.general .folio a:hover,ul.general .folio a:focus{
	background-position:-245px -212px;
}
ul.social .wbb a{
	background-position:0 -302px;
}
ul.social .wbb a:hover,ul.social .twitter a:focus{
	background-position:0 -252px;
}
ul.social .wbec a{
	background-position:-50px -302px;
}
ul.social .wbec a:hover,ul.social .facebook a:focus{
	background-position:-50px -252px;
}
ul.social .wbd a{
	background-position:-100px -302px;
}
ul.social .wbd a:hover,ul.social .flickr a:focus{
	background-position:-100px -252px;
}
ul.social .wbf a{
	background-position:-150px -302px;
}
ul.social .wbf a:hover,ul.social .lastfm a:focus{
	background-position:-150px -252px;
}
ul.social .wbsm a{
	background-position:-200px -302px;
}
ul.social .wbsm a:hover,ul.social .blogolicious a:focus{
	background-position:-200px -252px;
}