@charset "UTF-8";
/* CSS Document */

/* Default style, feel free to remove if not needed. */
body, body * {
	vertical-align: baseline;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

#container{
	width: 300px;
	height: 250px;
	position: relative;
	top: 0px;
	left:0px;
	overflow: hidden;
}

#content{
	position: absolute;
    width: 298px;
    height: 248px;
    top: 0px;
    left: 0px;
    background-color: #ffffff;
    z-index: 100;
    overflow: hidden;
    border: 1px solid #000000;
    opacity: 1;
}



#clicktag {
	width: 300px;
	height: 250px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:9;
	cursor:pointer;
}

.btnPlay {
	background-image:url('images/btnPlay.png');
	background-size:80px 80px;
	width:80px;
	height:80px;
    position:absolute;
    left: 110px;
    top: 85px;
	opacity:0.7;
    z-index:10;
    cursor: pointer;
}

.mainBg {
	background-image:url('images/mainBg.jpg');
	background-size: 300px 250px;
	background-repeat: no-repeat;
	width:300px;
	height:250px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	cursor:pointer;
}

.sofa {
	background-image:url('images/sofa.png');
	background-size: 195px 90px;
	width:195px;
	height:90px;
	position:absolute;
	left:49px;
	top:160px;
	opacity:0;
	z-index:2;
	cursor:pointer;
}

.logo {
	background-image:url('images/logo.png');
	background-size: 300px 30px;
	width:300px;
	height:30px;
	position:absolute;
	left:0px;
	top:17px;
	z-index:3;
	cursor:pointer;
}

.logoEndFrame {
	background-image:url('images/logoEndFrame.png');
	background-size: 300px 53px;
	width:300px;
	height:53px;
	position:absolute;
	left:0px;
	top:160px;
	opacity:0;
	z-index:3;
	cursor:pointer;
}



.bbar {
	background-image:url('images/bbar.png');
	background-size: 300px 18px;
	width:300px;
	height:18px;
	position:absolute;
	left:0px;
	top:232px;
	opacity:0;
	z-index:3;
	cursor:pointer;
}

.bbarText1 {
	background-image:url('images/bbarText1.png');
	background-size: 300px 18px;
	width:300px;
	height:18px;
	position:absolute;
	left:0px;
	top:232px;
	opacity:0;
	z-index:3;
	cursor:pointer;
}

.bbarText2 {
	background-image:url('images/bbarText2.png');
	background-size: 300px 18px;
	width:300px;
	height:18px;
	position:absolute;
	left:0px;
	top:232px;
	opacity:0;
	z-index:3;
	cursor:pointer;
}






.btn {
	background-image: url("images/CTA.png");
	background-size: 210px 60px;
    cursor: pointer;
	width: 210px;
    height: 60px;
    left: 45px;
    top: 76px;
    opacity: 0;
    position: absolute;
    z-index: 9;
	overflow:hidden;
	background-color: #f0352f;
}

.text1a {
	background-image: url("images/text1a.png");
    background-size: 300px 28px;
    cursor: pointer;
	width: 300px;
    height: 28px;
    left: 0px;
	top: 70px;
    opacity: 0;
    position: absolute;
    z-index: 4;
}
.text1b {
	background-image: url("images/text1b.png");
    background-size: 300px 28px;
    cursor: pointer;
	width: 300px;
    height: 28px;
    left: 0px;
	top: 98px;
    opacity: 0;
    position: absolute;
    z-index: 4;
}

.text2a {
	background-image: url("images/text2a.png");
    background-size: 217px 70px;
    cursor: pointer;
	width: 217px;
    height: 70px;
    left: 42px;
	top: 75px;
    opacity: 0;
    position: absolute;
    z-index: 4;
}
.text2b {
	background-image: url("images/text2b.png");
    background-size: 217px 70px;
    cursor: pointer;
	width: 217px;
    height: 70px;
    left: 42px;
	top: 75px;
    opacity: 0;
    position: absolute;
    z-index: 4;
}




:focus {outline:none;}
::-moz-focus-inner {border:0;}