/*-------------------------------------
Reset
---------------------------------------*/
*           {margin: 0; padding: 0; position: absolute;}
#banner *   {position: absolute;}
#banner br  {position: static;}
img         {border: none; width: 300px;}

/*-------------------------------------
Layout
---------------------------------------*/
#ad             {width: 300px; height: 250px; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
#banner         {position: absolute; display: block; width: 300px; height: 250px; overflow: hidden; cursor: pointer; visibility: hidden; border:1px solid rgba(0, 0, 0, .25); background: #15375f; -webkit-box-sizing: border-box; box-sizing: border-box;}
.clicktag       {width: 100%; height: 100%; z-index: 10; cursor: pointer; background:gray; opacity:0;}
.clicktag img   {border: none; outline: none;}
#frame_one, #frame_two, #frame_three, #common			{width: 100%; height: 250px;}

/*-------------------------------------
Banner Body
---------------------------------------*/
.ball			      {width: 166px; left: -10px; top: 110px;}
.border			    {width: 106px; left: 173px; top: 120px;}
.cta			      {width: 102px; height: 30px; left: 178px; top: 180px; background: #26387b; transform-origin: left;}
.cta_arrow_bg		{width: 15px; height: 15px; left: 271px; top: 187px; background: #fed103; transform-origin: left;}
.arrow_box      {width: 100%; height: 100%;}
.text1_box		  {width: 100%; height: 112px; left: 0px; top: 0px; overflow:hidden;}
.text2_box		  {width: 100%; height: 100px; left: 0px; top: 124px; overflow:hidden;}
.text2			    {margin-top: -124px;}
.logo_flare		  {width: 390px; left: -57px; top: -136px; opacity: 0.75;}