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

header{
	position: fixed;
	display: block;
	width: 992px;
	left: 50%;
	margin-left: -496px;
	height: 207px;
	background-image: url(images/992/header.png);
	background-repeat: no-repeat;
	z-index: 2000;
}
nav{
	position: absolute;
	top: 135px;
	left: 50px;
	width: 886px;
}

article{
	position: relative;
	display: block;
	width: 886px;
	left: 50%;
	margin-left: -443px;
	padding-top: 271px;
	height: 1000px;
}

#home{
    position: absolute;
    top: 5px;
    left: 130px;
    width: 740px;
    height: 130px;
}

#menuToggle{
	display: none;
}

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

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

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

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

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

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

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

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

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

section.home{
	position: relative;
	width: 273px;
	height: 254px;
    display:block;
    float: left;
    margin-bottom: 49px;
}
section.home:nth-of-type(3n+0){
    margin-left: 28px;
}
section.home:nth-of-type(3n+1){
    margin-left: 9px;
}
section.home:nth-of-type(3n+2){
    margin-left: 24px;
}

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

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

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

section.articleImage{
	position: relative;
	width: 870px;
	height: 603px;
	margin-left: 20px;
}

section.articleImage div{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 870px;
	height: 603px;
	background-image: url(images/992/article_image.png);
	background-repeat: no-repeat;
}
section.articleImage img{
	position: absolute;
	top: 28px;
	left: 20px;
	width: 820px;
	height: 560px;
}

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

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

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

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

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

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

footer{
	position: relative;
	clear: both;
	left: 10px;
	width: 869px;
	height: 88px;
	background-image: url(images/992/footer.png);
	background-repeat: no-repeat;
}

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

#icon{
    position: absolute;
    left: 38px;
    top: 80px;
    width: 66px;
    height: 78px;
}


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

section.videoControls{
	position: relative;
	display: block;
	width: 838px;
	height: 107px;
	background-image: url(images/992/video_controls.png);
	background-repeat: no-repeat;
	margin-top: -20px;
	margin-left: 25px;
	margin-bottom: 160px;
}

.playPause{
    position: absolute;
    background-image: url(images/992/video_pause.png);
    background-repeat: no-repeat;
    width: 36px;
    height: 24px;
    top: 42px;
    left: 35px;
}

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

.progress{
    position: absolute;
    background-image: url(images/992/video_timeline.png);
    background-position: left 3px;
    background-repeat: no-repeat;
    width: 432px;
    height: 14px;
    top: 44px;
    left: 82px;
}

.progressItem{
    position: relative;
    background-image: url(images/992/video_progress.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 6px;
    height: 18px;
    top: 2px;
    left: 0;
}

.time{
    position: absolute;
    width: 60px;
    height: 18px;
    top: 48px;
    left: 540px;
    font-size: 12px;
}

.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/992/video_volume_loudspeaker.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    top: 45px;
    left: 616px;
}

.volume{
    position: absolute;
    background-image: url(images/992/video_volume_line.png);
    background-position: left 4px;
    background-repeat: no-repeat;
    width: 72px;
    height: 12px;
    top: 45px;
    left: 635px;
}

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

.fullscreen{
    position: absolute;
    background-image: url(images/992/video_fullscreen.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 60px;
    height: 37px;
    top: 35px;
    left: 731px;
}