* {
    padding: 0;
    margin: 0;
}

body {
    background: #F7F7F7 url(../images/header-bgr.jpg) repeat-x 0 0;
    margin: 0 auto;
    color: #666666;
    font-family: "Trebuchet MS", Trebuchet, sans-serif;
    font-size: 13px;
    line-height: 1.35em;
}

ul {
    width: 960px;
    margin: 0 auto;
}

h1 {
   text-shadow: 1px 1px 0 #FFFFFF;
}

h2, h3 {
    font-weight: normal;
    line-height: 21px;
    text-align: center;
}

h2 a, h3 a {
    display: block;
    margin: 18px auto;
    font-size: 21px;
    text-decoration: none;
    float: left;
    text-align: left;
}

img {
    border: 0 none;
}

a, a:hover{
   color: #07A5E2; 
   text-decoration: none;
}

#header {
    margin: 20px auto 0 auto;
    width: 960px;
    border-bottom: 1px #EAEAEA solid;
    padding-bottom: 18px;
    /*overflow: hidden;*/
    height: 57px;
}

#nav {
    float: right;
    list-style: none outside none;
    margin: 14px auto 16px;
    width: 400px;
}

#nav a, .button {
    /* color: #FFFFFF; */
    float: left;
    display: block;
    margin: auto 15px auto auto;
    padding: 3px 9px 4px;
    text-decoration: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#nav li:hover a {
    /*color: #a0e0ff;*/
    background-color: #FFFFFF;
}
#nav a.last-child {
    margin-right: 0;
}

#nav a.lang {
   color: #c6c6c6;
   background-color: #FFFFFF;
   margin-left: 10px;
   margin-top: 0px;
}

#nav a.lang:hover {
   color: #FFFFFF;
   background-color: #ff6b01;
}

#nav a.current, a.button {
    color: #F7F7F7;
    margin-top: 1px;
    background: none no-repeat scroll center 0 #07A5E2;
}

#nav li:hover a.current {
    color: #F7F7F7;
    margin-top: 1px;
    background: none no-repeat scroll center 0 #07A5E2;
}

.centered {
    margin: 0 auto;
    width: 960px;
}

.centered .current {
    color: #07A5E2;
    float: left;
    display: block;
    text-decoration: none;
    border-radius: 4px;
    background-color: #FFFFFF;
}

.centered ul li a:not(.current):hover {
    color: #C0EBFF !important;
}

.color {
    color: #07A5E2;
}

.background-color {
    overflow: hidden;
    background: none no-repeat scroll center 0 #07A5E2;
}

.background-color.aboutus {
    overflow: hidden;
    background: url("../images/aboutus.jpg") no-repeat scroll center 0 #07A5E2;
}

a.more-link-box:hover span {
   color: #FFFFFF;
}

span.button.background-color:hover {
   color: #FFFFFF;
}

.top {
    margin-top: 100px !important;
}

#logo {
    float: left;
}

.slogan, .category-slogan{
    width: 960px;
    margin: 35px auto 37px;
    clear: both;
    font-family: 'Open Sans', Trebuchet MS,Trebuchet,sans-serif;
    /*overflow: hidden;*/
}

.slogan.home {
   margin-top: 30px;
   margin-bottom: 37px;
   font-size: 27px;
   line-height: 1.2em;
   text-align: center;
}

.category-slogan {
    /*margin: 18px auto 46px auto;*/
    /*margin-bottom: 50px !important;*/
    margin: 0 auto 0 !important;
}

.category-slogan.home-category-slogan {
   margin-bottom: 50px !important;
   padding-top: 70px;
}

.stages-slogan {
   margin-top: 50px;
}

.slogan h1, .category-slogan h1,
.slogan.home-category-slogan p, .category-slogan.home-category-slogan p {
    font-weight: normal;
    font-size: 27px;
    line-height: 1.2em;
    margin-top: 0px;
    text-align: center;
}

.slogan h1 a, .category-slogan h1 a, li a {
    text-decoration: none;
    color: #07A5E2;
}

.wrapper {
    width: 960px;
    margin: 0 auto 100px;
}

#main {
    margin: 0 auto;
    width: 100%;
}

.container {
    width: 100%;
    overflow: hidden;
    /* border-top: 1px solid #EAEAEA; */
    /* border-bottom: 1px solid #EAEAEA; */
}

.hovered {
    background-color: #FCFCFC;
}

#teasers {
    margin: 0 auto;
    width: 960px;
    clear: both;
    height: 310px;
    margin-bottom: 50px;
    position: relative;
}

#teasers .panes {
    background-color: #505050;
    background: url("../images/teaser-shadower.png") repeat-x scroll left top #E4E4E4;
    height: 360px;
    position: relative;
}

#teasers .teaser-pager {
    background: url("../images/teaser_pager_bottom2.png") no-repeat scroll left top #E4E4E4;
    margin: 0 auto;
    padding-left: 30px;
    position: relative;
    z-index: 500;
}

#teasers .teaser-pager ul.pager {
    background: url("../images/teaser_pager_bottom2.png") no-repeat scroll right top #E4E4E4;
    height: 21px;
    margin: 0;
    padding: 0 30px 0 15px;
}

.more-link-box {
    background-position: 125px top;
    background-repeat: no-repeat;
    bottom: 25px;
    left: 0;
    margin-left: -3px;
    padding: 20px 0;
    position: absolute;
    width: 270px;
    color: #FFFFFF;
    z-index:1000;
}

ul.pager {
    list-style: none outside none;
    overflow: hidden;
}

ul.pager li {
    float: left;
    margin-right: 4px;
}

ul.pager li a {
    background: url("../images/button-circle.png") no-repeat scroll 2px 3px transparent;
    cursor: pointer;
    display: block;
    height: 15px;
    overflow: hidden;
    text-indent: 15px;
    width: 15px;
}

ul.pager li:hover a {
   background: url("../images/button-circle-2.png") no-repeat scroll 2px 3px transparent;
}

ul#homepage-teasers a.current, .project-images a.current, #gallery a.current, .office-pics a.current {
    background: url("../images/button-circle-pressed.png") no-repeat scroll 2px 3px transparent !important;
}

#teasers .prev-image {
   background: url("../images/arrow-left.png") no-repeat scroll 50px center transparent;
    cursor: pointer;
    height: 116%;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 400px;
    z-index: 999;
    -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;

}

#teasers .next-image {
    background: url("../images/arrow-right.png") no-repeat scroll 327px center transparent;
    cursor: pointer;
    height: 116%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
    z-index: 998;
    -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.project-images .prev-image {
    background: url("../images/str-left.png") no-repeat scroll 0 center transparent;
    cursor: pointer;
    height: 340px;
    left: 95px;
    position: absolute;
    top: 29px;
    width: 267px;
    z-index: 100;
}
.project-images .next-image {
    background: url("../images/str-right.png") no-repeat scroll 244px center transparent;
    left: 364px;
    cursor: pointer;
    height: 340px;
    position: absolute;
    top: 29px;
    width: 267px;
    z-index: 100;
}

.project-images .prev-image {
    left: 96;
}

.project-images  .next-image {
    left: 364px;
}

.slide-content-holder {
    display: none /* block */;
}

.slide-text {
    margin-left: 50%;
    /*float:left;*/
}

.slide-text-content{
    font-size: 12px;
    height: 315px;
   margin-left: 160px;
    position: relative;
    width: 300px;
}


.slide-image-link{
    width:690px;
    height: 360px;
    margin: -45px 0 0 400px;
    float:left;
    display:none;
}


.slide-content {
    background-position: center top;
    background-repeat: no-repeat;
    height: 340px;
    left: 0;
    padding-top: 75px;
    position: absolute;
    top: -30px;
    width: 100%;
}

ul.single_column {
    list-style: none;
    list-style-type: none;
    overflow: hidden;
    margin-top: -20px;
    padding-bottom: 25px;
    border-bottom: 1px solid #EAEAEA;
}

ul.triple_column {
    list-style: none;
    list-style-type: none;
    overflow: hidden;
    margin-top: -20px;
    padding-bottom: 25px;
    border-bottom: 1px solid #EAEAEA;
}

ul.single_column li {
    padding: 24px;
    width: 100%;
    float: left
}

ul.triple_column li {
    padding: 24px;
    width: 288px;
    float: left
}

ul.triple_column li.current {
   opacity: 1;
}

ul.triple_column li.first {
   padding-left: 0;
}

ul.triple_column li.last {
   padding-right: 0px;
}

ul.triple_column li a.title {
    height: 81px;
    margin-bottom: 22px;
    display: block;
}

/*ul.triple_column li a {
    padding-top: 10px;
    display: block;
    display:block;
    font-size: 1.8em;
    width: 139px;
    text-align: left;
}*/

ul.triple_column li.it-support a.title {
   background: url("../images/service1.png") no-repeat scroll right 0 transparent;
    display: block;
    font-size: 24px;
    height: 70px;
    line-height: 25px;
    padding-top: 25px;
    width: 100%;
}

ul.triple_column li a.title h2 {
    font-size: 24px;
    height: 70px;
    line-height: 25px;
    margin-top: 0;
    padding-top: 0;
    text-align: left;
    width: 100%;
}

ul.triple_column li.security a.title {
   background: url("../images/service3.png") no-repeat scroll right 0 transparent;
    display: block;
    font-size: 24px;
    height: 70px;
    line-height: 25px;
    padding-top: 25px;
    width: 100%;
}

ul.triple_column li.service a.title {
   background: url("../images/service2.png") no-repeat scroll right 0 transparent;
    display: block;
    font-size: 24px;
    height: 70px;
    line-height: 25px;
    padding-top: 25px;
    width: 100%;
}

ul.triple_column li a.title img {
    top: -20px;
    margin-left: 50px;
}

ul.six_column {
    padding-bottom: 40px;
    list-style: none;
    list-style-type: none;
    overflow: hidden;
    border-bottom: 1px solid #EAEAEA;
}

ul.six_column li {
    margin-top: 12px;
    padding: 130px 7px 7px;
    max-width: 148px;
    float: left;
}

.services-header {
    margin: 0 auto;
    width: 960px;
    height: 285px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.services-header h1 {
    color: white;
    font-size: 1.9em;
    font-weight: normal;
    line-height: 38px;
    margin: 75px 0 20px;
    padding-right: 420px;
    text-align: left;
    text-shadow: none;
}

.service-list {
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
    display: block;
    width: 960px;
}

.service-list li {
    padding: 0;
}

div.service-header {
    /*background-position: right 49px !important;
    margin: 0 auto 5px;
    min-height: 86px;
    overflow: hidden;
    padding-top: 55px;
    width: 960px;*/
    background-position: right 49px !important;
    font-family: 'Open sans', Arial, sans-serif;
    margin: 0 auto;
    min-height: 86px;
    overflow: hidden;
    padding-bottom: 30px;
    padding-right: 310px;
    padding-top: 55px;
    width: 650px;
}

div.service-header h2 {
    clear: both;
    color: #07A5E2;
    display: block;
    float: left;
    font-size: 20px;
		font-weight: bold;
    margin-bottom: 9px;
    overflow: hidden;
    text-align: left;
    width: 100%;
    height: 25px;
}

div.service-header p {
    /*width: 620px;*/
    clear: both;
}

ul.services_columns {
    border-top: 1px solid #EAEAEA;
    list-style: none;
    list-style-type: none;
    overflow: hidden;
    padding-bottom: 40px;
    border-bottom: 1px solid #EAEAEA;
}

ul.services_columns li {
    padding: 20px 20px 20px 0;
    width: 300px;
    float: left
}

ul.services_columns li a.title {
    height: 81px;
    margin-bottom: 22px;
    display: block;
}

ul.services_columns li h2 {
    width: 250px;
    padding-top: 10px;
    display: inline-block;
    float: left;
    font-size: 1.3em;
    text-align: left;
    padding-bottom: 16px;
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 50px;
    color: #676767;
    margin-top: 10px;
    margin-bottom: 5px;
}

/* Service type icons */
ul.services_columns li h2.web {
    background-image: url('../images/ico-web.png');
}

.container:hover ul.services_columns li h2.web {
    background-image: url('../images/ico-web-active.png');
}

ul.services_columns li h2.identity {
    background-image: url('../images/ico-identity.png');
}

.container:hover ul.services_columns li h2.identity {
    background-image: url('../images/ico-identity-active.png');
}
ul.services_columns li h2.logo {
    background-image: url('../images/ico-logo.png');
}

.container:hover ul.services_columns li h2.logo {
    background-image: url('../images/ico-logo-active.png');
}
ul.services_columns li h2.magento {
    background-image: url('../images/ico-magento.png');
}

.container:hover ul.services_columns li h2.magento {
    background-image: url('../images/ico-magento-active.png');
}
ul.services_columns li h2.marketing {
    background-image: url('../images/ico-marketing.png');
}

.container:hover ul.services_columns li h2.marketing {
    background-image: url('../images/ico-marketing-active.png');
}
ul.services_columns li h2.opakovki {
    background-image: url('../images/ico-package.png');
}

.container:hover ul.services_columns li h2.opakovki {
    background-image: url('../images/ico-package-active.png');
}
ul.services_columns li h2.seo {
    background-image: url('../images/ico-seo.png');
}

.container:hover ul.services_columns li h2.seo {
    background-image: url('../images/ico-seo-active.png');
}
ul.services_columns li h2.shop {
    background-image: url('../images/ico-shop.png');
}

.container:hover ul.services_columns li h2.shop {
    background-image: url('../images/ico-shop-active.png');
}
ul.services_columns li h2.social {
    background-image: url('../images/ico-social.png');
}

.container:hover ul.services_columns li h2.social {
    background-image: url('../images/ico-social-active.png');
}

ul.services_columns li a.title img {
    top: -20px;
    margin-left: 50px;
}

a.back-link {
    background: url("../images/white_arrow_back.gif") no-repeat scroll 4px 4px transparent;
    color: white;
    float: left;
    height: 25px;
    line-height: 25px;
    margin-top: 20px;
    padding-left: 30px;
    text-decoration: none;
}

/* PROJECTS */
.projects_header {
    margin: -2px auto 0;
    height: 66px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: right bottom;
}

.projects_header .centered .cat-title {
   color: #FFFFFF;
    float: left;
    font: 16px Trebuchet MS;
    margin-top: 20px;
}

.list-content ul {
   list-style: none outside none;
}

.list-content ul li.divider {
   border-right: 1px solid #FFFFFF;
    height: 10px;
    margin: 5px 15px 0;
}

.list-content ul li {
   float: left;
}

.list-content ul li a {
   color: #FFFFFF;
}

.projects_header ul {
    overflow: hidden;
    height: 28px;
    padding: 24px 0 20px 0;
    width: auto;
    float: right;
    list-style-type: none;
}

.projects_header ul li {
    float: left;
    margin-left: 15px;
}

.projects_header ul li a {
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    padding: 2px 10px;
}

.project_header ul li a:hover {
    color: #01ADEF;
}

.project_gallery_pane {
    margin: 0 auto;
    width: 960px;
}

.project_gallery_pane ul {
    overflow: hidden;
    float: left;
    display: block;
    list-style-type: none;
}

.project_gallery_pane ul li {
    float: left;
    display: block;
    list-style: none;
}

.scrollable-gallery {
    margin: 0 auto;
    width: 960px;
    position: relative;
    border-bottom: 1px solid #EAEAEA;
    display: block;
}

.scrollable-gallery ul {
    margin: 0 auto;
    padding: 0;
    width: 980px;
    height: 283px;
    top: 0;
    left: 0;
    overflow: hidden;
    position: relative;
}

.scrollable-gallery ul li {
    /*margin: 5px 20px 40px 5px;*/
    margin: 0 0 40px 0px;
    width: 330px;
    height: 238px;
    float: left;
    list-style: none outside;
}

.scrollable-gallery ul li:first-child {
   margin-left: 0px;
}

.scrollable-gallery ul li div.project-thumb {
    width: 300px;
    height: 185px;
    -moz-transition: all 0.5s ease-out 0s;
    background-color: #FFFFFF;
    border: 0 none;
    box-shadow: 0 2px 5px #CCCCCC;
    position: relative;
    overflow: hidden;
}

.scrollable-gallery ul li div.project-thumb a.thumb {
    height: 185px;
}

/*.scrollable-gallery ul li div.project-thumb a.subtitle {
   background: url("../images/bg-transp.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: inline-block;
    height: 100%;
    left: 0;
    overflow: hidden;
    padding: 0 35px;
    position: absolute;
    top: 0;
    vertical-align: middle;
    width: 230px;
}

.scrollable-gallery ul li div.project-thumb div.subtitle a {
   border-bottom: 3px solid #FFFFFF;
    border-top: 3px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
}*/

div.project-thumb a.subtitle {
   background: url("../images/pixel.png") repeat scroll 0 0 transparent;
    height: 100%;
    left: 0;
    overflow: hidden;
    padding: 0 35px;
    position: absolute;
    top: 0;
    vertical-align: middle;
    width: 230px;
    color: #FFFFFF;
    display: block;
}

.scrollable-gallery ul li div.project-title {
    width:300px;
    list-style: none outside none;
}

.scrollable-gallery ul li div.project-title a {
    display: block;
    font-size: 16px;
    font-weight: normal;
    line-height: 19px;
    margin-top: 15px;
    padding: 0 8px;
}

.gallery {
    margin: 0 auto;
    width: 960px;
    position: relative;
    /*border-bottom: 1px solid #EAEAEA;*/
    display: block;
}

.gallery ul {
    margin: 0 auto;
    padding: 0;
    width: 980px;
    height: 283px;
    top: 0;
    left: 0;
    position: relative;
}

.gallery ul li {
    margin: 0px 30px 50px 0px;
    width: 300px;
    height: 255px;
    float: left;
    list-style: none outside;
}

.gallery ul li.last {
   margin-right: 0px;
}

.gallery ul li div.project-thumb {
    width: 300px;
    height: 185px;
    -moz-transition: all 0.5s ease-out 0s;
    background-color: #FFFFFF;
    border: 0 none;
    box-shadow: 0 2px 5px #CCCCCC;
    position: relative;
    overflow: hidden;
}

.gallery ul li div.project-thumb a.thumb {
    height: 185px;
}

/*.gallery ul li div.project-thumb a.subtitle {
    background-color: #0099FF;
    bottom: 0;
    color: white;
    display: none;
    height: auto;
    left: 0;
    overflow: hidden;
    padding: 5px 10px;
    position: absolute;
    width: 280px;
}*/

.gallery ul li div.project-title {
    list-style: none outside none;
}

.gallery ul li div.project-title a {
    display: block;
    font-size: 16px;
    font-weight: normal;
    line-height: 19px;
    margin-top: 15px;
    padding: 0 8px;
}

#header-section {
    height: 298px;
    border-bottom: 1px solid #EAEAEA;
}

#header-section .info {
    width: 450px;
    height: 300px;
    float: left;
    position: relative;
}

#header-section .info h1 {
    bottom: 150px;
    font-size: 25px;
    left: 0;
    line-height: 28px;
    margin: 0;
    position: absolute;
    font-weight: normal;
    text-align: left;
}

#header-section .info p {
    width: 320px;
    top: 158px;
    left: 0;
    position: absolute;
}

#header-section img {
    width: 700px;
    margin: auto -70px -60px -200px;
    float: right;
}

.shots-gallery {
    height: 490px;
    padding-top: 60px;
}

.shots-gallery .info {
    width: 320px;
    margin-left: -70px;
    float: right;
    position: relative;
    z-index: 600;
}

.shots-gallery .info h2 {
    margin: 0 0 25px;
    padding: 0 0 25px;
    border-bottom: 1px solid #EAEAEA;
    font-size: 22px;
    line-height: 1.2em;
    text-align: left;
}

.shots-gallery .info .site-link {
    width: 350px;
    margin: 0 0 0 60px;
    padding: 3px 0 5px 30px;
    display: block;
    background: url("../images/elements.png") no-repeat scroll -477px -827px transparent;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #07A5E2;
    position: absolute;
    top: 392px;
}

.shots-gallery .project-images {
    background: url("../images/webdesign-bg.png") no-repeat scroll left top transparent;
    float: left;
    height: 484px;
    margin-left: -70px;
    position: relative;
}

.shots-gallery .project-images .panes {
    width: 723px;
    height: 484px;
    position: relative;
}

.shots-gallery .project-images .panes .image {
    display: none;
    left: 96px;
    position: absolute;
    top: 29px;
}

.shots-gallery .project-images ul.pager {
    width: 230px;
    margin: 0 auto;
    overflow: hidden;
    top: -15px;
    left: 3px;
    position: relative;
}

.section {
    margin-top: 70px;
    margin-bottom: 20px;
}

.section .image {
}

.section .info {
    width: 350px;
    float: left;
    top: 40px;
    position: relative;
}



.section .info h2 {
    margin: 0 0 25px;
    padding: 0 0 25px;
    border-bottom: 1px solid #EAEAEA;
    font-size: 22px;
    line-height: 1.2em;
    font-weight: normal;
    text-align: left;
}

.section .info p {
    top: 158px;
    left: 0;
}

.section img {
    margin: auto -70px -60px -200px;
    float: right;
}

.left .info {
    float: right !important;
    width: 580px;
}

.left img {
    float: left !important;
    /*margin: auto -200px -60px -70px;*/
    margin: auto 15px 0px -70px;
}

#gallery {
    height: 500px;
    position: relative;
    background: url("../images/bottom_gradient.jpg") no-repeat scroll center bottom transparent;
    padding-bottom: 35px;
    margin-top: 60px;
    margin-bottom: 40px;
}

#gallery .panes {
    top: 0;
    left: 0;
    width: 960px;
    height: 500px;
    overflow: hidden;
    /* display: none; */
}

#gallery .panes div {
    width: 960px;
    height: 500px;
}

#gallery .pager {
    margin-top: 50px;
}

#gallery .prev-image, #gallery .next-image {
    background: url("../images/str-left.png") no-repeat scroll 0 center transparent;
    cursor: pointer;
    height: 500px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 100;
}

#gallery .next-image {
    background: url("../images/str-right.png") no-repeat scroll 455px center transparent;
    left: 480px;
}
/* END PROJECTS*/

.jcarousel-prev-horizontal {
    background: url("../images/projects-buttons.gif") no-repeat scroll 3px 3px #02ACFF;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    height: 23px;
    left: -8px;
    position: absolute;
    top: 85px;
    width: 23px;
    z-index: 100;
}

.jcarousel-prev-horizontal:hover {
    background: url("../images/projects-buttons-2.gif") no-repeat scroll 3px 3px #81d6ff;
}

.jcarousel-next-horizontal{
    background: url("../images/projects-buttons.gif") no-repeat scroll 3px -25px #02ACFF;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    height: 23px;
    right: -8px;
    position: absolute;
    top: 85px;
    width: 23px;
    z-index: 100;
}
.jcarousel-next-horizontal:hover {
    background: url("../images/projects-buttons-2.gif") no-repeat scroll 3px -25px #81d6ff;
}

.footer{
    display: block;
    margin: 0 auto;
    width: 100%;
    /*height: 293px;*/
    clear:both;
}

#our-pictures {
    margin: 0 auto;
    width: 100%;
    height: 333px;
    clear: both;
}

.puzzle {
   display: block;
    margin: 0 auto;
    width: 1040px;
}

ul.clients {
    margin: 40 auto;
    padding: 0;
    list-style: none outside none;
    width: 960px;
    display: block;
    border-bottom: 1px solid #EAEAEA;
    overflow: hidden;
}

ul.clients li {
    float: left;
    height: 105px;
    line-height: 105px;
    text-align: center;
    width: 191px;
}

div.awards-area {
    width: 960px;
    margin: 0 auto;
}

ul.tabs {
    height: 44px;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    text-align: center;
}

ul.tabs li {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

ul.tabs li a {
    background: url("../images/small_vertical_line.png") no-repeat scroll right 16px transparent;
    color: #666666;
    display: inline-block;
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    outline: medium none;
    vertical-align: top;
    width: 70px;
}

ul.tabs li:last-child a {
    background: none repeat scroll 0 0 transparent;
}

ul.tabs li a.current {
    background: url("../images/tab_head.png") no-repeat scroll left 1px transparent;
    color: white;
    margin: 0 -13px;
    position: relative;
    width: 96px;
    z-index: 220;
}

div#awards {
    margin: 0 auto;
    width: 960px;
    background: none repeat scroll 0 0 #07A5E2;
    border-radius: 10px;
    padding: 30px 0;
    overflow: hidden;
}

div#awards div.panes {
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 880px;
}

div#awards div.awards-year {
    color: #9FDDFF;
    overflow: hidden;
    padding-bottom: 10px;
    position: absolute;
}

div#awards div.awards-year .column {
    float: left;
    padding-right: 50px;
    width: 400px;
}

.column + .last {
    padding-right: 0 !important;
}

div#awards div.award {
    color: #9FDDFF;
}

div#awards div.left {
    float: left;
    clear: both;
}

div#awards div.right {
    position: absolute;
    left: 500px;
}

div#awards h3 {
    color: white;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
    font-weight: normal;
}

div#awards h3 a {
    background: url("../images/icons/www.html") no-repeat scroll right top transparent;
    color: white;
    padding-right: 45px;
    text-decoration: none;
}

div#awards ul {
    list-style: none outside none;
    margin: 0;
    width: auto !important;
    padding: 0 0 10px;
}

div#awards ul li {
    background: url("../images/small_arrow.png") no-repeat scroll 2px 5px transparent;
    font-size: 13px;
    color: #9FDDFF;
    margin-bottom: 5px;
    padding-left: 15px;
}

.panes .pane {
    display:none;
}

.border-bottom {
    border-bottom: 1px solid #EAEAEA;
}
.contacts-header {
    background: none repeat scroll 0 0 #07A5E2;
}

.contacts-header h1 {
    color: white;
    font-size: 28px;
    font-weight: normal;
    line-height: 38px;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    text-shadow: none;
    width: 960px;
}

ul.contacts-info {
    /*border-bottom: 1px solid #EAEAEA;*/
    list-style: none outside none;
    margin: 30px auto;
    overflow: hidden;
    padding: 0px;
}

ul.contacts-info li {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left top;
    background-scroll: scroll;
    float: left;
    font-size: 16px;
    height: 60px;
    padding: 20px 0 0 110px;
    width: 210px;
    color: #FFFFFF;
}

.phone {
    background-image: url("../images/contacts_image1_1.png");
}
.email {
    background-image: url("../images/contacts_image2_1.png");
}
.address {
    background-image: url("../images/contacts_image3_1.png");
}

ul.contacts-info li span, ul.contacts-info li a {
    display: block;
    font-size: 20px;
    margin-top: 5px;
    color: #FFFFFF;
}

form.contacts {
    padding: 50px 0;
    margin: 0 auto;
    width: 960px;
    overflow: hidden;
    border-top: 1px solid #EAEAEA;
}

form.contacts h2 {
    font-weight: normal;
    text-align: left;
    margin-bottom: 15px;
    font-size: 22px;
}

form.contacts fieldset {
    border: 0 none;
    float: left;
    margin: 0;
    padding: 0;
}

form.contacts fieldset.left {
    width: 400px;
}

form.contacts fieldset.right {
    margin-left: 20px;
    width: 500px;
}

.form-item {
    min-height: 54px;
    margin: 1em 0;
}

.form-item label {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 3px;
    margin-left: 2px;
    display: block;
}

.form-item input, .form-item textarea {
    background-color: white;
    border: 1px solid #BABABA;
    font-size: 16px;
    padding: 5px;
    width: 355px;
}

textarea { 
    height: 225px;
    width: 475px !important;
}

.description {
    font-size: 10px;
    color: #888888;
}

.submit {
    background-color: #07A5E2;;
    border: medium none;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 12px;
    margin-top: 10px;
    padding: 6px 12px;
    font-size: 14px;
    height: 31px;
    margin-top: 25px;
}

.office-pics {
   clear: both;
    padding-top: 0;
    position: relative;
    padding: 20px 0;
    margin: 0 auto;
    width: 960px;
}

.office-pics .panes {
    height: 235px;
    background: url("../images/bottom_gradient.jpg") no-repeat scroll center bottom transparent;
    padding-bottom: 35px;
    top: 0;
    overflow: hidden;
    left: 0;
    position: relative;
}

.office-pics .panes .image {
    position: absolute;
    top: 0;
    overflow: hidden;
    left: 0;
}

.office-pics img {
    border-radius: 10px;
}

.office-pics .next-image, .office-pics .prev-image {
    background: url("../images/str-left.png") no-repeat scroll 0 center transparent;
    cursor: pointer;
    height: 235px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 100;
    margin-top: 20px;
}

.office-pics .next-image {
    background: url("../images/str-right.png") no-repeat scroll 455px center transparent;
    left: 480px;
}

.similar {
    margin: 0 auto 20px;
    overflow: hidden;
    width: 960px;
}

.similar h2 {
   border-top: 1px solid #EAEAEA; 
   margin: 0px;
    padding-bottom: 20px;
    padding-top: 20px;
    font-size: 16px;
    width: 100%;
    float: left;
    text-align: left;
}

.similar ul li {
    float: left;
    list-style: none outside none;
    margin: 0 23px 20px 0;
    padding: 0 0 0 3px;
    position: relative;
    width: 170px;
}

.similar ul li div {
    -moz-transition: all 0.5s ease-out 0s;
    background-color: #FFFFFF;
    border: 3px solid #FFFFFF;
    box-shadow: 0 0 5px #CCCCCC;
    margin: -3px;
}

.similar ul li a {
    display: block;
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 13px;
    margin-top: 0px;
}

.similar ul li a.link {
   margin-top: 11px;
}

.similar ul li img {
    display: block;
}

.similar ul li:last-child {
    margin-right: 0;
    padding-right: 0;
}

.footer .regions {
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 15px;
    position: relative;
    width: 960px;
}

.footer .regions .newsletter {
    padding-right: 0;
}

.footer .regions .region {
    color: #AAAAAA;
    float: left;
    line-height: 12px;
    padding: 0 15px 0 0;
    width: 220px;
}

.footer .regions .region h2, .footer .regions .region p.heading {
    color: #FFFFFF;
    font-size: 23px;
    font-weight: normal;
    margin: 0;
    padding: 25px 0 15px;
    text-shadow: none !important;
    text-align: left;
}

.footer .regions p {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 15px;
}

.footer .regions p a {
   color: #FFFFFF;
   text-decoration: underline;
}

.footer .regions .newsletter form {
    min-height: 18px;
    position: relative;
}

.footer .regions .newsletter p {
    color: #ADECFE;
    font-size: 10px;
    line-height: 11px;
    margin: 0 0 8px;
}

.footer .regions ul {
    list-style: none outside none;
    width: auto;
}

.footer .regions ul li {
    list-style: none outside none;
    margin: 0 0 10px;
    padding-bottom: 8px;
}

.footer .regions ul li a {
    color: #FFFFFF;
    font-size: 12px;
    line-height: 14px;
}

.footer .regions ul.services li a {
   display: block;
    font-size: 13px;
    height: 17px;
    padding-left: 30px;
}

.footer .regions ul.services li a.it-support {
   background: url("../images/footer-tv.png") no-repeat scroll 0 0 transparent;
}

.footer .regions ul.services li a.eshops {
   background: url("../images/footer-magento.png") no-repeat scroll 0 0 transparent;
}

.footer .regions ul.services li a.news {
   background: url("../images/footer-mic.png") no-repeat scroll 0 0 transparent;
}

.footer .regions ul.services li a.service {
   background: url("../images/footer-logo.png") no-repeat scroll 0 0 transparent;
}

.footer .regions ul.services li a.security {
   background: url("../images/footer-target.png") no-repeat scroll 0 0 transparent;
}

.footer .regions .newsletter {
    padding-right: 0;
}

.footer .button-link, #footer .newsletter .form-submit {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    color: #07A5E2;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 15px;
    position: relative;
    text-decoration: none;
}

.button-link{
    display:inline-block;
    height:20px;
    line-height: 20px;
}
.button-link:hover{
    opacity:0.8;
    opacity-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    
}

.footer .bottom-nav {
    border-top: 1px solid #4BC7FD;
    margin: 0 auto;
    padding: 20px 0;
    width: 960px;
    height: 18px;
    overflow: hidden;
}

.footer .bottom-nav ul {
    float: left;
    font-size: 11px;
    margin: 0;
    padding-left: 0;
    width: 500px;
}

.footer .bottom-nav ul li {
    display: inline;
    list-style: none outside none;
    margin-right: 25px;
}

.footer .bottom-nav ul li a {
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    padding: 0 8px;
}

.footer .bottom-nav ul li a.active {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #07A5E2;
}

.footer .bottom-nav ul li a:hover {
   background: none repeat scroll 0 0 #49caff;
    color: #FFFFFF;
}

.footer .newsletter form {
    min-height: 18px;
    position: relative;
}

.footer .newsletter .form-item {
    background: none repeat scroll 0 0 #B2E6FE;
    border-radius: 3px 3px 3px 3px;
    margin: 0 0 2px;
    min-height: 21px;
    padding: 0;
    width: 170px;
}

.footer .newsletter .form-item label {
    background: none repeat scroll 0 0 #B2E6FE;
    border: 0 solid black;
    border-radius: 20px 20px 20px 20px;
    color: #07A5E2;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    height: 15px;
    line-height: 17px;
    margin: 0;
    padding: 2px 4px;
    position: absolute;
    text-shadow: none;
    top: 0;
    width: 170px;
    z-index: 10;
}

.footer .newsletter .form-item input {
    background-color: transparent;
    border: 0 solid white;
    display: block;
    font-size: 12px;
    height: 17px;
    padding: 2px 4px 2px 75px;
    position: relative;
    top: 0;
    width: 85px !important;
    z-index: 20;
}

.footer .newsletter .submit {
    font-size: 11px;
    left: 160px;
    line-height: 14px;
    margin: 0;
    padding: 0 10px 2px;
    position: absolute;
    top: 0;
    z-index: 100;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    border-radius: 3px 3px 3px 3px;
    color: #07A5E2;
    cursor: pointer;
    height: 21px;
}

.footer .regions .newsletter p {
    color: #ADECFE;
    font-size: 10px;
    line-height: 11px;
    margin: 0 0 8px;
}

.footer ul.contact-info {
   /*border-bottom: 1px solid #4BC7FD;*/
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.footer ul.contact-info li {
   display: block;
    height: 30px;
    padding-left: 40px;
}

.footer ul.contact-info li.phone {
   background: url("../images/footer-tel.png") no-repeat scroll 0 center transparent;
}

.footer ul.contact-info li.email {
   background: url("../images/footer-mail.png") no-repeat scroll 0 center transparent;
}

.footer ul.contact-info li.address {
   background: url("../images/footer-pin.png") no-repeat scroll 0 center transparent;
}

.footer ul.contact-info li.btw {
   background: url("../images/footer-tv.png") no-repeat scroll 0 center transparent;
}

.footer ul.contact-info li span.label {
   clear: both;
    color: #B7E6FA;
    display: block;
    font-size: 10px;
}

.footer ul.contact-info li span.data {
   color: #FFFFFF;
    display: block;
    font-size: 14px;
    margin-top: 3px;
}
span.data a:hover{
    text-decoration: underline;
}
.footer ul.contact-info li span.data a {
   font-size: 14px;
}

.footer ul.links {
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 4px 0 0;
}

.footer ul.links li {
    display: inline;
    list-style: none outside none;
    margin-right: 5px;
    display:block;
    float:left;
}
.footer ul.links li:hover {
    opacity:0.8;
    opacity-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.footer ul.links li.last {
    margin-left: 20px;
    float: right;
}

.footer .copyright {
    color: #B0EBFB;
    float: right;
    font-size: 10px;
    margin: 0 auto;
}

.footer .copyright span {
    margin-right: 20px;
}

.gradient_effect {
    background:#fcfcfc url(#fcfcfc../images/graywhite_fade.gif) repeat-x 0 0;
}

a.more-link-box span.button {
   background: url("../images/home-teaser-btn.gif") no-repeat scroll #07A5E2;
   background-position: 95% 50%;
    display: block;
    padding-right: 28px;
    z-index: 999;
}


/* ---------------------------------------------- INQUIRY FORM ----------------------------------------------- */
.mask {
   background-color: #000000;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 998;
    opacity: 0;
}

.container.inquiry .contact-form-wrapper {
   display: block;
   width: 920px;
   margin: 0 auto;
}

.container.inquiry .contact-form-wrapper .contact-form {
   background-color: #FFFFFF;
    display: none;
    height: 355px;
    margin: -250px auto 0;
    padding: 35px 30px;
    position: absolute;
    width: 860px;
    z-index: 999;
    -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.container.inquiry .contact-form-wrapper .contact-form .close-button {
   background: url("../images/x-normal.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 40px;
    left: 900px;
    position: absolute;
    top: -20px;
    width: 40px;
}

.container.inquiry .contact-form-wrapper .contact-form .close-button:hover {
   background: url("../images/x-over.png") no-repeat scroll 0 0 transparent;
}

.container.inquiry .contact-form-wrapper .contact-form h3 {
   color: #7C7C7C;
   display: block;
    font: 22px Trebuchet MS;
    text-align: center;
}

.container.inquiry .wrapper {
   display: block;
   margin: 0 auto;
   text-align: center;
   width: 960px;
}

.inquiry-button {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   background-color: #07A5E2;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font: 16px Trebuchet MS;
    margin: 38px 0;
    padding: 7px 14px;
}

.inquiry-button:hover {
   background-color: #81d6ff;
}


h2.map-title {
   margin: 35px 0;
}

/* ------------------------------------------------------ CONTACT FORM ----------------------------------------------- */
h2.contact-form-title {
   margin: 45px 0;
}

.simple-form {
   display: inline-block;
    margin-bottom: 60px;
}

.simple-form .col1 {
   display: inline-block;
   float: left;
    width: 330px;
}

.simple-form .col2 {
   display: inline-block;
   float: left;
    width: 330px;
}

.simple-form .col3 {
   display: inline-block;
   float: left;
    width: 300px;
}

.simple-form div label {
   clear: both;
   display: block;
   margin-bottom: 10px;
   margin-top: 20px;
}

.simple-form div input {
   border: 1px solid #BEBEBE;
    clear: both;
    display: block;
    height: 25px;
    padding: 0 10px;
    width: 280px;
}

.simple-form div input:focus {
   border: 1px solid #7ed6fe;
}

.simple-form div select {
   border: 1px solid #BEBEBE;
    clear: both;
    display: block;
    height: 25px;
    padding-left: 10px;
    width: 300px;
}

.simple-form div select:focus {
   border: 1px solid #7ed6fe;
}

.simple-form div textarea {
   background: url("../images/contacts_write.png") no-repeat scroll center center #FFFFFF;
    border: 1px solid #BEBEBE;
    height: 210px;
    margin-bottom: 15px;
    padding: 10px;
    width: 280px !important;
}

.simple-form div textarea:focus {
   border: 1px solid #7ed6fe;
}

.simple-form div button {
   background-color: #07A5E2;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font: 16px Trebuchet MS;
    padding: 10px 0;
    width: 303px;
    -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.simple-form div .help {
   font-size: 11px;
}


/* RSS Footer */
.footer .regions .rss-footer {
   list-style: disc inside none;
}

.footer .regions .rss-footer li {
   border-top: 1px solid #4BC7FD;
    color: #FFFFFF;
    list-style: disc inside none;
    margin-bottom: 10px;
    padding-bottom: 0;
    padding-top: 10px;
}

.footer .regions .rss-footer li:first-child {
   border: 0 none;
}

.fb-like {
   clear: both;
    display: block;
    margin-top: 100px;
}

.wrapper.current {
   margin-bottom: 0;
}


/* RSS Homepage */
.container {
   list-style: none outside none;
}

.container .news {
   
}

.container .news li.feed {
   display: block;
    float: left;
    margin-bottom: 50px;
    margin-left: 25px;
    width: 220px;
}

.container .news li.feed:first-child {
   margin-left: 0px;
}

.container .news li.feed .feed-img {
   background-repeat: no-repeat;
   background-position: center center;
   clear: both;
    display: block;
    height: 180px;
    width: 220px;
}

.container .news li.feed .feed-img a {
   display: block;
    height: 100%;
    width: 100%;
}

.container .news li.feed a.title {
   clear: both;
    display: block;
    font: 16px Trebuchet MS,arial,sans-serif;
    margin: 15px 0;
}

.container .news li.feed .feed-info {
   clear: both;
    display: block;
}

.container .news li.feed .feed-info .feed-date {
   color: #D1D1D1;
    display: block;
    float: left;
    font-size: 11px;
}

.container .news li.feed .feed-info .feed-comments a {
   background: url("../images/elements.png") no-repeat scroll -285px -753px transparent;
    display: block;
    float: left;
    height: 16px;
    padding-left: 15px;
}

.container .news li.feed .feed-info .feed-category {
   
}

.container .news li.feed .feed-info .divider {
   border-right: 1px solid #E9E9E9;
    display: block;
    float: left;
    height: 10px;
    margin: 4px 7px 0;
    width: 1px;
}

p.message-sent {
   display: block;
    font: 28px 'Open Sans',Arial,sans-serif;
    margin: 80px 0;
    text-align: center;
}

.the_exact_text {
   clear: both;
    display: block;
}

.more-link {
   background: url("../images/small_arrow2.png") no-repeat scroll 59px 10px #FFFAFD;
    clear: both;
    color: #00B1FE;
    display: inline-block;
    float: none;
    margin-top: 10px;
    padding: 4px 17px 4px 10px;
    -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.try-magento {
   border-top: 1px solid #EAEAEA;
    clear: both;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    padding: 35px 0 65px;
    width: 960px;
}

.try-magento .left {
   display: block;
    float: left;
    margin-left: 45px;
    width: 510px;
}

.try-magento .left p {
   color: #666666;
   font: 22px 'Open Sans',Arial,sans-serif;
}

.try-magento .left p span {
   color: #ff5b3f;
}

.try-magento .right {
   display: block;
    float: left;
    margin-left: 40px;
}

.try-magento .right a {
   background: url("../images/magento-btn.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 70px;
    text-decoration: none;
    width: 312px;
}

.try-magento .right a:hover {
   background: url("../images/magento-btn-over.png") no-repeat scroll 0 0 transparent;
}

.error-content {
   background-color: #0102AC;
    display: block;
    overflow: hidden;
    width: 100%;
}

.error-content a {
    background: url("../images/404.gif") no-repeat scroll center center transparent;
    display: block;
    height: 342px;
    overflow: hidden;
    padding: 100px 0;
    width: 100%;
}

.section.magento-ad {
   display: block;
    margin-bottom: 0;
    margin-top: 90px;
    overflow: hidden;
}

.section.magento-ad .try-magento {
   padding: 35px 0 40px;
}

.section.no-ad {
   
}




#cornerCalloutContainer {
    height: 150px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

#cornerCallout {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999;
    
    text-align: center;
    padding: 10px 40px;
    font-size: 16px;
    font-weight: bold;
    
    background-color: #333333;
    background: -moz-linear-gradient(top, #666666, #333333); /* gecko */
    background: -webkit-gradient(linear, left top, left bottom, from(#666666), color-stop(.5, #333333), color-stop(.501, #333333), to(#666666));
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.3);
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    
    color: #FFFFFF;
    text-shadow: rgba(0,0,0, .5) 0 1px 0;

    -webkit-transform-origin: top left;
    -webkit-transform: translateX(85px) translateY(-30px) rotate(45deg);
    -moz-transform-origin: top left;
    -moz-transform: translateX(85px) translateY(-30px) rotate(45deg);
}

#cornerCallout a{color:#FFF;}

* {
    text-rendering: optimizelegibility;
}

* {
    margin: 0;
    padding: 0;
}



#nav { width: 488px; }
#nav li { position: relative; display:block; float:left; }
#nav li.projects-li:hover a { -webkit-border-radius: 3px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius: 3px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-radius: 3px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
#nav li.projects-li:hover ul li a { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
#nav li ul.subnav { padding:13px 11px 13px; background-color: #FFFFFF; display: none; left: 0; list-style: none outside none; position: absolute; top: 25px; width: auto; -moz-box-shadow: 1px 0 1px #f1f1f1;
  -webkit-box-shadow: 1px 0 1px #f1f1f1;
  box-shadow: 1px 0 1px #f1f1f1;}
#nav li:hover ul.subnav { display: block; overflow: hidden; -webkit-border-radius: 3px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 0;
border-radius: 3px;
border-top-left-radius: 0; }
#nav li ul.subnav li { padding-left:1px; clear: both; display: block; float: none; border-bottom:1px solid #f7f7f7; }
#nav li ul.subnav li.last{border-bottom:none;}
#nav li ul.subnav li a { height:36px; line-height:34px; float:none; white-space:nowrap; padding:0; margin: 0; }
#nav li ul.subnav li a span{height:36px; line-height:34px; white-space:nowrap; padding:0 13px 0 49px; display:block;}

#nav li ul.subnav li:hover { background:url(../images/subnav-over-bgr.png) no-repeat 0 0; }
#nav li ul.subnav li:hover a { background:url(../images/subnav-over-bgr.png) no-repeat right 0; color: #FFFFFF; }

.elem-1 a span{background:transparent url(../images/ico-target-01.png) no-repeat 13px 4px;}
.elem-2 a span{background:transparent url(../images/ico-online-01.png) no-repeat 13px 5px;}
.elem-3 a span{background:transparent url(../images/ico-web-site-01.png) no-repeat 13px 4px;}
.elem-4 a span{background:transparent url(../images/ico-logo-design-01.png) no-repeat 13px 5px;}

.elem-1:hover a span{background-image:url(../images/ico-target-02.png); color:#fff;}
.elem-2:hover a span{background-image:url(../images/ico-online-02.png); color:#fff;}
.elem-3:hover a span{background-image:url(../images/ico-web-site-02.png); color:#fff;}
.elem-4:hover a span{background-image:url(../images/ico-logo-design-02.png); color:#fff;}

#nav li:hover a.current{background-color:#fff; color:#01adfe;}