/*----- 728x090 ------*/

/*--- FRAME 1 ---*/

#line_1_1 {
	position: absolute;
	background-position: 0 -55px;
	width: 178px;
	height: 26px;
	left: 0px;
	top: 17px;
}
#line_1_2 {
	position: absolute;
	background-position: 0 -86px;
	width: 194px;
	height: 26px;
	left: 0px;
	top: 47px;
}

/*--- FRAME 2 ---*/

#line_2_1 {
	position: absolute;
	background-position: 0 -119px;
	width: 349px;
	height: 26px;
	left: 0px;
	top: 17px;
}
#line_2_2 {
	position: absolute;
	background-position: 0 -150px;
	width: 287px;
	height: 26px;
	left: 0px;
	top: 47px;
}

/*--- FRAME 3 ---*/

#line_3_1 {
	position: absolute;
	background-position: 0 -184px;
	width: 277px;
	height: 26px;
	left: 0px;
	top: 17px;
}
#line_3_2 {
	position: absolute;
	background-position: 0 -215px;
	width: 355px;
	height: 26px;
	left: 0px;
	top: 47px;
}
/*#line_3_3 {
	position: absolute;
	background-position: 
	left: 0px;
	top: px;
}*/

#video {
	position: absolute;
	overflow: hidden;
	z-index: 1;
	width: 160px;
	height: 90px;
	left: 448px;
	top: 0px;
}

/*#iOS_image{
	position: absolute;
	background-image: url("images/iOS_image.png");
	background-repeat: no-repeat;
	z-index: 1;
	width: 578px;
	height: 90px;
	left: 0px;
	top: 0px;
	opacity: 0;
}*/

/*--------- END EDITABLES ---------*/

/*elements appear from left side - make left border*/
.textOnPanel {
	border-left: 50px solid #000;
	left: -50px !important;
}

.bg {
	position: absolute;
	width: 728px;
	height: 90px;
	top:0;
	left:0;
}

.sprite {
	display: inline-block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image:url(images/728x090_sprites_crushed.png);
}

.logo {
	position: absolute;
	background-position: -307px -3px;
	width: 150px;
	height: 45px;

	/*bottom padding for elastic ease*/
	border-right: 50px solid black;
}

.cta {
	position: absolute;
	background-position: -3px -3px;
	width: 150px;
	height: 45px;
}

.cta_over {
	position: absolute;
	background-position: -155px -3px;
	width: 150px;
	height: 45px;
}

#loading			,
#text_shell			,
#cta				,
#cta_default		,
#cta_default_shell	,
#cta_over			,
#logo
{
	position:absolute;
}

#loading{
	z-index: 1000;
}

#text_shell	{
	width: 100%;
	height: 100%;
	z-index: 10;
}

#loading			,
#text_shell			,
#cta				,
#cta_default		,
#cta_default_shell	,
#cta_over			,
#logo
{
	position:absolute;
}

#loading{
	z-index: 1000;
}

#text_shell	{
	width: 100%;
	height: 100%;
	z-index:10;
}

#logo{
	left:578px;
}

/* -------------------------------------------------------- cta */
#cta{
	width:150px;
	height:90px;
	left:578px;
	top:45px;
	overflow:hidden;

	border-right: 50px solid #14ABE0;
}
#cta_default,
#cta_over,
#cta_default_shell 	{
	width:100%;
	height:100%;
}
#cta_default_shell{
	height:45px;
	z-index:20;
	overflow: hidden;
}
#cta_default{
	height:45px;

}
#cta-over{
	height:45px;
	z-index:10;
}