@charset "UTF-8";

/* STRUCTURAL ELEMENTS */

div, img{ position:absolute; }
video::-webkit-media-controls-fullscreen-button {
    display: none;
}

#preloader{ top:0px; left:300px; width:298px; height:598px; background:#FFF url(preloader.gif) no-repeat center; border:#000 solid 1px; }

#container{ top:0px; left:0px; width:900px; height:600px; display:none; }

#collapsed{ top:0px; left:300px; width:298px; height:598px; background:#FFF; border:#000 solid 1px; overflow:hidden; }
#expandingButton{ width:298px; height:397px; background:rgba(0,0,0,0); cursor:pointer; }

#expanding{ width:598px; height:598px; background:#FFF; border:#000 solid 1px; display:none; overflow:hidden; }
#closeButton{ top:5px; right:5px; cursor:pointer; }

.direction-tl { left: 0px; top: 0px; }
.direction-tr { left: 300px; top: 0px; }
.direction-bl { left: 0px; top: 0px; }
.direction-br { left: 300px; top: 0px; }


/* BANNER ELEMENTS */
#logo_col{ top:295px; right:95px; display:block; cursor:pointer;}

#copy_Links_col{ top:403px; left:28px; }
#copy1{ top:142px; left:120px; }
#copy2{ top:171px; left:8px;}
#copy3{ top:89px; left:8px; opacity:0; }
#copy4{ top:150px; left:76px; opacity:0; }
#copy5{ top:89px; left:70px;}
#copy6{ top:90px; left:16px;}
#copy7{ top:126px; left:61px; opacity:0; }
#copy8{ top:76px; left:0px; opacity:0; }

#image_Video_col{ top:1px; left:-1px; opacity:0;}

#cta_collapsed{ background:url(cta_collapsed.png) no-repeat; background-position:0px 0px; width:276px; height:56px; top:234px; left:14px; opacity:0; overflow: hidden;}
#CTAcol-over{ left:-140px;}


#clickTag2{ top:403px; left:113px; display:block; cursor:pointer; }
#clickTag3{ top:413px; left:41px; display:block; cursor:pointer; }


#logo_exp{ top:295px; right: 0px; display:block; cursor:pointer;}

#mainVideo{ display:block; position:absolute; top:12px; left:50px; background:#000; }
#image_Video_exp{ top:12px; left:50px; }

#copy_Links_exp{ top:408px; left:70px; }
#clickTag6{ top:408px; left:155px; display:block; cursor:pointer; }
#clickTag7{ top:408px; left:303px; display:block; cursor:pointer; }

#cta_expanded{ top:175px; left:23px; display:block; }

#cta_expanded{ background:url(cta_expanded.png) no-repeat; background-position:0px 0px; width:326px; height:54px; top:324px; left:51px; overflow: hidden; cursor:pointer;}
#CTAexp-over{ left:-150px; top:0px;}
#CTAexp-over.on{left:330px; top:0px;}
#CTAexp-over.out{left:-150px; top:0px;}

/* CLICKTAGS */

#clickTag1 {
    position: absolute;
    width: 325px;
    height: 50px;
    top: 324px;
    left: 52px;
    cursor: pointer;
}

.clickTag5, .clickTag4 {
    text-decoration: underline;
    cursor: pointer;
}