body {
    margin: 0;
}

#zoneclic {
    position: relative;
    width: 300px;
    height: 250px;
    overflow: hidden;
    margin: auto;
    cursor: pointer;
    background-color: #fff;
}

div {
    top: 0;
    left: 0;
    position: absolute;
}

#imgcontainer {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#red,
#scene1, 
#scene2, 
#scene3, 
.copy,
#txt4,
#end, 
#cta,
#disclaimer,
#logo,
#tagline,
#curtain{
	width: 100%;
	height: 100%;
	position: absolute;
}

#red,
#curtain{
	
	 background: url(img/red.jpg) no-repeat;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#df1c21+0,5d0d10+97 */
background: rgb(223,28,33); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(223,28,33,1) 0%, rgba(93,13,16,1) 97%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(223,28,33,1) 0%,rgba(93,13,16,1) 97%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(223,28,33,1) 0%,rgba(93,13,16,1) 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df1c21', endColorstr='#5d0d10',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.checkbox{
	top: 175px;
}

.checkbox .box{
	width: 23px;
	height: 24px;
	background: url(img/checkbox_composite.png) no-repeat;
	background-position: -28px 0px;
	overflow: hidden;
}

.checkbox .corner{
	width: 8px;
	height: 9px;
	background: url(img/checkbox_composite.png) no-repeat;
	background-position: -52px 0px;
	overflow: hidden;
	left: 15px;
}

.checkbox .check{
	width: 27px;
	height: 25px;
	top: -6px;
	left: 1px;
	background: url(img/checkbox_composite.png) no-repeat;
	overflow: hidden;
}
#chair{
	width: 90px;
	height: 112px;	
	left: 109px;
	top: 60px;
}

#chair #chairbase{
	width: 107px;
	height: 102px;
	top: 46px;
	background: url(img/chair_base.png) no-repeat;
}

#chair #chairback{
	width: 56px;
	height: 143px;
	left: 35px;
	background: url(img/chair_back.png) no-repeat;
}

#chair #chairbackInsert{
	width: 7px;
    height: 8px;
	top: 64px;
    left: 47px;
	background: url(img/chair_back.png) no-repeat;
	background-position: -11px -63px;
	overflow: hidden;
}

.suitcase{
	width: 92px;
	height: 86px;
	background: url(img/suitcase.png) no-repeat;
}

.suitcase .tag{
	width: 27px;
	height: 31px;
	left: 33px;
	top: 20px;
	background: url(img/suitcase_tag.png) no-repeat;
}

#suitcase1{
	left: 110px;
	top: 68px;
}

#suitcase2{
	left: 60px;
	top: 81px;
}

#wineglass{
	width: 50px;
	height: 70px;
	left: 73px;
	top: 99px;
	background: url(img/wine_glass.png) no-repeat;
}

#wine{
	width: 22px;
	height: 14px;
	top: 22px;
	left: 14px;
	background: url(img/wine.png) no-repeat;
}

#food{
	left: 106px;
	top: 102px;
}

#cloche{
	width: 86px;
	height: 63px;
	background: url(img/food_cloche.png) no-repeat;
}

#plate{
	width: 95px;
	height: 16px;
	top: 52px;
	left: -4px;
	background: url(img/food_plate.png) no-repeat;
}

#steamWrapper{
	width: 30px;
	height: 30px;
	left: 130px;
	top: 78px;
}

.steam{
	width: 28px;
	height: 37px;
	background: url(img/food_steam.png) no-repeat;
}
#steam1,
#steam3{
	top: 3px;
}
#steam1{
	
}

#steam2{
	left: 5px;
	top:2px;
}

#steam3{
	left: 10px;
}

#txt1,
#txt2,
#txt3{
	background: url(img/txt_composite.png) no-repeat;
	overflow: hidden;
	height: 73px;
	width: 100%;	
	top: 172px;
}

#txt1{
	left:14px;
}

#checkbox1{
	left: 45px;
}

#txt2{
	left: 20px;
	background-position: 0 -73px;
}

#checkbox2{
	left: 45px;
}

#txt3{
	background-position: 0 -146px;
	left:20px;
}

#checkbox3{
	left: 65px;
}

#txt4{
	background: url(img/txt4.png) no-repeat;
}

#end{
	background: url(img/end.jpg) no-repeat;
	
}

#cta{
     background: url(img/cta.png) no-repeat
}

#logo {
    background: url(img/logo.png) no-repeat right top;
}

#tagline{
     background: url(img/tagline.png) no-repeat
}