html, body, div, span, applet, object, iframe, img, strong, form, label, tfoot, thead, b {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;  
  vertical-align: baseline;  
}

input[type=image] {border:0px;}
/* remember to define focus styles! */
:focus {
  outline: 0;
}

html {
  height:100%; /* fix height to 100% for IE */
  max-height:100%; /* fix height for other browsers */      
}

body {
  height:100%; /* fix height to 100% for IE */
  max-height:100%; /* fix height for other browsers */
  font-family: verdana,"Times New Roman",tahoma,arial,sans-serif,"Trebuchet MS";
  font-size:12px;
  color:#43474a;
  background: #cfd8d5 url("../images/background_body.gif") repeat-x;
  line-height: 1;
}

ul li {line-height: 15px;}

.clear {clear: both;overflow: hidden;height: 0px;}

h3 {font-size: 14px; margin: 14px 0px;}
p {line-height: 15px;}
/*=================================================================*/
.flex {position: relative;}
.flex img.topAbsolute {position: absolute;top:0px;left:0px;}
.customContact {margin: 0px; padding: 0px;}
.customContact a {text-decoration: none;}
.customContact a:hover {text-decoration: underline; color: #0063bb;} 
.customContact li {width: 150px; border-bottom: 1px solid #c1c1c1; padding: 7px 0px; list-style: none; margin: 0px;}
.customContact span {font: normal 12px Verdana; color: #0063bb;}
.customContact p {margin: 4px 0px 0px 20px; font: bold 11px Verdana; color: #575757;}
.customContact .noBorder {border-bottom: none;}
.linksHead {color: #0063bb; font: bold 16px "Trebuchet MS"; line-height: 32px; padding-left: 10px;}
.autor {font-style: italic;}
.bold {font-weight: bold;}
a.detailsLink {text-decoration: underline; color: #007de4;}
a.detailsLink:hover {text-decoration: none;}
span.newsDate {color: #000; font-size: 11px; font-weight: bold;}
div.dottedLine {height: 1px; overflow: hidden; font-size: 1px; background: url("../images/dotted_line.gif") repeat-x left top; width: 100%;}
.rightLinks {position: absolute; right: 0px; top: 50px; color: #0067c3;}
.rightLinks a {color: #0067c3; text-decoration: underline; font-size: 11px;}
.rightLinks a:hover {text-decoration: none;}
.newsTheme {color: #38778F; font-size: 16px;}

.leftList {float: left; width: 50%;}
/*.leftList ul {padding-left: 18px;}*/
.rightList {float: right; width: 50%;}
/*.rightList ul {padding-left: 18px;}*/

#wrapper {width: 980px; margin: 0px auto; padding-bottom: 20px;}

/*========HEADER========*/
#header {height: 145px;}
#header .logo {margin: 40px 0px 0px 20px; float: left; display: inline;}
#header .slogan {float: left; margin: 57px 0px 0px 55px; width: 440px; display: inline; font: normal 18px Tahoma; color: #474c50;}
#header .contactInfo {float: right; margin: 23px 20px 0px 0px; display: inline;}
/*========END HEADER========*/

/*========MENU========*/
#menu {height: 45px; margin-bottom: 2px;}
#menu.roundTop {background: url("../images/menu_right_corner.gif") no-repeat top right; position: relative; height: 45px;}
#menu.roundTop .border {background: url("../images/menu_back.gif") repeat-x; height: 45px; margin: 0px 4px 0px 0px; padding: 0px;} 
#menu.roundTop .border li {width: 115px; list-style: none; margin: 0px; padding: 0px; float: left; height: 45px; border-right: 1px solid #70b2ef; text-align: center;}
#menu.roundTop .border li a {font-weight: bold; color: #fff; text-decoration: none; display: inline-block; height: 29px; width: 115px; padding-top: 16px; display: block;}
#menu.roundTop .border li a:hover {background: url("../images/menu_back_li.gif") no-repeat;}
#menu.roundTop .border li a.selected {background: url("../images/menu_back_li.gif") no-repeat;}
#menu.roundTop .border li a.first {background: url("../images/menu_first.gif") no-repeat left top;}
#menu.roundTop .border li a.firstSelected {background: url("../images/menu_first_selected.gif") no-repeat left top;}
#menu.roundTop .border li a.first:hover {background: url("../images/menu_first_selected.gif") no-repeat left top;}
#menu.roundTop .border li img {margin-right: 12px;}
/*========END MENU========*/

/*========MENU========*/
#center .roundTop {background: url("../images/center_right_corner.gif") no-repeat top right; position: relative; height: 4px; overflow: hidden;}
#center .roundTop .border {background: url("../images/center_top.gif") repeat-x; height: 4px; margin: 0px 4px 0px 4px;} 
#center .roundBottom {background: url("../images/center_right_bottom_corner.gif") no-repeat top right; position: relative; height: 4px; overflow: hidden;}
#center .roundBottom .border {background: url("../images/center_bottom.gif") repeat-x; height: 4px; margin: 0px 4px 0px 4px;}

/*========CENTER========*/
#center .content {background-color: #fff; border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; padding: 13px 16px;}
#center .content .banner {margin-bottom: 30px; position: relative; /*height: 343px;*/ height: 210px; overflow: hidden;}
#center .content .banner img {position: absolute; left: 0px; top: 0px;}
#center .content .banner img.project {left: 403px; top: 57px;} 
#center .content .banner .tagline {position: absolute; left: 32px; top: 32px; width: 393px;}
#center .content .banner .tagline img {margin: 2px 0px; position: static;}
#center .content .banner .tagline p {font-weight: bold; font-style: italic; font-family: "Sans Serif", verdana; color: #000; line-height: 17px;}

#center .content .leftPart {width: 230px; float: left;}

#center .content .rightPart {float: right; width: 680px; position: relative;}
#center .content .rightPart h1 {font: normal 30px Verdana; color: #a95f1d; margin: 15px 0px;}
#center .content .rightPart .centerBlock {position: relative;}
#center .content .rightPart .makeBlock {background: url("../images/we_make.gif") no-repeat; height: 382px; width: 460px; padding: 10px 0px 0px 25px;}
#center .content .rightPart .makeBlock h3 {color: #0067c3; font: normal 48px Verdana; margin: 0px 0px 25px;}
#center .content .rightPart .makeBlock ul {padding: 0px; margin: 0px;}
#center .content .rightPart .makeBlock ul li {list-style: none; background: url("../images/right_make_li.gif") no-repeat top left; padding: 0px 0px 6px 15px;}
#center .content .rightPart .lastProject {width: 300px; position: absolute; right: 0px; top: 60px;}
#center .content .rightPart .lastProject .topProject {background: url("../images/project_block_top.png") no-repeat; height: 35px;}
#center .content .rightPart .lastProject .centerProject {background-color: #fff; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3;}
#center .content .rightPart .lastProject .centerProject .blockProject {width: 255px; border-bottom: 1px solid #e3e5e9; height: 75px; margin: 0px auto; padding-top: 15px;}
#center .content .rightPart .lastProject .centerProject .blockProject img {float: left;}
#center .content .rightPart .lastProject .centerProject .blockProject p {margin: 0px 0px 0px 85px;}
#center .content .rightPart .lastProject .centerProject .blockProject .title {font-weight: bold;}
#center .content .rightPart .lastProject .centerProject .blockProject .title a {color: #43474A; text-decoration: none;}
#center .content .rightPart .lastProject .centerProject .blockProject .title a:hover {text-decoration: underline;}
#center .content .rightPart .lastProject .centerProject .noBorder {border-bottom: none;}
#center .content .rightPart .lastProject .bottomProject {background: url("../images/project_block_bottom.png") no-repeat; height: 5px;}
#center .content .createSite {background: url("../images/backgound_create_site.gif") no-repeat; height: 85px;}

/*========We Use========*/
#weUse {background: url("../images/we_use_back.gif") no-repeat; height: 104px; padding: 0px 0px 0px 25px;}
#weUse h2 {text-transform: uppercase; color: #0067C3; padding: 7px 0px 5px 0px; margin: 0px; font-size: 18px; font-weight: bold;}
/*========END We Use BLOCK======*/

.rightPart p {line-height: 15px; margin: 12px 0px;}
.rightPart p.detailProject {margin-top: 0px;}
.rightPart .testimonialBlock p {margin-bottom: 0px;}

#blockSlider {height: 132px; width: 485px; overflow: hidden; margin-bottom: 20px;}
#blockSlider ul.sliderContent {padding: 0px; margin: 0px; list-style: none;}
#blockSlider ul.sliderContent li {height: 132px;}
#blockSlider ul.sliderContent h3 {margin: 0px 0px 12px 0px;}
#submenu.sliderNavigator {float: right; width: 170px; margin: 0px; position: relative; background: url("../images/vertical_dotted.gif") repeat-y left top; padding: 3px 0px; border: 0px;}
#submenu.sliderNavigator li {border: 0px; padding-left: 10px; padding-bottom: 0px; margin-bottom: 16px; position: static; background: none;}
#submenu.sliderNavigator li.last {margin-bottom: 0px;}
#submenu.sliderNavigator #pointSlider {position: absolute; top: 4px; left: -4px;}

/*========LAST NEWS BLOCK======*/
#news {margin-bottom: 40px;}
#news .newsHead {background: url("../images/company_news.gif") no-repeat; height: 33px;}
#news .newsBlock {margin: 15px 0px 0px 15px;}
#news .newsBlock p.date {font: normal 11px Verdana; color: #000; margin: 0px;}
#news .newsBlock p.theme {margin: 0px; position: relative;}
#news .newsBlock p.theme a {font: bold 12px Verdana; color: #ff7805; text-decoration: none;}
#news .newsBlock p.theme a:hover {text-decoration: underline;}
#news .newsBlock p.theme img {position: absolute; top: 1px; left: -13px; cursor: pointer;}
#news .newsBlock p.description {margin: 10px 0px;}
#news .newsBlock .bottomBorder {height: 1px; background-color: #afb3b6; margin-top: 15px; overflow: hidden;}
/*========END LAST NEWS BLOCK======*/

/*========LAST REFERENCES BLOCK======*/
#lastReference .referenceTheme {font: bold 14px Verdana; margin: 0px 0px 10px 0px;}
#lastReference .viewAllLink {float: right;}
#lastReference .viewAllLink a {font-size: 12px; color: #0067c3; text-decoration: underline; font-weight: normal;}
#lastReference .viewAllLink a:hover {text-decoration: none;}
#lastReference .topReference {background: url("../images/reference_top.gif") no-repeat; height: 5px; overflow: hidden;}
#lastReference .centerReference {background: url("../images/reference_center.gif") repeat-y; color: #fff; padding: 15px; line-height: 14px;}
#lastReference .bottomReference {background: url("../images/reference_bottom.gif") no-repeat; height: 24px;}
#lastReference .topReferenceWhite {background: url("../images/reference_top_white.gif") no-repeat; height: 5px; overflow: hidden;}
#lastReference .centerReferenceWhite {background: url("../images/reference_center_white.gif") repeat-y; color: #5b5b5b; padding: 15px; line-height: 14px;}
#lastReference .bottomReferenceWhite {background: url("../images/reference_bottom_white.gif") no-repeat; height: 25px;}
/*========END LAST REFERENCES BLOCK======*/

/*========LIST PROJECTS========*/
.projectInfoBlock h2 {margin-top: 0px;}
.projectInfoBlock h2 a {font-size: 14px; color: #38778f; text-decoration: underline;}
.projectInfoBlock h2 a:hover {text-decoration: none;}
.projectInfoBlock .url {color: #0067c3; font-size: 11px;}
.projectInfoBlock p.detailProject img {margin-right: 5px;}
.projectInfoBlock p.detailProject a {font-size: 11px;}

.projectInfoBlock .standartInfo {width: 230px;}

.listProjects {margin: 0px; padding: 0px; }
.listProjects li {list-style: none; position: relative; margin: 12px 0px 20px 0px; width: 680px;}
.listProjects .imageBlock {width: 195px; height: 180px; float: left; border: 1px solid #b5b5b5; margin-bottom: 10px;}
.listProjects .imageBlock td {text-align: center; vertical-align: middle;}
.listProjects .projectInfoBlock { float: left; margin-left: 20px; display: inline; width: 465px;}
.projectContent {margin-top: 15px;}
#projectImages {float: right; margin: 0px 0px 10px 10px; width: 410px;}
/*preload classes*/ 
.svw {background: #fff;} 
.svw ul {position: relative; left: -999em;}
.ldrgif {padding: 3px 22px; background: url("../images/loading.gif") no-repeat left center;}
.ldrgif img {vertical-align: middle;}
 
/*core classes*/ 
.stripViewer {position: relative; overflow: hidden; border: 0px solid #ff0000; margin: 0 0 15px 0; width: auto; height: 100px;} 
.stripViewer ul {margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none;} 
.stripViewer ul li {float: left;}

.paginator {overflow: auto; position: relative; margin: 0px auto; overflow: hidden;}
.paginator .innerDiv {float: right; right: 50%; width: auto; position: relative;}
.paginator ul {margin: 0; padding: 0; position: relative; list-style: none; float: none!important; float: left; right: -50%;} 
.paginator ul li {width: 12px; height: 26px; float: left; background: url("../images/point.gif") no-repeat center center;}
.paginator ul li.current {background: url("../images/point_curr.gif") no-repeat center center;}

.paginator ul li.prev,
.paginator ul li.next {width: 26px; height: 26px;}

.paginator ul li.leaf a,
.paginator ul li.prev a,
.paginator ul li.next a {text-decoration: none; display: block; height: 100%;}

.paginator ul li.prev {background: url("../images/arrows_paging.gif") no-repeat left top; cursor: pointer; margin-right: 38px;}
.paginator ul li.prevStop {background: url("../images/arrows_paging.gif") no-repeat left -26px; cursor: auto;}
.paginator ul li.next {background: url("../images/arrows_paging.gif") no-repeat right top; cursor: pointer; margin-left: 38px;}
.paginator ul li.nextStop {background: url("../images/arrows_paging.gif") no-repeat right -26px; cursor: auto;}

#projectImages .paginator {width: 1%;}
#stripTransmitter0 ul li.leaf {cursor: pointer;}  
/*========END LIST PROJECTS========*/

/*========LIST SERVICES========*/
ul.listServices {margin: 0px; padding: 0px; list-style: none;}
.listServices li {margin-bottom: 10px;}
.listServices .titleService img {float: left;}
.listServices .titleService .infoService {float: left; margin-left: 10px; display: inline;}
.listServices .titleService .infoService h2 {color: #38778f; font-size: 18px; margin: 0px;}
.listServices .titleService .infoService h3 {color: #6d6d6d; font-size: 12px; margin: 6px 0px;}
/*========END LIST SERVICES========*/

/*========LIST REVIEWS========*/
.listReviews {margin: 0px; padding: 0px; *height: 1%;}
.listReviews li {width: 290px; float: left; list-style: none; margin-right: 50px; display: inline;}
.listReviews p {font-size: 11px; margin: 0px 0px 11px 0px; }
/*========END LIST REVIEWS========*/

/*========TESTIMONIALS LIST===========*/
#testimonialsList {margin-top: 20px;}
#testimonialsList .testimonialBlock {margin-bottom: 30px; position: relative;}
#testimonialsList .testimonialBlock .topTestimonial {background: url("../images/top_testimonials.gif") no-repeat; height: 2px; overflow: hidden;}
#testimonialsList .testimonialBlock .centerTestimonial {background: url("../images/center_testimonials.gif") repeat-y; padding: 10px;}
#testimonialsList .testimonialBlock .bottomTestimonial {background: url("../images/bottom_testimonials.gif") no-repeat; height: 11px; overflow: hidden;}
#testimonialsList .testimonialBlock .date {margin-top: 0px; width: 113px; height: 17px; background-color: #7d7d7d; color: #fff; font: normal 10px Verdana; line-height: 20px; text-align: center;}
#testimonialsList .testimonialBlock .view {position: absolute; left: 140px; top: 15px;}
#testimonialsList .testimonialBlock .view a {color: #0573ca; font: normal 11px Verdana; text-decoration: underline;}
/*========END TESTIMONIALS LIST===========*/

/*========SERVICES===========*/
.services h2 {font-size: 24px; color: #a95f1d; font-weight: normal;} 
.services .servicesInfo {margin: 0px; padding: 0px;}
.services .servicesInfo li {list-style: none; margin-bottom: 25px;}
.services .servicesInfo li .leftBlock {width: 460px; float: left;}
.services .servicesInfo li .leftBlock h3 {color: #38778f; font-size: 18px; margin: 0px;}
.services .servicesInfo li .leftBlock p {margin: 0px;}
.services .servicesInfo li .leftBlock .title {font-size: 11px; font-weight: bold; margin-top: 10px}
.services .servicesInfo li .rightBlock {float: right;}
/*========END SERVICES=======*/

/*========NEWS===========*/
.newsContent img {float: right; margin: 0px 0px 10px 10px;}
.newsContent p {line-height: 15px; text-align: justify;}
/*========END NEWS=======*/

/*========CONTACT===========*/
.contacts {margin-top: 20px;}
.contacts .title {color: #0063bb; font-weight: bold; margin: 0px;}
.contacts .topMargin {margin-top: 5px;}
.contacts .leftSide {width: 260px; float: left;}
.contacts .leftSide ul {margin: 0px; padding: 0px;}
.contacts .leftSide ul li {list-style: none; margin-bottom: 20px;}
.contacts .leftSide ul li span {margin-left: 5px;}
.contacts .leftSide ul li a {text-decoration: none; color: #000;}
.contacts .leftSide ul li a:hover {text-decoration: underline;}
.contacts .leftSide ul li .skype {color: #0063bb; text-decoration: none;}
.contacts .leftSide ul li .skype:hover {text-decoration: underline;}
.contacts .leftSide ul li p {margin: 2px 0px 0px 22px;}
.contacts .rightSide {width: 320px; float: right;}

.contacts .dateClockBlock {width: 186px;}
.contacts .dateClockBlock p {text-align: center;}
#center .contacts p.clockTitle {color: #A95F1D; font-size: 24px; margin-bottom: 5px; line-height: 25px;}

.contacts p.date {margin: 5px 0px; color: #575757; font-size: 18px; line-height: 19px;}
.contacts .clock {position: relative;}
.contacts .clock div {position: absolute; top: 20px; left: 10px; font-size: 60px;}
.contacts .clock #minute {left: 100px;}

#contactInfo {margin-top: 10px;}
.inputRow {padding: 0px 0px 20px 0px; position: relative;}
.inputRow label {display:inline-block;display: -moz-inline-box;*display:inline-block;width: 100px;line-height: 18px;vertical-align: top;}
.inputRow input.error {border: 1px solid #E80903;}
.inputRow textarea.error {border: 1px solid #E80903;}
.inputRow label.error {width:auto;display: block;color:#E80903;position: absolute;top:35px;left: 0px;}
.inputRow input {border: 1px solid #c4c4c3;background-color: #fff;width: 315px;}
.inputRow textarea {border: 1px solid #c4c4c3;background-color: #fff;width: 315px;height: 100px}
.textareaRow label.error {top:120px;}
/*========END CONTACT=======*/

/*========STAGES========*/

.stepsStages {margin: 10px 20px 0px 20px; padding: 0px;}
.stepsStages li {list-style: none; width: 620px;}
.titleSteps {padding: 0px 0px 0px 20px;}
.titleSteps .icon {float: left; margin-right: 10px; display: inline; position: relative;}
.titleSteps img {position: relative;}
.titleSteps span {color: #fff; font-size: 26px; position: absolute; left: 11px; top: 5px;}
.titleSteps h3 {margin: 0px; color: #1b5dac; font-size: 24px; font-weight: normal; padding: 7px 0px;}

.stepsStages .dottedLine {margin: 15px 0px;}
.infoSteps .infoStepsLeft {width: 185px; float: left; margin: 0px; color: #545454; font-size: 11px; font-weight: bold;}
.infoSteps .infoStepsRight {width: 430px; float: left; margin: 0px; font-size: 11px;}
/*========END STAGES========*/
.infoAbout {margin-top: 12px;}
.infoAbout h2 {font-size: 22px; color: #2b7bd0;}
.listImageAbout {margin: 0px; padding: 0px; width: 300px; float: right; margin: 0px 0px 12px 12px;}
.listImageAbout li {list-style: none; margin-bottom: 10px;}
.listImageAbout li img {border: 1px solid #b7b7b7;}
.listImageAbout #gallery li img {border: 0px;}
/*========END CENTER========*/

/*========FOOTER========*/
#footer {background-color: #384957; height: 190px;}
#footer .leftInfo {float: left; margin-left: 20px; display: inline;}
#footer .leftInfo .adress {margin: 46px 0px 0px 0px;}
#footer .leftInfo .adress a {display: block; float: left;}
#footer .leftInfo .adress p {float: left; width: 194px; font-size: 11px; color: #c1ccd7; margin: 0px; line-height: 14px; margin-left: 5px; display: inline;}
#footer .leftInfo .copyRight {margin: 10px 0px; color: #fff;}
#footer .rightInfo {float: right; margin: 27px 20px 0px 0px; display: inline; width: 150px;}
#footer .rightInfo .contactForm p {font: bold 11px Verdana; color: #fff; width: 85px; float: left; margin: 2px 5px 10px 0px;}
#footer .rightInfo .contactForm p a {text-decoration: none; color: #fff;}
#footer .rightInfo .contactForm p a:hover {text-decoration: underline;}
#footer .rightInfo .customContact span {color: #e2e2e2;}
#footer .rightInfo .customContact a {text-decoration: none;}
#footer .rightInfo .customContact a:hover {text-decoration: underline; color: #e2e2e2;}
#footer .rightInfo .customContact p {color: #fff;}
.navigator {padding: 30px 0px 0px 0px; margin: 0px; color: #c1ccd7; list-style: none; height: 14px;}
.navigator li {float: left;}
.navigator li a {color: #c1ccd7; text-decoration: underline;}
/*========END FOOTER========*/

/*========SUBMENU========*/
#submenu {/*padding: 10px 10px 0px 10px;*/ padding: 0px; margin: 0px 0px; list-style: none; border: 1px solid #dfdfdf; border-width: 0px 1px 0px 1px;}
#submenu li {/*margin: 0px 0px 10px 0px;*/ margin: 0px; padding: 5px 0px 5px 30px; border-bottom: 1px solid #e5e5e5; position: relative; *height: 1%; background: url("../images/submenu_li_back.gif") repeat-x;}
#submenu li img {position: absolute; top: 5px; left: 5px;}
#submenu li.last {border: 0px; margin-bottom: 0px;}
#submenu a {text-decoration: none; font-weight: bold; color: #424242;}
#submenu a:hover,
#submenu a.selected {color: #a15e23;}
#submenu p {color: #999999; font-size: 10px; margin: 4px 0px 0px 0px;}
#submenuBorder {margin-bottom: 20px; padding: 7px 0px 0px 0px; background: url("../images/submenu_top.gif") no-repeat;}
#submenuBorder .borderBottom {background: url("../images/submenu_bottom.gif") no-repeat; height: 7px; overflow: hidden;}
/*========END SUBMENU========*/

/*========BREADCRUMB========*/
.breadCrumb {padding: 0px; margin: 0px;}
.breadCrumb li {list-style: none; float: left;}
.breadCrumb li a {color: #666666; text-decoration: underline; font: normal 11px Verdana;}
.breadCrumb .selected a {font: bold 11px Verdana; text-decoration: none;}
/*========END BREADCRUMB========*/

/*=========================================================================================*/