/*----- 728x90 ------*/

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

#line_1_1 {
	position: absolute;
	background-position: 0 -57px;
	width: 304px;
	height: 26px;
	left: 0px;
	top: 17px;
}
#line_1_2 {
	position: absolute;
	background-position: 0 -89px;
	width: 166px;
	height: 26px;
	left: 0px;
	top: 47px;
}
#graphic_1_1 {
	position: absolute;
	background-position: -239px -159px;
	width: 205px;
	height: 90px;
	left: 373px;
	top: 0px;
}

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

#line_2_1 {
	position: absolute;
	background-position: 0 -125px;
	width: 354px;
	height: 26px;
	left: 0px;
	top: 12px;
}
#line_2_2 {
	position: absolute;
	background-position: 0 -156px;
	width: 226px;
	height: 26px;
	left: 0px;
	top: 44px;
}
#line_2_3 {
	position: absolute;
	background-position: -17px -185px;
	width: 71px;
	height: 10px;
	left: 17px;
	top: 74px;
}

#graphic_2_1 {
	position: absolute;
	background-position: -394px -55px;
	width: 123px;
	height: 77px;
	left: 435px;
	top: 9px;
}

/*--------- 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;
}