/* **************************** */
/* RESET */
/* **************************** */
html, body, div, p, ul, li, a, span, input, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

/* **************************** */
/* PREVIEW PAGE */
/* **************************** */
html, body{height: 100%; width: 100%;}
html{background: transparent url('../images/preview_bg/bg_1.jpg') repeat center top; } 
#mobile_preview { position:relative; width: 100%; float: left; min-height: 800px;}

iframe::-webkit-scrollbar { width:6px; background-color:transparent;} 
iframe::-webkit-scrollbar-track {background-color:transparent;}
iframe::-webkit-scrollbar-track-piece  {background-color: transparent;}
iframe::-webkit-scrollbar-thumb {border-radius: 10px;  background-color:rgba(0,0,0,0.4);} 

#mobile_preview_orientation{}

#mobile_preview_nav { text-align: left; width: 100%; padding: 10px 0 40px 0; position: absolute; top: 20px; left: 20px; z-index:999}
#mobile_preview_nav a{ color: #000000; text-decoration:none; font-size: 13px; padding: 7px 12px; display:inline-block; /* border-radius:6px; */   /* font-weight: bold; */ /* text-shadow: 0 1px 1px rgba(0,0,0,0.4); */ color: #3C3C3C; font-weight: bold; background: #A8A8A8;}
#mobile_preview_nav a.activeSlide{background-color: rgb(61, 37, 24);color: white;text-shadow: none;/* box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2); */background-color: #333;vertical-align: middle;padding: 10px 20px;}


#mobile_preview_slideshow{width: 100%!important;}
#mobile_preview li {width: 100%; background-color:transparent !important;}

#mobile_preview #galaxy_s { position:relative; background: transparent url('images/phone_galaxy3_.png') no-repeat left top; height: 764px; width: 440px; margin: auto; top:0;}
#mobile_preview #galaxy_s iframe {width: 326px; position: absolute; height: 579px; top: 104px;  left: 0;	display: block; background: #fff;}
#mobile_preview #galaxy_s iframe {width: 337px\9; height:566px\9;}
#mobile_preview #galaxy_s .iframe_container{width: 320px; height: 653px;overflow: hidden;position: relative;margin: auto;}

#mobile_preview #galaxy_note { position:relative; background: transparent url('images/phone_galaxy3.png') no-repeat left top; height: 842px; width: 440px; margin: auto;}
#mobile_preview #galaxy_note iframe {position: absolute; width: 360px; height: 612px; top: 117px;  left: 41px;	overflow:hidden; background: #fff;}

#mobile_preview #iphone { position:relative; background: transparent url('images/phone_iphone4_.png') no-repeat left top; height: 842px; width: 440px; margin: auto;}
#mobile_preview #iphone iframe {position: absolute; width: 326px; height: 480px; top: 145px;  left: 0;	overflow:hidden; background: #fff;}
#mobile_preview #iphone iframe {width: 337px\9;}
#mobile_preview #iphone .iframe_container{width: 320px; height: 625px;overflow: hidden;position: relative;margin: auto;}

#mobile_preview #ipad { position:relative; background: transparent url('images/phone_galaxy3.png') no-repeat left top; height: 842px; width: 440px; margin: auto;}
#mobile_preview #ipad iframe {position: absolute; width: 360px; height: 612px; top: 117px;  left: 41px;	overflow:hidden; background: #fff;}

.hand_01 { background: transparent url('images/hand_01.png') no-repeat left top; width: 542px;  height: 644px;  position: absolute; z-index: -1; top: 167px; left: -218px;}
div.hand_01,
div.hand_02 { display:none}
/* CROME FRAME STYLE */
.chromeFrameInstallDefaultStyle { z-index:9999; padding:20px; border:3px solid #333; background-color:#fff;}