@charset "UTF-8"; /* CSS Document */ body {background-color:#333; background-image:url(../images/RObody.jpg); background-repeat:no-repeat; background-size:cover !important; font-family:'Raleway'; font-weight: 400;} strong {font-weight:600;} #wrapper {min-width: 768px !important; min-height: 500px; position:fixed; overflow:hidden;} #rogueOS {left: 0px; width: 100%; height:100px; position:absolute; background:url(../images/ri_bg_logo.png) no-repeat; background-size:cover; background-position:center center !important;} #nav {width: 100%; min-width:768px; height: 55px; text-align:center; display:block; position: fixed; bottom: -5px; left:0px; z-index:300;} #nav a {display:inline-block; width: 60px; height: 50px; position:relative;background:url(../images/nav_bg.png) repeat-x; } #nav a .symbol {display:inline-block; width: 50px; height: 50px; position:absolute; left: 0px; background:#ddd; top: -10px; z-index:10; background-repeat:no-repeat; background-size:contain !important;} #nav a .reflec {display:inline-block; width: 50px; height: 25px; position:absolute; left: 0px; background:rgba(0,0,0,0.1); bottom: -10px; z-index:9; background-repeat:no-repeat; background-size:contain !important;} #nav .icon-rogue .symbol {background:url(../images/icon_rogue.png);} #nav .icon-rogue .reflec {background:url(../images/icon_rogue_blur.png);} #nav .icon-google .symbol {background:url(../images/icon_google.png);} #nav .icon-google .reflec {background:url(../images/icon_google_blur.png);} #nav .icon-portfolio .symbol {background:url(../images/icon_portfolio.png);} #nav .icon-portfolio .reflec {background:url(../images/icon_portfolio_blur.png);} #nav .icon-photo .symbol {background:url(../images/icon_photo.png);} #nav .icon-photo .reflec {background:url(../images/icon_photo_blur.png);} #nav .icon-clock .symbol {background:url(../images/icon_3dclock.png);} #nav .icon-clock .reflec {background:url(../images/icon_3dclock_blur.png);} #nav .icon-news .symbol {background:url(../images/icon_news.png);} #nav .icon-news .reflec {background:url(../images/icon_news_blur.png);} #nav .icon-brands .symbol {background:url(../images/icon_brands.png);} #nav .icon-brands .reflec {background:url(../images/icon_brands_blur.png);} #nav .icon-clients .symbol {background:url(../images/icon_clients.png);} #nav .icon-clients .reflec {background:url(../images/icon_clients_blur.png);} #nav .icon-showreel .symbol {background:url(../images/icon_showreel.png);} #nav .icon-showreel .reflec {background:url(../images/icon_showreel_blur.png);} #nav .icon-products .symbol {background:url(../images/icon_products.png);} #nav .icon-products .reflec {background:url(../images/icon_products_blur.png);} #nav .icon-rubix .symbol {background:url(../images/icon_cube.png);} #nav .icon-rubix .reflec {background:url(../images/icon_cube_blur.png);} #nav .helper {position:absolute; top: -100px; left: 0px; background:url(../images/blk80.png); border-radius: 15px; height: 19px; white-space:nowrap; color:#fff; text-shadow:1px 1px 0px #000; font-size: 12px; font-weight: bold; padding: 3px 10px 3px 10px; min-width: 100px; text-align:center; display:inline-block; display:none;} #nav .helper img {position:absolute; bottom: -10px; left:50px; margin-left: -5px;} header {width: 110%; padding:0px 5%; height: 22px; display:block; box-shadow:0px 4px 10px rgba(0,0,0,0.5); position:absolute; top: 0px; left:-5%; z-index:999999; background: -moz-linear-gradient(top, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.67) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.95)), color-stop(100%,rgba(255,255,255,0.67))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.67) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.67) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.67) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.67) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#66ffffff',GradientType=0 ); } #searchSite {width: 150px; border: 1px solid rgba(0,0,0,0.3); border-radius: 15px; padding: 1px 10px 1px 25px; font-size: 11px; color:#555; position:relative; z-index:100000; outline:none; top: -1px; box-shadow: inset 0px 1px 2px #aaa; margin-right: 10px; margin-left: -20px;} header .icon-search {font-size: 13px; z-index:100001; position:relative; color:#333;} header .icon-list-ul {font-size: 18px; color:#333; position:relative; top: 2px; margin-left: 10px;} header #hnav {width: 100%; height: 5px; position:absolute; top:22px;} header #hnav ul {display:none; position:absolute; top: 0px; min-width: 150px; background:rgba(255,255,255,0.95); min-height: 20px; border-radius:0px 0px 6px 6px; border:1px solid #b8b8b8; border-top-color:#aaa; box-shadow: 0px 10px 10px rgba(0,0,0,0.3);} header #hnav li {font-size: 14px; color:#111; text-shadow:0px -1px 0px #fff; padding-left: 25px; padding-right: 25px;} #daytimetext {color:#999 !important; padding-top:6px; padding-bottom: 6px;} #hnav .menuSpace {padding-top:5px; border-bottom: 1px solid #ccc; margin-bottom: 10px;} #hnav .menuOption {margin-top: 5px; margin-bottom: 5px; padding:5px 10px; cursor:pointer;} #hnav .menuOption:hover {color:#fff; text-shadow: none; background:#2e70f5;} .menu_time {right:70px; min-width: 310px;} .daytime { cursor:pointer; color:#111;} #clockBox {position:relative; top:3px; left: -15px; margin-bottom:-3px; margin-top: -3px; display:inline-block; width: 17px; height: 17px; cursor:pointer;} .menu_intranet {right:110px !important; display:none;} .intranet {font-size: 14px; font-weight: 600; padding-right: 20px; cursor:pointer;} .intranet i {font-size: 13px;} #hnav .menuHeader {font-weight: 600; padding-top: 5px; font-size: 13px;} #hnav .menuInput { padding: 2px 5px; margin-top: -6px; margin-bottom: 5px;} #hnav .menuInput input { border: 1px solid #ddd; border-radius: 12px; padding: 4px 10px; width: 100%; outline:none;} #hnav #sf {display:none;} #hnav .menuInput input[type="button"] {background:#ddd !important; padding:2px 10px; border-color:#ccc; color:#444; text-shadow:0px -1px 0px rgba(255,255,255,0.5); font-weight: 600; font-size: 12px; outline:none;} #hnav .menuInput input[type="button"]:hover {background:#2e70f5 !important; color:#fff;} .menu_rogue {left: 10px;} .menu_help {left: 100px;} .help {font-size: 14px; cursor:pointer;} #searchResults {right: 80px; top: 22px; position:absolute; width: 220px; background:rgba(255,255,255,0.9); border-radius:0px 0px 6px 6px; border:1px solid rgba(0,0,0,0.2); box-shadow:0px 5px 10px rgba(0,0,0,0.3); display:none;} #searchResultsScroll li { padding:3px 10px; font-size: 12px; cursor:pointer; text-align:left; position:relative; border-bottom: 1px solid #eee;} #searchResultsScroll li img {width: 20px; position:absolute;} #searchResultsScroll .searchHead { background:#0683c5; cursor:default; color:#fff; padding:2px 10px 0px 10px !important; font-size: 11px; border-bottom:rgba(0,0,0,0.2) solid 1px; font-weight:600;} #searchResultsScroll li:hover { background:rgba(0,0,0,0.1);} #searchResultsScroll .searchHead:hover { background:#0683c5;}   .lstack {float:left; padding-left: 20px; padding-top:1px; position:relative;} .rstack {float:right; padding-right: 10px; padding-top:1px;} header a {font-size: 14px; text-shadow: 0px 1px 0px rgba(255,255,255,0.5); display:inline-block; margin-right:15px; padding-top: 3px;} header .rge {font-size: 14px; font-weight: 600; text-shadow: 0px 1px 0px rgba(255,255,255,0.5); display:inline-block; margin-right:15px; padding-top: 3px;padding-left: 22px; background:url(../images/ri_header.png) no-repeat 0px 1px; padding-bottom: 4px; cursor:pointer;} .nav_l {background:url(../images/nav_l.png) no-repeat !important; width: 40px !important;} .nav_r {background:url(../images/nav_r.png) no-repeat !important; width: 40px !important;}  #folders {position:absolute; left: 10px; top: 40px; height:500px; width: 100%;} #folders .folder {width: 80px; height: 90px; position: absolute;pointer-events:visiblePainted;} #folders .folder:active span {background-color:rgba(0,0,0,0.2); border:4px solid rgba(0,0,0,0.1); border-radius: 3px} #folders .folder span {width: 70px; height: 70px; display:inline-block; background-repeat:no-repeat; padding:5px !important; background-position: 2px 2px; border: 4px solid rgba(0,0,0,0);} #folders .folder a {border-radius: 10px; padding: 3px 10px; background:rgba(0,0,0,0.05); font-size: 13px; color:#fff; text-shadow:0px 1px 3px rgba(0,0,0,0.7); font-weight:600; position:relative; display:inline-block; top:3px; line-height: 15px;} #folders .folder:active a {background:#4077d4 !Important;} #folderUp {z-index:999999;} .winNav {width: 100%; height: 23px; position:absolute; top: 25px; display:inline-block;} .winNavPN {background:url(../images/f_nav_arrows.png); width: 53px; height: 23px; position:absolute; left: 9px; display:inline-block;} .navB {width: 26px; height: 23px; dispaly:inline-block; position:absolute; left: 0px; top: 0px; background:url(../images/f_nav_back.png); display:none; } .navN {width: 26px; height: 23px; dispaly:inline-block; position:absolute; right: 0px; top: 0px; background:url(../images/f_nav_forward.png); display:none; } .winSocial {background:url(../images/f_nav_sharebox.png); width: 91px; height: 23px; position:absolute; right: 9px; display:inline-block;} .f_nav_fb {width: 28px; height: 23px; dispaly:inline-block; position:absolute; right: 26px; top: 0px; background:url(../images/f_nav_sharebox_fb.png); opacity:0; } .f_nav_tw {width: 29px; height: 23px; dispaly:inline-block; position:absolute; right: 0px; top: 0px; background:url(../images/f_nav_sharebox_tw.png); opacity:0;} .f_nav_fb:hover {opacity:1;} .f_nav_tw:hover {opacity:1;} /*span class="winNav"><span class="winNavPN"><a class="navB"></a><a class="navN"></a></span><span class="winSocial"><a class="f_nav_fb"></a><a class="f_nav_tw"></a></span>*/ .hd { left: 800px; top: 0px;} .hd span {background-image:url(../images/hd.png); } .hd a {left:-5px;} .ex { left: 800px; top: 100px;} .ex span {background-image:url(../images/ex.png); } .ex a {left:-0px;} .pv { left: 800px; top: 200px;} .pv span {background-image:url(../images/pv.png); } .pv a {left:-15px;} .OSwindow {min-width: 320px; min-height: 260px; box-shadow:0px 0px 10px rgba(0,0,0,0.3); border-radius: 6px; width: 500px; position:absolute; pointer-events:visiblePainted;background:#fff; z-index:20;} .OSwindow .winHead {width: 100%; height: 55px; display:block; border-radius:6px 6px 0px 0px; border-top:rgba(255,255,255,0.5) solid 1px; border-bottom:#999 solid 1px; background: rgb(231,231,231);  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMWIxYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(177,177,177,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,231,231,1)), color-stop(100%,rgba(177,177,177,1))); background: -webkit-linear-gradient(top, rgba(231,231,231,1) 0%,rgba(177,177,177,1) 100%); background: -o-linear-gradient(top, rgba(231,231,231,1) 0%,rgba(177,177,177,1) 100%); background: -ms-linear-gradient(top, rgba(231,231,231,1) 0%,rgba(177,177,177,1) 100%); background: linear-gradient(to bottom, rgba(231,231,231,1) 0%,rgba(177,177,177,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#b1b1b1',GradientType=0 );} .OSdoc .winHead {height: 27px;} .OSwindow .winCont {width:100%; position:relative; background:#fff; display:block; height: 305px; border-radius:0px 0px 6px 6px; border-right:1px solid #ccc; border-left:1px solid #ccc; min-height:205px; overflow:hidden; } .OSwindow .winContScroll {display:block;} .OSwindow .winBR {position:absolute !important; width: 10px; height: 10px; display:block; background:#000; right:0px; bottom:0px; z-index:50; cursor:nwse-resize; opacity:0;} .OSwindow .winTitle {font-size: 14px; text-shadow:0px -1px 0px rgba(255,255,255,0.3); text-align:center; display:block; padding-right: 25px;} .OSwindow .winTitle img {height: 18px; position:relative; top: 4px; padding-right: 6px;} .OSwindow .winClose {display:inline-block; position: absolute; left: 7px; top:5px; height: 14px; width:14px; background:url(../images/close_off.png);} .OSwindow .winClose:hover {background:url(../images/close_on.png);}  .floatFolders {display:block; width: 100%; height: 400px; position:absolute; top: 70px;} .floatFolders .folder a {color:#000 !important; text-shadow:none !important; line-height: 15px;} .floatFolders .folder:active a {color:#fff !important; text-shadow:none !important;} .floatFolders .folder:active span { border: 4px solid rgba(0,0,0,0) !important;} .folderHeading {font-size: 30px; padding: 25px 15px 5px 15px; color:#888; font-weight: 400;} .folderHeading span {color:#09C; font-weight:600;} .f_websites { left: 10px; top: 0px;} .f_websites span {background-image:url(../images/folder_websites.png); } .f_websites a {left:-5px;} .f_webapps { left: 110px; top: 0px;} .f_webapps span {background-image:url(../images/folder_webapp.png); } .f_webapps a {left:-10px; white-space:nowrap;} .f_mobileapps { left: 210px; top: 0px;} .f_mobileapps span {background-image:url(../images/folder_apps.png); } .f_mobileapps a {left:-14px; white-space:nowrap;} .f_bespoke { left: 310px; top: 0px;} .f_bespoke span {background-image:url(../images/folder_bespoke.png); } .f_bespoke a {left:-5px; text-align:center; display:inline-block;} .f_desktop { left: 10px; top: 100px;} .f_desktop span {background-image:url(../images/folder_desktop.png); } .f_desktop a {left:-5px; text-align:center; display:inline-block;} .f_3d { left: 110px; top: 100px;} .f_3d span {background-image:url(../images/folder_3d.png); } .f_3d a {left:15px; text-align:center; display:inline-block;} .f_av { left: 210px; top: 100px;} .f_av span {background-image:url(../images/folder_av.png); } .f_av a {left:-12px; text-align:center; display:inline-block; white-space:nowrap;} .f_file span {background-image:url(../images/icon_file.png); } .f_file a {white-space:nowrap; max-width: 105px; overflow:hidden; text-overflow:ellipsis;} .f_pdf span {background-image:url(../images/icon_pdf.png); } .f_pdf a {white-space:nowrap; max-width: 105px; overflow:hidden; text-overflow:ellipsis;}  .f_core3 { left: 10px; top: 0px;} .f_core3 span {background-image:url(../images/folder_core3.png); } .f_core3 a {left:-10px;} .f_virtuabook { left: 110px; top: 0px;} .f_virtuabook span {background-image:url(../images/folder_virtuabook.png); } .f_virtuabook a {left:-10px; white-space:nowrap;} .f_imageedit { left: 210px; top: 0px;} .f_imageedit span {background-image:url(../images/folder_imageedit.png); } .f_imageedit a {left:-5px; white-space:nowrap;} .f_traffictravel { left: 310px; top: 0px;} .f_traffictravel span {background-image:url(../images/folder_traffictravel.png); } .f_traffictravel a {left:-5px; text-align:center; display:inline-block;}  #webApp {width: 375px; height: 713px; left: 20px; top: 20px; position:absolute; background:url(../images/iphone.png); display:none; z-index:99999;} #webApp iframe {width: 320px; height: 480px; position:relative; left:30px; top: 133px; background:#fff; border:none;} #webApp #closeApp {position:absolute; bottom: 23px; left: 155px; cursor:pointer; width: 71px; height: 71px;} #webApp .webAppNote {position:absolute; top: -30px; left: 200px; padding: 20px; border-radius: 10px; box-shadow: 2px 2px 10px rgba(0,0,0,0.6); background:#FFCC00; font-size: 12px; width: 320px; display:block; opacity:0.9;} #webApp .webAppNote p {margin-bottom: 4px; line-height: 18px;} #webApp .icon-remove-sign {position: absolute; top: 5px; right: 5px; color:#333; font-size: 16px; cursor:pointer;}  .pf_list {padding: 15px;} .pf_list li { min-height: 78px; background:#fbfbfb; padding: 10px 15px 5px 80px; border-radius: 10px; margin-bottom: 15px; position: relative; border:1px solid #ddd;} .pf_list li:active { background:#eee;} .pf_list li:hover { border-color:#09F;} .pf_list li span {background:#ddd; display:inline-block; width: 70px; height: 68px; position: absolute; left: 4px; top: 4px; border-radius: 6px; border:1px solid #ccc;} .pf_list li h2 {font-size: 14px; font-weight: 600; margin-bottom: 6px;} .pf_list li p {font-size: 11px; font-weight: 300; padding-right: 85px; line-height: 16px;} .pf_list .app_ios {position:absolute; right: 5px; top: 5px; width: 78px; height: 27px; display:inline-block; background:url(../images/icon_appstore.png);} .pf_list .app_play {position:absolute; right: 5px; top: 35px; width: 78px; height: 26px; display:inline-block; background:url(../images/icon_playstore.png);} .app_web {width: 33px; height: 63px; position: absolute; cursor:pointer; right: 7px; bottom: 7px; display:inline-block; background:url(../images/launch_webapp.png);} .show_web {width: 33px; height:33px; position: absolute; cursor:pointer; right: 7px; bottom: 7px; display:inline-block; background:url(../images/launch_website.png);} .pf_list a:hover {opacity:0.9;} /*.text_intro:after {content:" ...more";}*/ .text_full {display:none;}  /*CLOCK*/ #clock3D { -webkit-transform:perspective(600px) rotateY(0deg) rotateX(0deg) rotateX(0deg) translateZ(200px) scaleX(0.5) scaleY(0.5) scaleZ(0.5); -webkit-transform-style: preserve-3d; -webkit-transform-origin:100px 100px 0px; -moz-transform:perspective(600px) rotateY(0deg) rotateX(0deg) rotateX(0deg) translateZ(200px) scaleX(0.5) scaleY(0.5) scaleZ(0.5); -moz-transform-style: preserve-3d; -moz-transform-origin:100px 100px 0px; -ms-transform:perspective(600px) rotateY(0deg) rotateX(0deg) rotateX(0deg) translateZ(200px) scaleX(0.5) scaleY(0.5) scaleZ(0.5); -ms-transform-style: preserve-3d; -ms-transform-origin:100px 100px 0px; transform:perspective(600px) rotateY(0deg) rotateX(0deg) rotateX(0deg) translateZ(200px) scaleX(0.5) scaleY(0.5) scaleZ(0.5); transform-style: preserve-3d; transform-origin:100px 100px 0px; width: 200px; height: 200px; position: absolute; top: 100px; left: 500px; opacity:1; z-index:9999999; display:none; } #clock3D > span > p {width: 200px; text-align:center; position:absolute; top: 50px;} .clock3d_top {width: 200px; height:200px; display:inline-block; position: absolute; background:url(../images/clockface.png); background-size:contain; top: -100px; -webkit-transform:rotateX(90deg); -webkit-transform-style: preserve-3d; -moz-transform:rotateX(90deg); -moz-transform-style: preserve-3d; -ms-transform:rotateX(90deg); -ms-transform-style: preserve-3d; transform:rotateX(90deg); transform-style: preserve-3d; } .clock3d_bot {width: 200px; height:200px; display:inline-block; position: absolute; background:url(../images/clockface.png); background-size:contain; top: 100px; -webkit-transform:rotateX(-90deg); -webkit-transform-style: preserve-3d; -moz-transform:rotateX(-90deg); -moz-transform-style: preserve-3d; -ms-transform:rotateX(-90deg); -ms-transform-style: preserve-3d; transform:rotateX(-90deg); transform-style: preserve-3d; } .clock3d_back {width: 200px; height:200px; display:inline-block; position: absolute; background:url(../images/clockface.png); background-size:contain; -webkit-transform:rotateY(-180deg) translateZ(100px); -webkit-transform-style: preserve-3d; -moz-transform:rotateY(-180deg) translateZ(100px); -moz-transform-style: preserve-3d; -ms-transform:rotateY(-180deg) translateZ(100px); -ms-transform-style: preserve-3d; transform:rotateY(-180deg) translateZ(100px);transform-style: preserve-3d; } .clock3d_left {width: 200px; height:200px; display:inline-block; position: absolute; background:url(../images/clockface.png); background-size:contain; left:-100px; -webkit-transform:rotateY(-90deg); -webkit-transform-style: preserve-3d; -moz-transform:rotateY(-90deg); -moz-transform-style: preserve-3d; -ms-transform:rotateY(-90deg); -ms-transform-style: preserve-3d; transform:rotateY(-90deg); transform-style: preserve-3d;} .clock3d_right {width: 200px; height:200px; display:inline-block; position: absolute; background:url(../images/clockface.png); background-size:contain; left:100px; -webkit-transform:rotateY(90deg); -webkit-transform-style: preserve-3d; -moz-transform:rotateY(90deg); -moz-transform-style: preserve-3d; -ms-transform:rotateY(90deg); -ms-transform-style: preserve-3d; transform:rotateY(90deg); transform-style: preserve-3d;} .clock3d_front {width: 200px; height:200px; display:inline-block; position: absolute; background:url(../images/clockface.png); background-size:contain; -webkit-transform:translateZ(100px);-webkit-transform-style: preserve-3d; -moz-transform:translateZ(100px); -moz-transform-style: preserve-3d; -ms-transform:translateZ(100px); -ms-transform-style: preserve-3d; transform:translateZ(100px); transform-style: preserve-3d;} .clk_sec {display:block; width: 1px; height: 80px; background:#000 url(../images/sechand.png) !important; position:absolute; left: 100px; top: 20px; -webkit-transform-origin:0px 80px 0px; -webkit-transform:rotateZ(0deg); -moz-transform-origin:0px 80px 0px; -moz-transform:rotateZ(0deg); -ms-transform-origin:0px 80px 0px; -ms-transform:rotateZ(0deg); transform-origin:0px 80px 0px; transform:rotateZ(0deg);} .clk_min {display:block; width: 4px; height: 70px; background:#000; position:absolute; left: 98px; top: 30px; -webkit-transform-origin:2px 70px 0px; -webkit-transform:rotateZ(0deg); -moz-transform-origin:2px 70px 0px; -moz-transform:rotateZ(0deg); -ms-transform-origin:2px 70px 0px; -ms-transform:rotateZ(0deg); transform-origin:2px 70px 0px; transform:rotateZ(0deg); border-radius: 6px;} .clk_hr {display:block; width: 6px; height: 40px; background:#000; position:absolute; left: 97px; top: 60px; -webkit-transform-origin:3px 40px 0px; -webkit-transform:rotateZ(0deg); -moz-transform-origin:3px 40px 0px; -moz-transform:rotateZ(0deg); -ms-transform-origin:3px 40px 0px; -ms-transform:rotateZ(0deg); transform-origin:3px 40px 0px; transform:rotateZ(0deg); border-radius: 6px;} #injectBoxCont {width: 760px; height: 276px; position:relative; overflow:hidden;} #injectBoxScroll {display:block;} #brandbox {width: 760px; height: 300px; position:relative; overflow:hidden;} #brandbox .brandscroller {width: 760px; height: 260px; position:absolute;} #brandbox .brandscroller .brandpage {width: 760px; height: 260px; position:relative; float:left; overflow:hidden;} #brandbox .brandscroller .brandpage img {width:170px; height: 125px; margin-right: 25px; margin-bottom: 26px;} #brandbox .brandscroller .brandpage img:nth-child(4) {margin-right: 0px;} #brandbox .brandscroller .brandpage img:nth-child(8) {margin-right: 0px;} #clientbox {width: 760px; height: 300px; position:relative; overflow:hidden;} #clientbox .clientscroller {width: 760px; height: 260px; position:absolute;} #clientbox .clientscroller .clientpage {width: 760px; height: 260px; position:relative; float:left; overflow:hidden;} #clientbox .clientscroller .clientpage img {width:170px; height: 125px; margin-right: 25px; margin-bottom: 5px;} #clientbox .clientscroller .clientpage img:nth-child(4) {margin-right: 0px;} #clientbox .clientscroller .clientpage img:nth-child(8) {margin-right: 0px;} .osdoc h2 {font-size: 20px; color:#333; font-weight: 100; margin-bottom: 18px;} .osdoc p, li {font-size: 13px; color:#333; line-height: 20px; margin-bottom: 6px;}  #help {position:absolute; left:-250px; top:24px; width: 250px; height: 100%; padding: 25px; overflow:hidden; box-shadow:inset -5px 0px 10px rgba(0,0,0,0.5); background:#333;} #helpScroll {display:block;} #help h1 {color:#09F; font-size: 32px; padding-top: 100px; background:url(../images/help.png) no-repeat 20px 0px;} #help h1 span {color:#fff;} #help .helptext {color:#eee; font-size: 12px; line-height: 20px; margin-top: 25px; margin-bottom: 25px;} #help form {} #help form label {display:inline-block; width: 250px; color:#ccc; text-transform:uppercase; font-size: 10px; padding: 5px 5px;} #help form input[type="text"] {color:#333; font-weight:bold; border-radius: 15px; border:none; box-shadow:inset 4px 4px 4px #ccc; padding: 6px 10px; width: 205px;} #help form textarea {color:#333; font-weight:bold; margin-top: 10px; height: 80px;border-radius: 15px; border:none; box-shadow:inset 4px 4px 4px #ccc; padding: 6px 10px; width: 205px;} #help form input[type="button"] {color:#fff; margin-top: 10px; font-weight:600; border-radius: 15px; border:none; font-size: 16px; box-shadow:inset 4px 4px 4px rgba(0,0,0,0.5); text-shadow:0px 1px 1px #000; padding: 6px 10px; width: 205px; background:#09f; margin-bottom: 10px;} #help form input[type="button"]:active {padding:8px 10px 4px 10px; box-shadow:inset 4px 7px 4px rgba(0,0,0,0.5);} input, textarea {outline:none;} #load_home {background:url(../images/welcome_post.jpg) no-repeat 390px 30px;}  #case_study {padding: 20px 0px; position:relative;} #case_study .caseIcon {position:absolute; left: 20px; top: 15px;} #case_study h1 {font-weight: 300; font-size: 22px; margin-bottom: 5px; margin-left: 95px; position:relative;} #case_study h2 {font-weight: 300; font-size: 14px; margin-left: 95px; position:relative;} #caseImages {width: 480px; height: 150px; position:relative; background:#eee; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: 30px; padding:10px 0px;} #caseImages ul {width: 1000px; display:block; position:absolute; left: 10px;} #caseImages li {width: 130px; height: 130px; border:1px solid #ddd; background-color:#fff; display:inline-block; margin-right: 15px; background-size:cover;} #case_study h3 {margin-top: 15px; font-weight: 300; color:#333; margin-left: 15px; font-size: 16px; margin-bottom:5px;} #case_study p {padding: 0px 15px; font-weight: 300; color:#666;font-size: 12px; line-height: 16px;} #case_study p a {color:#06a; display:block; font-weight: 300;} #case_study p a:before {content:"» ";} #show_image {position:fixed; top: 0px; left: 0px; height: 100%; width: 100%; background:rgba(0,0,0,0.8); z-index:9999;} #show_image #image_box {position:absolute; top: 15%; left: 0px; height: 70%; width: 100%; background-repeat:no-repeat; background-position: center center;}  .addressBox {padding: 25px;} .addressBox address {font-style:normal !important; } .addressBox strong {font-weight:700; font-size: 14px; display:inline-block; padding-bottom: 5px; color:#222;} .addressBox address strong {font-size: 18px; font-weight:400;padding-bottom: 0px; } .addressBox {font-weight:300; font-size: 12px; line-height: 140%;} .addressBox p {margin-bottom: 10px !important; line-height: 19px;} .addressBox p span {display:inline-block; width: 60px; font-size: 10px !important; } .addressBox p a {color:#2c4c87; font-weight:600;} #abouttext {width: 640px; height: 480px; box-shadow:inset 0px 0px 20px #000; position:relative; overflow:hidden;} #abouttext p { text-align:center; font-size:38px; font-family:Raleway; font-weight: 400; line-height: 52px; padding-top: 50px;} #abouttext span {color:#ddd; display:inline-block; position:relative;} #abouttext .abouti {color:#eee; font-style:italic; font-weight:600;} #w200 { background:rgba(0,0,0,0.8) !important; } #w200 .winCont {background:none !important; z-index:99999;}  .news_container {width: 100%; height: 100%; background:#fff;} .news_story {border: 1px solid #ddd; box-shadow:0px 0px 5px #ccc; margin-bottom: 10px;} .news_story .news_date {display:block; font-size: 10px; padding: 6px; background:#eee; border-bottom: 1px solid #ddd;} .news_story img {width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} .news_story h2 {font-size: 20px; font-weight: 300; color:#000; padding: 10px; line-height: 28px;} .news_story p {font-size: 14px; font-weight: 300; padding: 10px; line-height: 21px; margin-bottom: 6px;}

#context {position:absolute; background:rgba(255,255,255,0.9); border:1px solid rgba(200,200,200,0.6); border-radius: 6px; z-index:9999; box-shadow:0px 10px 10px rgba(0,0,0,0.2); margin-left: -10px; margin-top: -40px;}
#big-video-control-container {display:none !important;}
#context ul {padding-top: 4px;}
#context li {padding:5px 10px 5px 10px;line-height: 18px; margin-bottom: 0px;}
#context .rightHeader { border-bottom: 1px solid #ddd; font-weight: 600 !important;}
#context li a {font-weight: 300; white-space:nowrap;}
#context .rightLink:hover {background:#2e70f5;}
#context .rightLink:hover a {color:#fff;}
#context li span {width: 30px; height: 20px; display:inline-block; margin-right: 8px; background:#000; margin-top:-8px; position:relative; top: 5px;}
.abg1 {background:url(../images/RO.png) !important;}
.abg2 {background:url(../images/cloud.png) !important;}
.abg3 {background:url(../images/xmas.png) !important;}
.bg1 {background-image:url(../images/RObodyn.jpg) !important;}
.bg2 {background-image:url(../images/wallpaper3n.jpg) !important;}
.bg3 {background-image:url(../images/wallpaper1n.jpg) !important;}
.bg4 {background-image:url(../images/wallpaper2n.jpg) !important;}