/* CSS Document */ * {padding:0px; margin:0px} html { background: url(/images/webstorinka/background.jpg) center top no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:9pt; padding:0px; margin:0px } #header {background:url(/images/webstorinka/header-bg.jpg) top repeat-x; height:138px; margin:0px;} #header-inner {width: 974px; margin:0px auto; height:130px} .header-col1 {width:750px; float:left; height:130px} .header-col2 {width:224px; float:left; height:130px} img {border:0px} .header-col1-row1 {height:108px} .header-col1-row1 img {margin: 45px 20px 0px 10px; float:left;} .header-col1-row1 h1 {float:left; text-transform:uppercase; color:#666666; font-size:13.5pt; margin-top:70px; font-weight:normal} a {color:#0678b3} a:hover {color: #FF6633} ul, ol {margin-left:20px} p {margin: 8px 0px; font-size:10pt;} #menu {height:30px; padding:0px;} #menu ul { display:inline-block; background:url(/images/webstorinka/menu-bg.png) repeat-x; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border:1px } #menu ul.top-level {margin-left:0;} #menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; background-color:#FF6633} #menu li {margin:0; padding:0;} #menu a {display:block; font:normal 9pt verdana,arial,sans-serif;color:#fff; line-height:30px; text-decoration:none; padding:0 20px; font-weight: normal} * html #menu ul.top-level {margin-left:0;} #menu li:hover > ul {visibility:visible; color:#000000} #menu a:hover ul, #menu a:hover a:hover ul, #menu a:hover a:hover a:hover ul {visibility:visible;} #menu a:hover ul ul, #menu a:hover a:hover ul ul {visibility:hidden;} #menu ul.top-level {margin:0 auto;} #menu li.top-level-li {float:left; position:relative; margin-right:1px;} #menu a.top-level-a {float:left; padding:0 10px 0 10px; color: #fff} #menu a.top-level-a b {float:left; padding:0 20px 0 0; cursor:pointer; cursor:hand;} #menu a.down b {float:left; padding:0 20px 0 0; cursor:pointer;} #menu a.top-level-a:hover {white-space:nowrap;} #menu a.top-level-a:hover b, #menu a.top-level-a:focus b, #menu a.top-level-a:active b {color:#fff; cursor:pointer;} #menu a.down:hover b, #menu a.down:focus b, #menu a.down:active b {color:#000; cursor:pointer;} #menu li.top-level-li:hover > a {white-space:nowrap; color: #999999; background-color:#333333} #menu li.top-level-li:hover > a b {color:#000;} #menu li.top-level-li:hover > a.down {color: #999999; background-color:#333333} #menu li ul {display:block; position:absolute; visibility:hidden; background: #666666; padding:1px 1px 0px 1px; left:0} #menu li li {border-bottom:1px solid #CCCCCC;} #menu li li a {background:#000; color:#FFF; line-height:25px} #menu li li a:hover {background: #999999; color:#FFFFFF} #menu li li:hover > a {background: #FF6600} #menu li li a.fly { background-color: #EEEEEE} #menu li li a.fly:hover {} #menu li li:hover > a.fly {} #menu ul.drop-down {top:29px; opacity:0.8;} #menu li li ul {left:100%; margin-top:-23px; margin-left:-5px;} #menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;} #menu table ul li a {padding-left:0; padd\ing-left:20px;} #menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;} #menu table table ul {margin-top:-4px; marg\in-top:-7px;} .order-link {float:left; background:url(/images/webstorinka/order-bg.png) repeat-x #FF6633; border:1px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border:1px} .order-link:hover { background:url(/images/webstorinka/order-bg.png) repeat-x #FF6633; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border:1px; color:#FFFFFF } .header-col2-callbox {margin-top:70px} .header-col2-callbox img {float:left; margin-right:13px} .header-col2-callbox h2 { float:left; color:#999999; font-weight:normal; white-space:nowrap} .header-col2-callbox h2 span { color:#000000} #content {background-color:#FFF; width: 964px; margin:0px auto; padding:5px } #topbanner {background: url(/images/webstorinka/banner1.jpg) no-repeat top left; height:298px} .offer {position:relative;} .offer img { position: absolute; right:0px; bottom:-299px; } #bar {height:33px; background:url(/images/webstorinka/bar-bg.png) repeat-x; padding:20px} #bar p {color:#FFFFFF; font-size:130%; float:left; margin-top:0px} .qoute-link {background:url(/images/webstorinka/quote-bg.png) repeat-x top #66CC00; padding:9px; color:#FFFFFF; text-decoration:none; float:right; margin-top:2px} .qoute-link:hover {background:url(/images/webstorinka/quote-bg.png) 0px -33px repeat-x; color:#FFFFFF} .port-link {background:url(/images/webstorinka/portfolio-button-bg.png) repeat-x top #999999; padding:9px; color:#FFFFFF; text-decoration:none; float:right; margin-right:10px; margin-top:2px} .port-link:hover {background:url(/images/webstorinka/portfolio-button-bg.png) 0px -33px repeat-x; color:#FFFFFF} .pricetable {padding-left:25px;} .pricetable h2 {margin-bottom:0px; padding-bottom:0px; color:#000000} .pricetable a img {border:0px} .pricetable table tr td a:hover {border:0px #FFFFFF; background-color: #FFFFFF} .pricetable h3 {text-transform: capitalize; text-decoration:none; color:#000000; font-weight:bold; font-size:9pt; margin:0px 0px 5px 0px ; padding:0px} .pricetable table .firstrow {background-color:#FFFFFF} .pricetable .firstcol {font-size:100%; padding:4px} .pricetable table tr td {border:0px solid #FFFFFF; border-collapse:collapse; background-color:#eaeaea} .frb {background-color:#FFFFFF; height:60px; vertical-align:bottom; border:0px} .yes {margin:4px} .what { margin-left:4px} a .what :hover {border:0px #FFFFFF; background-color: #FFFFFF} .pricetable table tr td span {padding:4px} acronym { border-bottom:dashed 1px} acronym:hover {border:0px; color:#FF6600} #hoverpage {margin:10px;} #hoverpage ul#outer li div p {margin:5px 0 15px 0;} #hoverpage ul#outer li div h2 {line-height:1em; color:#000; font-size:1.5em; font-weight:normal; margin-top:0; font-family:verdana, sans-serif;} #hoverpage ul#outer li div h3 {line-height:1em; color:#000; font-size:1.2em; font-weight:normal; margin-top:0;} #hoverpage ul#outer li div h3.clear {clear:left; color:#FF6600} #hoverpage {width:650px; height:400px; border:0px solid #aaa; background:#fff; position:relative; z-index:500; overflow:hidden; text-align:left;} #hoverpage table {border-collapse:collapse; margin:-1px;} #hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none;} #hoverpage ul#outer li.page {display:inline;} /* needed for IE to function correctly */ #hoverpage ul#outer li.page a.menuitem {text-decoration:none;} #hoverpage ul#outer li.page i {position:absolute; display:block; height:25px; right:500px; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color: #0678b3; font-style:normal; cursor:pointer;} #hoverpage ul#outer li.p1 i {top:30px} #hoverpage ul#outer li.p2 i {top:55px;} #hoverpage ul#outer li.p3 i {top:80px;} #hoverpage ul#outer li.p4 i {top:105px;} #hoverpage ul#outer li.p5 i {top:130px;} #hoverpage ul#outer li.p6 i {top:155px;} #hoverpage ul#outer li.p7 i {top:180px;} #hoverpage ul#outer li.p8 i {top:205px;} #hoverpage ul#outer li.page div {display:block; width:600px; height:400px; padding:25px; font-weight:normal; color:#444;} #hoverpage ul#outer li.p1 div {background:#fff url(/images/webstorinka/page1_back.jpg);} #hoverpage ul#outer li.p2 div {background:#fff url(/images/webstorinka/page1_back.jpg);} #hoverpage ul#outer li.p3 div {background:#fff url(/images/webstorinka/page1_back.jpg);} #hoverpage ul#outer li.p4 div {background:#fff url(/images/webstorinka/page1_back.jpg);} #hoverpage ul#outer li.p5 div {background:#fff url(/images/webstorinka/page1_back.jpg);} #hoverpage ul#outer li.p6 div {background:#fff url(/images/webstorinka/page1_back.jpg);} #hoverpage ul#outer li.p7 div {background:#fff url(/images/webstorinka/page1_back.jpg);} #hoverpage ul#outer li.p8 div {background:#fff url(/images/webstorinka/page1_back.jpg);} #hoverpage ul#outer li div img {border:1px solid #888; float:right; margin:0 10px 5px 0;} #hoverpage ul#outer li div p.big {line-height:1em; color:#004; font-size:1.7em;} #hoverpage ul#outer li div a, #hoverpage ul#outer li div a:visited {color:#0678b3; text-decoration:underline;} #hoverpage ul#outer li div em {display:block; width:190px; height:230px; float:left; background:transparent url(/images/webstorinka/current.gif) no-repeat; margin-right:10px;} #hoverpage ul#outer li.p1 div em {background-position: 21px 0;} #hoverpage ul#outer li.p2 div em {background-position: 21px 25px;} #hoverpage ul#outer li.p3 div em {background-position: 21px 50px;} #hoverpage ul#outer li.p4 div em {background-position: 21px 75px;} #hoverpage ul#outer li.p5 div em {background-position: 21px 100px;} #hoverpage ul#outer li.p6 div em {background-position: 21px 125px;} #hoverpage ul#outer li.p7 div em {background-position: 21px 150px;} #hoverpage ul#outer li.p8 div em {background-position: 21px 175px;} #hoverpage ul#outer li.page div a:hover {text-decoration:none;} #hoverpage ul#outer li.page a.menuitem:hover {white-space:normal;} /* for IE6 */ #hoverpage ul#outer :hover div {position:absolute; left:0; top:0;} #hoverpage ul#outer a:hover i {color: #FF00FF; font-weight:bold;} /* for IE6 */ #hoverpage ul#outer :hover a i, #hoverpage ul#outer :hover a:visited i {color: #000; font-weight:bold;} #hoverpage ul#outer div ul li {line-height:20px; font-size:0.9em; color: #000000; list-style-type:disc; margin-left:200px} #hoverpage ul#outer div ul li a, #hoverpage ul#outer div ul li a:visited {line-height:20px; font-size:1.1em; color:#0678b3;} #hoverpage ul#outer div dl dd {line-height:20px; font-size:1.1em; color:#448;} #hoverpage ul#outer div dl dt {line-height:30px; font-size:1.3em; color:#333;} #hoverpage ul#outer li.page div h3 {height:auto; padding:0;} #leftcol {float:left; width:744px; background-color:#FFF} #leftcol-inner {float:left; width:659px; background-color:#FFF; padding:30px 70px 30px 15px} #leftcol-portfolio {float:left; width:960px; background-color:#FFF; padding:30px 70px 30px 15px} #leftcol-portfolio h3 {display:inline; text-transform:none} #leftcol-portfolio h2 {margin-bottom:20px} #leftcol-inner h2 {margin-bottom:10px; font-size:15pt; font-weight:normal} .site {margin: 0px 0px 5px 15px} #rightcol {float:left; width:220px; background-color:#FFF} .clear {clear:both} .support {padding:15px 15px 15px 62px; background:url(/images/webstorinka/support-bg.png); width:144px; height:27px; color:#FFFFFF; display:block; text-decoration:none; margin-top:10px} .support:hover {background:url(/images/webstorinka/support-bg.png) 0px 57px; color:#FFFFFF} .leavenumber {padding:15px 15px 15px 15px; background:url(/images/webstorinka/leavenumber.jpg); width:191px; height:27px; color:#FFFFFF; display:block; text-decoration:none; margin-top:10px; margin-bottom:0px} .leavenumber:hover {color:#FFFFFF;} .leavenumberslide input {margin-bottom:5px} #rightcol h3 {color:#666666; font-weight:normal} .leavenumber-send {display:block;text-decoration:none; margin-top:5px; margin-bottom:10px; background:url(/images/webstorinka/send-number.png); width: 59px; height:14px; color:#FFFFFF; padding:4px 15px 6px 15px} .leavenumber-send:hover {color:#FFFFFF; background:url(/images/webstorinka/send-number.png) 0px 24px} .leavenumberslide {background:url(/images/webstorinka/number-bg.png) repeat-x bottom left; padding:10px; border:1px #999999 solid; border-top:0px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; display:none } .partners {margin-top:20px} #footer {padding:20px; border-top: 1px solid #FF6600; width: 934px; margin:50px auto 20px auto;} .contacts { margin:25px 0px 20px 0px} .contacts-callbox {margin-top:0px} .contacts-callbox img {float:left; margin-right:10px} .contacts-callbox h2 { float:left; color:#999999; font-weight:normal; white-space:nowrap} .contacts-callbox h2 span { color:#000000} .numbersh2 {font-size:130%} #sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;} #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;} #sb-overlay{position:relative;height:100%;width:100%;} #sb-wrapper{position:absolute;visibility:hidden;width:100px;} #sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;} #sb-body{position:relative;height:100%;} #sb-body-inner{position:absolute;height:100%;width:100%;} #sb-player.html{height:100%;overflow:auto;} #sb-body img{border:none;} #sb-loading{position:relative;height:100%;} #sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;} #sb-loading-inner span{background:url(/images/outsource-partner/gallery/loading.gif) no-repeat;padding-left:34px;display:inline-block;} #sb-body,#sb-loading{background-color:#060606;} #sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;} #sb-title,#sb-title-inner{height:26px;line-height:26px;} #sb-title-inner{font-size:16px;} #sb-info,#sb-info-inner{height:20px;line-height:20px;} #sb-info-inner{font-size:12px;} #sb-nav{float:right;height:16px;padding:2px 0;width:45%;} #sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;} #sb-nav-close{background-image:url(/images/outsource-partner/gallery/close.png);} #sb-nav-next{background-image:url(/images/outsource-partner/gallery/next.png);} #sb-nav-previous{background-image:url(/images/outsource-partner/gallery/previous.png);} #sb-nav-play{background-image:url(/images/outsource-partner/gallery/play.png);} #sb-nav-pause{background-image:url(/images/outsource-partner/gallery/pause.png);} #sb-counter{float:left;width:45%;} #sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;} #sb-counter a.sb-counter-current{text-decoration:underline;} div.sb-message{font-size:12px;padding:10px;text-align:center;} div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}