/* CSS Document */
.sociallinks {width:50px; height:50px; float:left; margin:8px 20px 10px 0;}
.fb {background:url(../IM/nav/fb.png); background-size:contain; background-repeat:no-repeat; background-position:center center;}
.yt {background:url(../IM/nav/yt.png); background-size:contain; background-repeat:no-repeat; background-position:center center;}
.tw {background:url(../IM/nav/tw.png); background-size:contain; background-repeat:no-repeat; background-position:center center;}
.ig {background:url(../IM/nav/ig.png); background-size:contain; background-repeat:no-repeat; background-position:center center;}

#bkg1 {position:fixed; top:0; left:0; width:100%; height:900px; background:url("../IM/bkg/bkg1_char.png"),url("../IM/ele/orbalslogo.png"), url("../IM/bkg/bkg1_bkg.jpg"); background-repeat:no-repeat, no-repeat, no-repeat; background-size:1134px 589px, 1204px 660px, 2000px 900px; background-position:50% 100%, 50% 5%, 50% 0%; background-color:#000000;}
#bkg2 {position:fixed; top:0; left:0; width:100%; height:900px; background:url("../IM/ele/world_sky_night.jpg"); background-repeat: no-repeat; background-size:100% 100%; background-position:center center;}
#reel1 {float:left; width:100%; max-height:750px; margin:0; padding:0; border:none; outline:none;}
/* #reel1 {position:fixed; top:0; left:0; width:100%; min-width:100%; height:auto; min-height:auto; margin:0; padding:0; border:none; outline:none;} */
#header {position:fixed; width:100%; text-align:center; top:0px; left:0px; } /*box-shadow:0px 2px 10px #000; */
#content1 {position:absolute; top:350px; width:100%;}
/* #content2 {position:absolute; top:900px; width:100%; background:url("../IM/bkg/content2bkg.png"), url("../IM/bkg/boxgradient.png"); background-repeat: repeat-x, repeat-x; background-size: auto auto, auto 100%; background-color:#f4ebe1; padding:30px 0;}  */
#content2 {float:left; clear:both; width:100%; background:url("../IM/bkg/content2bkg.png"), url("../IM/bkg/boxgradient.png"); background-repeat: repeat-x, repeat-x; background-size: auto auto, auto 100%; background-color:#f4ebe1; padding:30px 0;}
#content3 {position:absolute; top:2200px; width:100%; min-height:800px; background:url("../IM/bkg/content2bkg.png"), url("../IM/bkg/boxgradient.png"); background-repeat: repeat-x, repeat-x; background-size: auto auto, auto 100%; background-color:#f4ebe1; padding:30px 0;}
#rightpanel {float:left; padding:0 15px 0 0;}
#rightpanel img {float:right; clear:both;}
#shadow {background:url("../IM/bkg/bkg_dropshadow.png"); background-size:100% 100%; width:100%; height:50px; position:absolute; top:128px;}
#info1 {color:#ffffff; opacity:0; position:absolute; top:360px; left:0; width:956px;}
#info1 h1 {float:left; font-size:70px; padding:0; margin:0; line-height:60px;}
#info1 h3 {float:left; padding:0 0 0 10px; font-size:22px;}
#info1 h4 {font-size:30px;}

#ORB_viewer {position:fixed; top:50%; left:50%; width:2%; height:2%; background:url("../IM/bkg/shade.png"); background-repeat:repeat; overflow: hidden; opacity:0; border:2px inset #fff; box-shadow:6px 6px 8px #000;}
#ORB_viewbkg {width:90%; height:80%; margin:3% auto 0 auto; border:1px inset #333; box-shadow:6px 6px 8px #000;}
#ORB_viewopts {width:90%; height:10%; max-height:50px; margin:0 auto;}
.ORB_viewheader {width:100%; height:10%; max-height:50px; background-color:#676767; padding:5px 20px; box-shadow:0px 3px 8px #000;}
#samples {overflow:hidden; padding:30px 0 30px 0;}
.ORB_viewclose {width:50px; height:100%; float:right; cursor:pointer; font-size:28px; padding:2px;}
.gallerytabs {width:10%; min-width:15px; height:15%; min-height:6px; margin:10px 5% 0 0; float:left; cursor:pointer;}
.gallerytabs:hover {background-color:#ECECEC; box-shadow:4px 4px 8px #000;}
.activetab {background-color:#0069AB;}
.inactivetab {background-color:#7B7B7B;}
.gallerysamples {width:180px; height:120px; float:left; margin:10px 15px; cursor:pointer; border:2px solid #999; box-shadow:4px 4px 8px #000;}
.gallerysamples:hover {border:2px solid #0084FF;}
.contentpad {padding:0 30px;}
.desc {width:50%; min-width:500px; padding:16px 0 0 50px; color:#BBBBBB; font-family: 'Noto Sans', sans-serif;}
.intro {width:50%; float:left; text-align:justify; font-size:0.9em;}
.socialbox {width:220px; float:right; margin:10px 50px 0 0;}
ul.gamebullets {padding:15px 0;}
ul.gamebullets li {margin:3px 0 0 25px; font-size:16px; font-weight: bold; color:#52708F; list-style: disc;}

.h0		{font-size:3em;}
.font1 {font-family: 'Alfa Slab One', cursive;}
.font2 {font-family: 'Anton', sans-serif;}
.font3 {font-family: 'Noto Sans', sans-serif;}
.darkaqua {color:#007887;}
.darkblue {color:#52708F;}

.w100	{width:100%;}
.w48	{width:48%; min-width:350px;}
.hzbar {min-width:200px; height:40px;}

.chars {float:left; min-width:100px; width:25%;}
.charsect {float:left; margin: 4px 15px 4px 4px; width:30%;}
.chardescs {float:left; width:70%;}
.chardesc {height:100px; padding:50px 0 0 20px;}
.chardesc p {font-size:0.9em;}
.charex_fox {width:100%; height:150px; background:url("../im/ele/char_fox.png"); background-size:contain; background-repeat: no-repeat;}
.charex_bull {width:100%; height:150px; background:url("../im/ele/char_ram.png"); background-size:contain; background-repeat: no-repeat;}
.charex_chicken {width:100%; height:150px; background:url("../im/ele/char_chicken.png"); background-size:contain; background-repeat: no-repeat;}
.charex_dragon {width:100%; height:150px; background:url("../im/ele/char_drag.png"); background-size:contain; background-repeat: no-repeat;}

.worldexample {padding:10px 10px 25px 20px; width:100%; height:200px;}
.worldex_header {padding-left:20px;}
.worldex_desert {width:80%; height:100%; background:url("../im/ele/world_example_desert.jpg"); background-size:100% 100%; background-repeat: no-repeat; border:1px solid #000; box-shadow:3px 3px 3px #666;}
.worldex_jungle {width:80%; height:100%; background:url("../im/ele/world_example_jungle.jpg"); background-size:100% 100%; background-repeat: no-repeat; border:1px solid #000; box-shadow:3px 3px 3px #666;}
.worldex_sky {width:80%; height:100%; background:url("../im/ele/world_example_sky.jpg"); background-size:100% 100%; background-repeat: no-repeat; border:1px solid #000; box-shadow:3px 3px 3px #666;}

.legal {width:600px; margin-top:100px; float:left; clear:left; font-size:0.8em; color:#666;}
.legal p {padding:10px 5px 6px 15px;}

.platbox {width:40%; float:left; clear:right; padding:20px 0 20px 60px;}
a.platlinks {display:block; width:256px; height:64px; float:left; margin:10px 5px 5px 5px;}
a.xb {background:url("../IM/ele/platlink_xb1.png"); background-repeat: no-repeat;}
a.ps {background:url("../IM/ele/platlink_ps4.png"); background-repeat: no-repeat;}
a.ns {background:url("../IM/ele/platlink_nin.png"); background-repeat: no-repeat;}
a.pc {background:url("../im/ele/platlink_steam.png"); background-repeat: no-repeat;}
a.platlinks:hover {background-position:0px -65px;}