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

body, body * {
	vertical-align:baseline;
	border:0 none;
	outline:0;
	padding:0;
	margin:0;
}

#exit_btn{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:transparent;
	cursor: pointer !important;
	z-index:800;
}

#container{
	position:absolute;
	width:120px;
	height:600px;
	top:50px;
	left:50px;
	margin:auto;
	z-index: 20;
}

/*  Content*/

#content{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 120px;
	height: 600px;
	background-image:url('bg.png');
	z-index: 300;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
}

#LFtag1{
	position: absolute;
	left: 26px;
  	top: 4px;
  	width: 67px;
  	height: 53px;
	background-image:url('LF-tag_black.png');
	z-index: 403;
}

#LFtag2{
	position: absolute;
	left: 26px;
  	top: 4px;
  	width: 67px;
  	height: 53px;
	background-image:url('LF-tag_brown.png');
	z-index: 404;
	
}

#keyline{
	position: absolute;
	left: 0px;
  	top: 0px;
  	width: 120px;
  	height: 600px;
	background-image:url('keyline.png');
	z-index: 502;
}

#pigLogo{
	position: absolute;
	left: 38px;
  	top: 497px;
  	width: 44px;
  	height: 24px;
	background-image:url('pig-logo.png');
	background-repeat: no-repeat;
	z-index: 502;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */
}

#pigLogoLarge{
	position: absolute;
	left: 31px;
  	top: 429px;
  	width: 56px;
  	height: 31px;
	background-image:url('pig-logo_large.png');
	background-repeat: no-repeat;
	z-index: 502;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */
}


#cowLogo{
	position: absolute;
	left: 44px;
  	top: 488px;
  	width: 43px;
  	height: 31px;
	background-image:url('cow-logo.png');
	background-repeat: no-repeat;
	z-index: 502;
}

#logo{
	position: absolute;
	left: 6px;
  	top: 532px;
  	width: 111px;
  	height: 26px;
	background-image:url('logo.png');
	background-repeat: no-repeat;
	z-index: 502;
}

#logoLarge{
	position: absolute;
	left: 14px;
  	top: 481px;
  	width: 95px;
  	height: 77px;
	background-image:url('logo_large.png');
	background-repeat: no-repeat;
	z-index: 502;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */
}

#text1{
	position: absolute;
	left: -1px;
  	top: 69px;
  	width: 125px;
  	height: 147px;
	background-image:url('text1.png');
	z-index: 502;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */
}

#text2{
	position: absolute;
	left: 1px;
  	top: 65px;
  	width: 125px;
  	height: 155px;
	background-image:url('text2.png');
	z-index: 502;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */
}

#text3{
	position: absolute;
	left: 0px;
  	top: 115px;
  	width: 120px;
  	height: 170px;
	background-image:url('text3.png');
	z-index: 502;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */
}

#man{
	position: absolute;
	left: -49px;
  	top: 216px;
  	width: 191px;
  	height: 222px;
	background-image:url('man.png');
	z-index: 501;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */
}

#woman{
	position: absolute;
	left: 6px;
  	top: 206px;
  	width: 187px;
  	height: 235px;
	background-image:url('woman.png');
	z-index: 501;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */
}

#pack1{
	position: absolute;
	left: 3px;
  	top: 406px;
  	width: 114px;
  	height: 67px;
	background-image:url('pack1.png');
	z-index: 601;
}

#pack2{
	position: absolute;
	left: 9px;
  	top: 400px;
  	width: 104px;
  	height: 78px;
	background-image:url('pack2.png');
	z-index: 601;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */
}

#cta{
	position: absolute;
	left: 47px;
  	top: 328px;
  	width: 64px;
  	height: 65px;
	background-image:url('cta.png');
	z-index: 401;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */
}