/* --
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: 598px;
    border: 1px solid #333333;
    background: #fff;
    overflow: hidden;
}

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

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

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

.v {
    display: block;
}

.nv {
    display: none;
}

.copy {
    position: absolute;
}

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

/* cast */


#logo {
    position: absolute;
    width: 156px;
    height: 26px;
    bottom: 9px;
    left: 12px;
    background: url(300x250_Logo.png) no-repeat;
    z-index: 1;
}


#bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 300px;
    height: 358px;
    background:url(300x600_BG.jpg) repeat-x;
}

#footer {
    position: absolute;
    left: 0px;
    bottom: -1px;
    width: 300px;
    height: 241px;
    background: url(300x600_footer.jpg) repeat-x;
    overflow: hidden;
}

/* cta */
#cta {
    position: absolute;
    width: 89px;
    height: 29px;
    bottom: 9px;
    right: 10px;
    background: url(cta_300x250.png) repeat-x;
    z-index: 2;
}

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

#cta_txt {
    position: absolute;
    width: 70px;
    height: 9px;
    bottom: 20px;
    right: 18px;
    background: url(300x250_txtCTA.png) no-repeat;
    z-index: 2;
}

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


#card {
    position: absolute;
    top: 295px;
    left: 54px;
    width: 189px;
    height: 125px;
    background: url(300x600_Card.png)
}


/* Copies */
#copy1 {
    top: 91px;
    left: 15px;
    width: 263px;
    height: 111px;
    background:url(300x600_copy1.png) no-repeat ;
    
}

#copy2 {
    top: 32px;
    left: -300px;
    width: 175px;
    height: 207px;
    background:url(300x600_copy2.png) no-repeat;
    
}

#copy3 {
    top: 44px;
    left: -300px;
    width: 205px;
    height: 112px;
    background:url(300x600_copy3.png) no-repeat;
    
}

#copy4 {
    top: 223px;
    left: -300px;
    width: 196px;
    height: 272px;
    background:url(300x600_copy4.png) no-repeat;
}

#copy5 {
    top: 103px;
    left: -300px;
    width: 254px;
    height: 160px;
    background:url(300x600_copy5.png) no-repeat ;
    
}

#copy6 {
    top: 20px;
    left: -300px;
    width: 274px;
    height: 53px;
    background:url(300x600_copy6.png) no-repeat ;
    
}

#copy1Blur {
    top: 91px;
    left: 15px;
    width: 263px;
    height: 111px;
    background:url(300x600_copy1_blur.png) no-repeat ;
    display: none;
}

#copy2Blur {
    top: 32px;
    left: -300px;
    width: 175px;
    height: 207px;
    background:url(300x600_copy2_blur.png) no-repeat;
    display: none;
}

#copy3Blur {
    top: 44px;
    left: -300px;
    width: 205px;
    height: 112px;
    background:url(300x600_copy3_blur.png) no-repeat;
    display: none;
}

#copy4Blur {
    top: 223px;
    left: -300px;
    width: 196px;
    height: 272px;
    background:url(300x600_copy4_blur.png) no-repeat;
    display: none;
}