body{
	background-image: url(images/1600/background.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 1590px;
}

header{
	position: fixed;
	display: block;
	width: 1600px;
	left: 50%;
	margin-left: -800px;
	height: 310px;
	background-image: url(images/1600/header.png);
	background-repeat: no-repeat;
	z-index: 2000;
}

nav{
	position: absolute;
	top: 225px;
	left: 290px;
	width: 820px;
}

article{
	position: relative;
	display: block;
	width: 1020px;
	left: 50%;
	margin-left: -510px;
	padding-top: 371px;
	height: 1000px;
}

#home{
    position: absolute;
    top: 5px;
    left: 300px;
    width: 1050px;
    height: 200px;
}

#menuToggle{
	display: none;
}

nav ul{
	list-style: none;
	display: block;
	width: 1020px;
	height: 41px;
	padding: 20px;
}

nav ul li{
	text-indent: -30000px;
	width: 136px;
	float: left;
}

nav ul li a{
	display: block;
}
#mnuPaint{
	width: 136px;
	height: 41px;
	background-image: url(images/1600/paint.png);
	background-repeat: no-repeat;
}
#mnuPaint:hover{
	background-image: url(images/1600/paint_hover.png), url(images/1600/paint.png);
	background-repeat: no-repeat, no-repeat;
}

#mnuDraw{
	width: 136px;
	height: 41px;
	background-image: url(images/1600/draw.png);
	background-repeat: no-repeat;
}
#mnuDraw:hover{
	background-image: url(images/1600/draw_hover.png), url(images/1600/draw.png);
	background-repeat: no-repeat, no-repeat;
}

#mnuSculp{
	width: 136px;
	height: 41px;
	background-image: url(images/1600/sculp.png);
	background-repeat: no-repeat;
}
#mnuSculp:hover{
	background-image: url(images/1600/sculp_hover.png), url(images/1600/sculp.png);
	background-repeat: no-repeat, no-repeat;
}

#mnuInstal{
	width: 136px;
	height: 41px;
	background-image: url(images/1600/instal.png);
	background-repeat: no-repeat;
}
#mnuInstal:hover{
	background-image: url(images/1600/instal_hover.png), url(images/1600/instal.png);
	background-repeat: no-repeat, no-repeat;
}

#mnuPerfo{
	width: 136px;
	height: 41px;
	background-image: url(images/1600/perfo.png);
	background-repeat: no-repeat;
}
#mnuPerfo:hover{
	background-image: url(images/1600/perfo_hover.png), url(images/1600/perfo.png);
	background-repeat: no-repeat, no-repeat;
}

#mnuVideo{
	width: 136px;
	height: 41px;
	background-image: url(images/1600/video.png);
	background-repeat: no-repeat;
}
#mnuVideo:hover{
	background-image: url(images/1600/video_hover.png), url(images/1600/video.png);
	background-repeat: no-repeat, no-repeat;
}

#mnuAbout{
	width: 136px;
	height: 41px;
	background-image: url(images/1600/about.png);
	background-repeat: no-repeat;
}
#mnuAbout:hover{
	background-image: url(images/1600/about_hover.png), url(images/1600/about.png);
	background-repeat: no-repeat, no-repeat;
}

section.home{
	position: relative;
	width: 315px;
	height: 293px;
    display:block;
    float: left;
    margin-bottom: 46px;
}
section.home:nth-of-type(3n+0){
    margin-left: 36px;
}
section.home:nth-of-type(3n+1){
    margin-left: 4px;
}
section.home:nth-of-type(3n+2){
    margin-left: 29px;
}

section.home img{
	position: absolute;
	top: 5px;
	left: 6px;
	width: 303px;
	height: 244px;
}

section.home div{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 315px;
	height: 293px;
	background-image: url(images/1600/photo.png);
	background-repeat: no-repeat;
}

section.home h1{
	position: absolute;
	bottom: 27px;
	left: 26px;
	font-size: 24px;
}

section.articleImage{
	position: relative;
	width: 1032px;
	height: 715px;
	margin-left: 0px;
}

section.articleImage div{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1032px;
	height: 715px;
	background-image: url(images/1600/article_image.png);
	background-repeat: no-repeat;
}
section.articleImage img{
	position: absolute;
	top: 28px;
	left: 20px;
	width: 970px;
	height: 670px;
}

section.articleText{
	position: relative;
	display: block;
	width: 1001px;
	height: 248px;
	background-image: url(images/1600/article_text.png);
	background-repeat: no-repeat;
	margin-top: 40px;
	margin-left: 5px;
	margin-bottom: 25px;
}

section.articleText h1{
	position: relative;
	display: block;
	width: 870px;
	height: 20px;
	padding-top: 60px;
	margin-left: 60px;
	font-size: 24px;
}

section.articleText div{
	position: absolute;
	width: 890px;
	height: 80px;
	top: 75px;
	left: 60px;
	overflow: scroll;
	font-family: Arial;
	font-size: 16px;
	margin-top: 20px;
}

section.text{
	position: relative;
	display: block;
	width: 989px;
	height: 768px;
	background-image: url(images/1600/text.png);
	background-repeat: no-repeat;
	margin-bottom: 40px;
	margin-left: 15px;
}

section.text h1{
	position: relative;
	display: block;
	width: 850px;
	height: 20px;
	padding-top: 60px;
	margin-left: 60px;
	font-size: 24px;
}

section.text div{
	position: relative;
	width: 850px;
	height: 580px;
	margin-top: 20px;
	margin-left: 60px;
	overflow: scroll;
	font-family: Arial;
	font-size: 16px;
	line-height: 24px;
}

footer{
	position: relative;
	clear: both;
	left: 0px;
	width: 1017px;
	height: 103px;
	background-image: url(images/1600/footer.png);
	background-repeat: no-repeat;
}

footer:hover{
	background-image: url(images/1600/footer_hover.png);
}

#icon{
    position: absolute;
    left: 80px;
    top: 100px;
    width: 169px;
    height: 172px;
}



section.articleImage video{
	position: absolute;
	top: 30px;
	left: 15px;
	width: 970px;
	height: 670px;
    background-color: white;
}

section.videoControls{
	position: relative;
	display: block;
	width: 1001px;
	height: 128px;
	background-image: url(images/1600/video_controls.png);
	background-repeat: no-repeat;
	margin-top: -15px;
	margin-left: 10px;
	margin-bottom: 160px;
}

.playPause{
    position: absolute;
    background-image: url(images/1600/video_pause.png);
    background-repeat: no-repeat;
    width: 43px;
    height: 29px;
    top: 42px;
    left: 45px;
}

.playPause.paused{
    background-image: url(images/1600/video_play.png);
}

.progress{
    position: absolute;
    background-image: url(images/1600/video_timeline.png);
    background-position: left 3px;
    background-repeat: no-repeat;
    width: 516px;
    height: 16px;
    top: 48px;
    left: 100px;
}

.progressItem{
    position: relative;
    background-image: url(images/1600/video_progress.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 8px;
    height: 22px;
    top: 0;
    left: 0;
}

.time{
    position: absolute;
    width: 65px;
    height: 18px;
    top: 52px;
    left: 635px;
    font-size: 13px;
}

.currentTime{
    position: absolute;
    width: 25px;
    height: 14px;
    top: 0px;
    left: 0px;
}

.totalTime{
    position: absolute;
    width: 25px;
    height: 14px;
    top: 0px;
    right: 0px;
}

.volumeIcon{
    position: absolute;
    background-image: url(images/1600/video_volume_loudspeaker.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    top: 48px;
    left: 725px;
}

.volume{
    position: absolute;
    background-image: url(images/1600/video_volume_line.png);
    background-position: left 6px;
    background-repeat: no-repeat;
    width: 86px;
    height: 19px;
    top: 48px;
    left: 750px;
}

.volumeValue{
    position: absolute;
    background-image: url(images/1600/video_volume.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 12px;
    height: 19px;
    top: 0px;
    left: 0px;
}

.fullscreen{
    position: absolute;
    background-image: url(images/1600/video_fullscreen.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 71px;
    height: 45px;
    top: 35px;
    left: 860px;
}