@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:300px;
	height:250px;
	top:50px;
	left:50px;
	margin:auto;
	z-index: 20;
}

/*  Content*/

#content{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 250px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	z-index: 300;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
}

#contentBG{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 250px;
	background-image:url('bg.png');
	background-repeat: no-repeat;
	z-index: 301;
	display: block;
}

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

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

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

#pigLogo{
	position: absolute;
	left: 188px;
  	top: 173px;
  	width: 43px;
  	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: 122px;
  	top: 137px;
  	width: 56px;
  	height: 32px;
	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: 187px;
  	top: 169px;
  	width: 44px;
  	height: 31px;
	background-image:url('cow-logo.png');
	background-repeat: no-repeat;
	z-index: 502;
}

#logo{
	position: absolute;
	left: 134px;
  	top: 206px;
  	width: 151px;
  	height: 36px;
	background-image:url('logo.png');
	background-repeat: no-repeat;
	z-index: 502;
}

#logoLarge{
	position: absolute;
	left: 46px;
  	top: 181px;
  	width: 210px;
  	height: 50px;
	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: 93px;
  	top: 29px;
  	width: 202px;
  	height: 145px;
	background-image:url('text1.png');
	z-index: 502;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE 8,9 */
}

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

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

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

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

#pack1{
	position: absolute;
	left: 10px;
  	top: 175px;
  	width: 111px;
  	height: 65px;
	background-image:url('pack1.png');
	z-index: 601;
}

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

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