@charset "utf-8";
/* CSS Document */

html {
    height: 100%;
    width: 100%;
}

body {
    /*background-color:#fff;*/
    background-color: #FFF;
    font-family: Tahoma, Geneva, sans-serif;
}

#wrap {
    overflow: hidden;
    min-width: 991px;
    max-width: 1040px;
    width: 77%;
    margin: 25px auto 0;
    min-height: 400px;
    position: relative;
    z-index: 10;
}

@font-face {
    font-family: 'ThamaraRegular';
    src: url('../fonts/thamara01-webfont.eot');
    src: url('../fonts/thamara01-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/thamara01-webfont.woff') format('woff'), url('../fonts/thamara01-webfont.ttf') format('truetype'), url('../fonts/thamara01-webfont.svg#ThamaraRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PracticumRegular';
    src: url('../fonts/practicum-webfont.eot');
    src: url('../fonts/practicum-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/practicum-webfont.woff') format('woff'), url('../fonts/practicum-webfont.ttf') format('truetype'), url('../fonts/practicum-webfont.svg#PracticumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GeosansLight';
    src: url('../fonts/GeosansLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#logo {
    float: left;
    margin-right: 20px;
}

#topmenu {
    float: right;
    margin: 15px 0 0 0;
    height: 49px;
    background: url(../images/topmenu1.jpg) repeat-x #2e5fad;
    border: solid 1px #336ac3;
    border-top: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 3px #acbcd7;
    -moz-box-shadow: 0 0 3px #acbcd7;
    -webkit-box-shadow: 0 0 3px #acbcd7;
}

#topmenu ul li {
    float: left;
    border-right: solid 1px #1c75bf;
    font: normal 16px PracticumRegular, sans-serif;
    text-transform: uppercase;
}

#topmenu ul li a {
    display: block;
    color: #fff;
    height: 49px;
    line-height: 49px;
    padding: 0 25px;
}

#topmenu ul li.lastlink {
    background: none;
    border: none;
}

/***********************************Main part***********************************/

/*mainpage styles*/

#mainpage #wrap {
    overflow: visible;
    position: relative;
    z-index: 500;
}

#main {
    position: relative;
}

#mainpage #main {
    /*width:990px; margin:10px auto 0;*/
}

#aboutus #main {
    width: 100%;
}

/*Center*/

#center {
    float: left;
    width: 100%;
}

#main h2 {
    font: normal 24px ThamaraRegular, sans-serif;
    color: #37373d;
    margin-bottom: 8px;
}

#main h3 {
    font: normal 22px ThamaraRegular, sans-serif;
}

#stretch-content {
    margin: 0 233px 0 226px;
    padding: 0 4% 0 5%;
    font-size: 14px;
}

#stretch-content p {
    margin-bottom: 20px;
    line-height: 145%;
}

#stretch-content img[src] {
    border: solid 1px #d0d0d0;
}

.rightpict {
    float: right;
    margin: 12px 0 12px 16px;
}

.leftpict {
    float: left;
    margin: 12px 16px 12px 0;
}

a.more {
    float: right;
    margin-right: 13px;
    height: 21px;
    line-height: 21px;
    padding: 0 20px;
    color: #fff;
    font-size: 13px;
    background: url(../images/more.jpg) repeat-x;
    border-left: solid 1px #9db5dd;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    clear: both;
    margin-top: 53px;
}

/*Left column*/

#left-col {
    float: left;
    width: 226px;
    margin-left: -100%;
}

#left-col h2 {
    margin: 0 0 14px 42px;
}

ul#services-menu {
    margin: 0 0 43px 24px;
}

ul#services-menu li {
    background: url(../images/leftmenu-mark.png) left 5px no-repeat;
    padding-left: 22px;
}

#services-menu li a {
    color: #2596e5;
    font: normal 18px ThamaraRegular, sans-serif;
}

#menu-bar {
    border: 1px solid #c8c9cb;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    position: relative;
    overflow: hidden;
    width: 222px;
    margin-left: 2px;
}

.box-head {
    width: 100%;
    background-color: #3369c1;
    position: relative;
    padding-top: 3px;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
}

#main .box-head h2 {
    color: #fff;
    margin-left: 44px;
}

.leftcorn {
    width: 10px;
    height: 10px;
    background: url(../images/corner-l.png) no-repeat;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.rightcorn {
    width: 10px;
    height: 10px;
    background: url(../images/corner-r.png) no-repeat;
    position: absolute;
    right: 0;
    bottom: -10px;
}

.rightpatt {
    width: 100px;
    height: 185px;
    background: url(../images/rightpatt.png) no-repeat;
    position: absolute;
    top: 11px;
    right: 0;
    z-index: 0;
}

.leftpatt {
    width: 75px;
    height: 162px;
    background: url(../images/leftpatt.png) no-repeat;
    position: absolute;
    top: 345px;
    left: 0;
    z-index: 0;
}

#menu-bar ul li {
    background: url(../images/leftmenu-mark.png) left center no-repeat;
    padding-left: 23px;
    margin-bottom: 8px;
}

#menu-bar ul li a {
    text-decoration: underline;
    color: #2596e5;
    font-size: 12px;
    word-wrap: break-word;
}

#menu-bar ul {
    margin: 0 0 35px 5px;
    position: relative;
    z-index: 100;
}

#menu-bar h3 {
    margin: 25px 0 20px 43px;
    color: #999;
}

/*Right column*/

#right-col {
    float: left;
    width: 233px;
    margin-left: -233px;
}

.review {
    border: solid 1px #acbcd7;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    box-shadow: 0 0 2px #acbcd7;
    -moz-box-shadow: 0 0 2px #acbcd7;
    -webkit-box-shadow: 0 0 2px #acbcd7;
    padding: 27px 19px 22px 17px;
    font-size: 12px;
    color: #666;
    margin: 31px 6px 0 0;
    position: relative;
    width: 192px;
    line-height: 140%;
}

p.review-name {
    color: #333;
    font-size: 13px;
    margin-top: 13px;
}

.review a {
    color: #2596e5;
}

.tick {
    width: 17px;
    height: 20px;
    background: url(../images/tick.jpg) no-repeat;
    position: absolute;
    left: 19px;
    top: -20px;
}

/*Footer*/

#footer {
    font-size: 12px;
    color: #090909;
    clear: both;
    margin: 49px auto 15px;
    width: 700px;
    text-align: center;
}

#footer span {
    margin-right: 20px;
}

#footer .last {
    margin: 0;
}

#area {
    min-height: 280px;
}

#area textarea {
    border: solid 1px #ACBCD7;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    outline: none;
    height: 136px;
    min-height: 136px;
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    color: #666;
    padding: 23px 10px 10px 10px;
    font-size: 12px;
    overflow: hide;
    box-shadow: 1px 1px 3px #d7dfec, -1px -1px 3px #d7dfec;
}

#area form {
    position: relative;
}

#area span {
    width: 17px;
    height: 20px;
    background: url(../images/tick.jpg) no-repeat;
    position: absolute;
    top: -18px;
    left: 19px;
}

#area input {
    font-size: 13px;
    margin: 15px 20px 0 0;
    float: right;
    display: block;
    padding: 0 20px 3px 20px;
    height: 21px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: none;
    border-left: solid 1px #9db4d9;
    background: url(../images/submit.jpg) repeat-x;
    color: #fff;
    font-weight: bold;
}

input[type=submit] {
    cursor: pointer;
}

.underline {
    border-bottom: solid 1px #d2e8f8;
}

.leftlinks {
    float: left;
    margin: 0 0 0 31px;
    width: 135px;
}

.rightlinks {
    float: right;
    margin: 0 65px 0 0;
    width: 135px;
}

#center .leftlinks h3, #center .rightlinks h3 {
    font-size: 20px;
    color: #999;
}

#center .leftlinks ul li, #center .rightlinks ul li {
    background: url(../images/leftmenu-mark.png) left center no-repeat;
    padding-left: 23px;
    margin-bottom: 8px;
}

#center .leftlinks ul li a, #center .rightlinks ul li a {
    text-decoration: underline;
    color: #2596e5;
    font-size: 12px;
    word-wrap: break-word;
}

#bottom-links h2 {
    padding-bottom: 8px;
    margin-bottom: 25px;
}

#bottom-links h3 {
    margin-bottom: 16px;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: ' ';
    clear: both;
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
}

#aboutus #main, #portfolio #main, #services #main {
    margin-top: 53px;
}

.bluetext p, .bluetext a {
    color: #2596e5;
}

.bluetext a {
    text-decoration: underline;
}

#stretch-content .bluetext p {
    margin: 0;
}

#portfolio .leftpict {
    margin-top: 0;
}

#stretch-content .bluetext {
    margin-bottom: 20px;
}

#portfolio a.more {
    margin-top: 0;
}

#portfolio .leftpict {
    margin: 0 16px 0 0;
}

#portfolio #area, #services #area {
    margin-top: 26px;
}

#portfolio .project {
    margin-bottom: 20px;
}

#mainpage #wrap {
    min-height: 680px;
}

#portfolio #area, #services #area {
    margin-top: 26px;
}

.post {
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
}

#content {
    float: left;
    margin-left: 300px;
    width: 738px;
}

#america {
    margin-right: 22px;
}

#america, #europe {
    float: left;
    width: 358px;
}

#america .map, #europe .map {
    height: 183px;
    position: relative;
    width: 358px;
}

#america .map {
    background: url("../images/america3.png") no-repeat scroll 0 0 transparent;
}

#europe .map {
    background: url("../images/europe3.png") no-repeat scroll 0 0 transparent;
}

.testimonials {
    border-radius: 10px 10px 10px 10px;
    color: #333333;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    overflow: hidden;
    position: relative;
    width: 358px;
}

#mark1, #mark2, #mark3, #mark4, #mark5, #mark6, #mark7, #mark8, #mark9, #mark10, #mark11, #mark12, #mark13, #mark14, #mark15, #mark16, #mark17, #mark18, #mark19 {
    position: absolute;
    width: 16px;
    height: 15px;
    background: url(../images/pict.png) no-repeat;
}

#mark1 {
    top: 114px;
    left: 169px;
}

#mark2 {
    top: 142px;
    left: 216px;
}

#mark3 {
    top: 100px;
    left: 271px;
}

#mark4 {
    top: 64px;
    left: 246px;
}

#mark5 {
    top: 94px;
    left: 139px;
}

#mark6 {
    top: 85px;
    left: 113px;
}

#mark7 {
    top: 107px;
    left: 94px;
}

#mark8 {
    top: 92px;
    left: 147px;
}

#mark9 {
    top: 111px;
    left: 112px;
}

#mark10 {
    top: 133px;
    left: 136px;
}

#mark11 {
    top: 150px;
    left: 102px;
}

#mark12 {
    top: 132px;
    left: 167px;
}

#mark13 {
    top: 158px;
    left: 194px;
}

#mark14 {
    top: 131px;
    left: 72px;
}

#mark15 {
    top: 95px;
    left: 212px;
}

#mark16 {
    top: 82px;
    left: 162px;
}

#mark17 {
    top: 67px;
    left: 184px;
}

#mark18 {
    top: 80px;
    left: 94px;
}

#mark19 {
    top: 39px;
    left: 150px;
}

.testimonials .box-head {
    padding: 5px 0 0;
}

.client {
    margin: 30px 0 0 16px;
}

.client h4 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 12px;
}

.client p {
    line-height: 145%;
}

p.sign {
    background: url("../images/pict.png") no-repeat scroll left center transparent;
    color: #3369C1;
    height: 16px;
    margin: 10px 0 0 2px;
    padding-left: 28px;
}

.review-more {
    padding: 27px 19px 22px 17px;
    text-align: center;
}

#slides {
    display: none;
    height: 100%;
}

#slides img {
    width: 70%;
}

.ab-container {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

}

.slide {
    float: left;
    text-align: center;
    position: relative;
}

.loader-icon {
    background: url("../images/ajax-loader.gif") no-repeat scroll center center transparent;
}

#menu {
    position: absolute;
    bottom: 0px;
    width: 970px;
    z-index: 1000;
}

#menu ul {
    float: left;
}

#menu ul li {
    float: left;
}

.blue-gardient {
    background: #F2F1EF;
}

.gray-gardient {
    background: #fafafa; /* Old browsers */
}

.grey-bg {
    background-color: #F3F3F3;
}

.slider-text {
    font-size: 14px;
    left: 0;
    line-height: 20px;
    margin-left: 30%;
    position: absolute;
    top: 130px;
    width: 40%;
    z-index: 100;
    color: transparent;
    text-indent: -9999px;
}

.slider-text h1 {
    font-family: GeosansLight, Arial;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px;
    direction: ltr;
    color: #000;
    text-indent: 0px;
}

.medium-ajax {
    background: url("../images/medium_ajax.gif") no-repeat scroll center center transparent;
}

.countries-find {
    margin-top: 20px;
}

.findmore {
    bottom: 150px;
    color: #3063B6;
    font: 25px PracticumRegular, sans-serif;
    left: 70%;
    position: absolute;
    text-transform: capitalize;
    z-index: 2000;
}

.post img[src] {
    border: 3px solid #D0D0D0 !important;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 10px;
    max-width: 90%;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;

    background: #4c4c4c; /* Old browsers */
    background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 51%, #474747 63%, #474747 76%, #595959 91%, #4c4c4c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c4c4c), color-stop(12%, #595959), color-stop(25%, #666666), color-stop(39%, #474747), color-stop(51%, #2c2c2c), color-stop(63%, #474747), color-stop(76%, #474747), color-stop(91%, #595959), color-stop(100%, #4c4c4c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 51%, #474747 63%, #474747 76%, #595959 91%, #4c4c4c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 51%, #474747 63%, #474747 76%, #595959 91%, #4c4c4c 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 51%, #474747 63%, #474747 76%, #595959 91%, #4c4c4c 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#4c4c4c', endColorstr = '#4c4c4c', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 51%, #474747 63%, #474747 76%, #595959 91%, #4c4c4c 100%); /* W3C */
}

.im-contacts {
    margin-bottom: 40px;
}

.im-contacts a {
    width: 31px;
    height: 28px;
    display: block;
    float: left;
    margin-right: 13px;
}

.im-contacts a#msn {
    background: url('../images/msn.png') no-repeat;
}

.im-contacts a#yahoo {
    background: url('../images/yahoo.png') no-repeat;
}

.im-contacts a#gtalk {
    background: url('../images/talk.png') no-repeat;
}

.im-contacts a#skype {
    background: url('../images/skype.png') no-repeat;
}

.im-contacts a#msn:hover {
    background: url('../images/msn-bl.png') no-repeat;
}

.im-contacts a#yahoo:hover {
    background: url('../images/yahoo-bl.png') no-repeat;
}

.im-contacts a#gtalk:hover {
    background: url('../images/talk-bl.png') no-repeat;
}

.im-contacts a#skype:hover {
    background: url('../images/skype-bl.png') no-repeat;
}

#area {
    margin-bottom: 40px;
}

.contact-photo {
    width: 74px;
    height: 74px;
}

li.pager-last.last {
    display: none;
}

li.pager-first.first {
    display: none;
}

/*.post ol, .post ol li, .post ul, .post ul li {
    list-style: circle inside none;
}*/

.post ol li, .post ul li {
    padding-left: 10px;
}

.post .addthis img {
    width: auto;
    padding: 0;
    margin: 0;
    border: none;
}

.field-field-gallery{
    overflow: hidden;
    margin-bottom: 20px;
}
.field-field-gallery .field-items .field-item{
    float: left;
}
.field-field-gallery .field-items .field-item img{
    border: none;
    padding: 0;
    width: 90px;
    margin-right: 10px;
}
.post table{
    border: 1px solid;
}
.toolbar_item.command_help.help{
    display: none;
}
input#email_field[type=email]{
    background: none repeat scroll 0 0 transparent;
    margin: 0 3px 0 0;
    padding: 0 10px;
    width: 200px;
    border: 1px solid #ACBCD7;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 1px 1px 3px #D7DFEC, -1px -1px 3px #D7DFEC;
    color: #666666;
    font-size: 12px;
    outline: medium none;
}
#right-col input#email_field[type=email]{
    margin-right: 10px;
}
input#email_field[type=email].error{
    border-color: red;
}

.post ul li{
    list-style: disc outside
}