/* --
CSS Reseter
CSSLab © 2010 by Jorge Epuñan
http://www.csslab.cl/2010/06/01/css-reseter-v2/
-- */
a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,s,samp,section,small,span,strike,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}legend{display:none}:focus{outline:0}table{border-collapse:collapse;border-spacing:0}caption,td,th{text-align:left;font-weight:400}a img,iframe{border:none}ul{list-style:none}button,input,select,textarea{font-size:100%;font-family:inherit}input,select{vertical-align:middle}select{margin:inherit}button{border:0;padding:0;background:0 0;cursor:pointer}ol{margin-left:2em}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html .clearfix{height:1%}.clearfix{display:block}

p {
   font-family: Arial, Helvetica, sans-serif;
}

.banner {
    position: absolute;
    width: 298px;
    height: 248px;
    border: 1px solid #4D555B;
    background: #fff;
    overflow: hidden;
}

#loading_dc{
    width: 298px;
    height: 248px;
    background-color: white;
    position: absolute;
    z-index:5;
}

#loading_image_dc{
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 105px;
    position: absolute; 
    text-align: center;
}

/* DevFrame */
.frames {
    display: block;
}

.v {
    display: block;
}

.nv {
    display: none;
}

.cards {
    position: absolute;
    width: 237px;
    height: 146px;
    left: 32px;
}


/* Exits */
#clickTag{
    width: 298px;
    height: 248px;
    cursor: pointer;
    position: absolute;
    z-index: 6;
}

/* cast */


#logo {
    position: absolute;
    width: 33px;
    height: 20px;
    top: 13px;
    right: 10px;
    background: url(300x250_Logo.png) no-repeat;
    z-index: 1;
}

#bg {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 300px;
    height: 58px;
    background:url(300x250_BG.jpg) repeat-x;
}


#cards1 {
    top: 256px;
    background: url(300x250_Cards.png) no-repeat;
    border-top-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-webkit-border-top-left-radius: 50px;
}
#cards2 {
    top: 349px;
    background: url(300x250_Cards.png) no-repeat;
}
#cards3 {
    top: 441px;
    background: url(300x250_Cards.png) no-repeat;
}
#cards4 {
    top: 534px;
    background: url(300x250_Cards.png) no-repeat;
}
#cards5 {
    top: 626px;
    background: url(300x250_Cards.png) no-repeat;
}
#cards6 {
    top: 716px;
    background: url(300x250_Cards.png) no-repeat;
}
#cards7 {
    top: 808px;
    background: url(300x250_Cards.png) no-repeat;
}
#cards8 {
    top: 900px;
    background: url(300x250_Cards.png) no-repeat;
}
#cards9 {
    top: 992px;
    background: url(300x250_Cards.png) no-repeat;
}
#cards10 {
    top: 1084px;
    background: url(300x250_Cards.png) no-repeat;
}


#cardsTop {
    position: absolute;
    width: 238px;
    height: 141px;
    top: 212px;
    left: 32px;
    background: url(300x250_CardsTop.png) no-repeat;
    opacity:1;
}

#card {
    position: absolute;
    width: 232px;
    height: 143px;
    top: -300px;
    left:32px;
    background: url(300x250_Card.png) no-repeat;
    opacity:1;
}

#cardShadow {
    position: absolute;
    width: 262px;
    height: 173px;
    top: 30px;
    left: 25px;
    background: url(300x250_Shadow.png) no-repeat;
    background-size: cover;
    opacity:0;
}

#cardSmall {
    position: absolute;
    width: 145px;
    height: 91px;
    top: 300px;
    left: 131px;
    background: url(300x250_Card1.png) no-repeat;
    opacity:1;
}

#cta {
    position: absolute;
    width: 111px;
    height: 30px;
    bottom: 14px;
    right: 12px;
    background: url(300x250_Cta.png) no-repeat;
}

#cta_Mask {
    overflow: hidden;
    position: absolute;
    width: 110px;
    height: 29px;
    bottom: 14px;
    right: 14px;
    z-index: 3;
}

#shimer {
    background-image: url(shimer.png);
    height: 44px;
    left: -44px;
    opacity: 0.7;
    width: 44px;
    position: absolute;
    z-index: 5;
    display: none;
}

#shimer_ball {
    background: url(300x250_Circle.png) no-repeat;
    width: 30px;
    height: 31px;
    top: 0px;
    left: 30px;
    position: absolute;
    z-index: 5;
    opacity: 0;
}


#replay_btn {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 7px;
    left: 13px;
    background: url(300x250_Replay.png) no-repeat;
    display:none;
    z-index: 7;
    cursor: pointer;
}

/* Copies */
#copyblue {
    position: absolute;
    width: 151px;
    height: 13px;
    bottom: 22px;
    left: 13px;
    background:url(300x250_copyBlue.png) no-repeat;
    opacity:1;
}

#copy1 {
    position: absolute;
    width: 132px;
    height: 52px;
    top: 73px;
    left: 84px;
    background:url(300x250_Copy1.png) no-repeat;
    opacity:1;
}

#copy2 {
    position: absolute;
    top: 78px;
    left: 68px;
    width: 163px;
	height: 52px;
    background:url(300x250_Copy2.png) no-repeat;
	opacity: 0;
}

#copy3 {
    position: absolute;
    top: 162px;
    left: 19px;
    width: 142px;
	height: 16px;
    background: url(300x250_Copy3.png) no-repeat;
    opacity: 0;	
}

#copy4 {
    position: absolute;
    top: 77px;
    left: 69px;
    width: 165px;
	height: 53px;
    background: url(300x250_Copy4.png) no-repeat;
    opacity: 0;
}

#copy5 {
    position: absolute;
    top: 34px;
    left: 36px;
    width: 229px;
	height: 14px;
    background: url(300x250_Copy5.png) no-repeat;
	opacity: 0;
}

#copy6 {
    position: absolute;
    top: 64px;
    left: 77px;
    width: 149px;
	height: 21px;
    background: url(300x250_Copy6.png) no-repeat;
	opacity: 0;
}

#copy7 {
    position: absolute;
    top: 92px;
    left: 54px;
    width: 193px;
	height: 23px;
    background: url(300x250_Copy7.png) no-repeat;
	opacity: 0;
}
#copy8 {
    position: absolute;
    top: 122px;
    left: 67px;
    width: 170px;
	height: 21px;
    background: url(300x250_Copy8.png) no-repeat;
	opacity: 0;
}
#copy9 {
    position: absolute;
    top: -40px;
    left: 96px;
    width: 118px;
	height: 32px;
    background: url(300x250_Copy9.png) no-repeat;
	opacity: 1;
}

#copy10 {
    position: absolute;
    top: 171px;
    left: 155px;
    width: 102px;
	height: 10px;
    background: url(300x250_Copy10.png) no-repeat;
	opacity: 0;
}

#copyEnd {
    position: absolute;
    top: -80px;
    left: 14px;
    width: 111px;
	height: 51px;
    background: url(300x250_CopyEnd.png) no-repeat;
	opacity: 1;
}