/* ---- 300x250 ----*/

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

#line_1_1 {
	position: absolute;
	background-position: -11px -168px;
	width: 242px;
	height: 31px;
	left: 0px;
	top: 42px;
}
#line_1_2 {
	position: absolute;
	background-position: -11px -204px;
	width: 285px;
	height: 31px;
	left: 0px;
	top: 78px;
}
/*#line_1_3 {
	position: absolute;
	background-position: 
	left: 0px;
	top: px;
}*/

/*#graphic_1_1 {
	position: absolute;
	background-position: 
	left: 0px;
	top: 0px;
}*/

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

#line_2_1 {
	position: absolute;
	background-position: -10px -247px;
	width: 226px;
	height: 31px;
	left: 0px;
	top: 13px;
}
#line_2_2 {
	position: absolute;
	background-position: -10px -283px;
	width: 238px;
	height: 31px;
	left: 0px;
	top: 49px;
}
#line_2_3 {
	position: absolute;
	background-position: -24px -316px;
	width: 233px;
	height: 13px;
	left: 14px;
	top: 82px;
}

#graphic_2_1 {
	position: absolute;
	background-position: -37px -339px;
	width: 91px;
	height: 45px;
	/*left: 20px;
	top: 93px;*/
	left: 27px;
	top: 105px;
}
#graphic_2_2 {
	position: absolute;
	background-position: -106px -385px;
	width: 178px;
	height: 94px;
	left: 96px;
	top: 96px;
}

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


/*#line_3_1 {
	position: absolute;
	background-position: 
	left: 0px;
	top: px;
}
#line_3_2 {
	position: absolute;
	background-position: 
	left: 0px;
	top: px;
}*/
/*#line_3_3 {
	position: absolute;
	background-position: 
	left: 0px;
	top: px;
}*/

/*#graphic_3_1 {
	position: absolute;
	background-position: 
	left: px;
	top: px;
}
#graphic_3_2 {
	position: absolute;
	background-position: 
	left: px;
	top: px;
}
#graphic_3_3 {
	position: absolute;
	background-position: 
	left: px;
	top: px;
}
#graphic_3_4 {
	position: absolute;
	background-position: 
	left: px;
	top: px;
}
#graphic_3_5 {
	position: absolute;
	background-position: 
	left: px;
	top: px;
}*/

/*--- FRAME 3 BG BLACK ---*/

/*#bg_3 { background-color: black; }

#gradient {
	position: absolute;
	background-position: -12px -140px;
	width: 300px;
	height: 17px;
	left: 0px;
	top: 170px;
}*/

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

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

.bg {
	position: absolute;
	width: 300px;
	height: 250px;
}

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

.logo {
	position: absolute;
	background-position: -1px -1px;
	width: 120px;
	height: 64px;

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

.cta {
	position: absolute;
	background-position: -132px -1px;
	width: 180px;
	height: 64px;
}

.cta_over {
	position: absolute;
	background-position: -132px -71px;
	width: 180px;
	height: 64px;
}

#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 {
	top: 187px;
}

/* -------------------------------------------------------- cta */
#cta {
	width: 380px;
	height: 90px;
	left: 120px;
	top: 187px;
	overflow:hidden;

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

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