/* 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;}

.reel {position:fixed; top:0; left:0; min-width:100%; min-height:auto; margin:0; padding:0; border:none; outline:none; display:block; opacity:0;}
#vid_logointro {width:100%; height:100%;}
#header {position:fixed; width:100%; text-align:center; top:0px; left:0px; background:url("../im/bkg/headerbkg.png"); background-repeat:repeat-x; background-size:auto 100%; background-position:top center; box-shadow:0px 2px 10px #000;}
#content1 {position:absolute; top:350px; width:100%;}
#rightpanel {float:left; padding:0 15px 0 0;}
#rightpanel img {float:right; clear:both;}
#content2 {position:absolute; top:850px; width:100%; background:url("../im/bkg/content2bkg.png"); background-repeat: repeat-x; background-color:#000; padding:30px 0;}
#test {color: white;}
#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;}
#info2 {color:#ffffff; opacity:0; position:absolute; top:200px; left:0; width:680px;}
#info2 h1 {float:left; font-size:70px; padding:0; margin:0; line-height:60px;}
#info2 h3 {float:left; padding:0; font-size:22px;}
#info2 h4 {font-size:30px;}
#info3 {color:#ffffff; opacity:0; position:absolute; top:400px; left:0; width:680px;}


#PZB_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;}
#PZB_viewbkg {width:90%; height:80%; margin:3% auto 0 auto; border:1px inset #333; box-shadow:6px 6px 8px #000;}
#PZB_viewopts {width:90%; height:10%; max-height:50px; margin:0 auto;}
.PZB_viewheader {width:100%; height:10%; max-height:50px; background-color:#676767; padding:5px 20px; box-shadow:0px 3px 8px #000;}
#samples {overflow:hidden; padding:0 0 30px 0;}
.PZB_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;}

.desc {width:50%; min-width:500px; padding:16px 0 0 50px; color:#BBBBBB; font-family: 'Noto Sans', sans-serif;}

.font1 {font-family: 'Noto Sans', sans-serif;}
.logo {width:1024px; height:100%; margin:0 auto;}
.contentpad {padding:0 30px;}
.copyright {width:600px; margin-top:100px; float:left; clear:left;}

.steamlink {width:248px; height:78px; overflow:hidden; background: url("../im/nav/steamlink.png"); background-repeat:no-repeat;}
.steamlink:hover {background-position:0 -78px;}
.hzbar {min-width:200px; height:40px;}
.verticalsplit {width:50px; min-height: 20px;}
.specadj {padding-top:7px;}
.mikespacing {padding:25px 25px 40px 0px;}


.leftpad {padding-left:25px;}
.nswitch {float:left; clear:left; width: 310px; height:65px; background:url("../im/nav/link_nswitch.png") no-repeat; margin:4px 6px 20px 6px;}
.nswitch:hover {background-position:0 -65px;}
.xb1 {float:left; clear:left; width: 310px; height:65px; background:url("../im/nav/link_xb1.png") no-repeat; margin:4px 6px 20px 6px;}
.xb1:hover {background-position:0 -65px;}
.ps4 {float:left; clear:left; width: 310px; height:65px; background:url("../im/nav/link_ps4.png") no-repeat; margin:4px 6px 20px 6px;}
.ps4:hover {background-position:0 -65px;}