* {margin: 0; padding: 0;}
HTML			{margin: 0px; padding: 0px; height: 100%; }
BODY			{padding: 0px; margin: 0; font-size: 62.5%; height: 100%;  font-family:Arial; background: url(img/background.gif) repeat-x; background-color: #F0F0F0; color: #000; line-height: 1.7em    }
IMG				{border: 0px; behavior: url(img/iepngfix.htc) }
P {font-size: 1.1em; margin-top: 15px}
a {color: #2180D0}
a:hover {text-decoration: none}
H1 {font-family: Tahoma, 'Myriad Pro', sans-serif; font-size: 3.4em; font-weight: 400; margin: 20px 0; line-height: 1.3em}
H2 {font-family: Tahoma, 'Myriad Pro', sans-serif; font-size: 2.2em; font-weight: 400; margin: 20px 0; line-height: 1.3em}

#QE_Toolbar {position: absolute; display: none}

.content {width: 990px; position: relative; margin: 10px auto;}
.menu { position: relative; height: 52px }
.menu a.logo {height: 54px; width: 118px; display: block; background: url(img/logo_menu.jpg) 0 -71px no-repeat;  float: left}
.menu a:hover.logo {background-position: 0 0;}
.menu a.about {height: 54px; width: 118px;  display: block; background: url(img/about.jpg) 0 -71px no-repeat;  float: left}
.menu a:hover.about {background-position: 0 0;}
.menu a.service {height: 54px; width: 117px;  display: block; background: url(img/service_menu.jpg) 0 -71px no-repeat;  float: left}
.menu a:hover.service{background-position: 0 0;}
.menu a.portfolio {height: 54px; width: 117px;  display: block; background: url(img/portfolio_menu.jpg) 0 -71px no-repeat;  float: left}
.menu a:hover.portfolio{background-position: 0 0;}
.menu a.seo {height: 54px; width: 117px;  display: block; background: url(img/seo_menu.jpg) 0 -71px no-repeat;  float: left}
.menu a:hover.seo{background-position: 0 0;}
.menu a.pod {height: 54px; width: 117px;  display: block; background: url(img/pod_menu.jpg) 0 -71px no-repeat;  float: left}
.menu a:hover.pod{background-position: 0 0;}
.menu a.online {height: 54px; width: 117px;  display: block; background: url(img/online_menu.jpg) 0 -71px no-repeat;  float: left}
.menu a:hover.online{background-position: 0 0;}
.menu a.contact {height: 54px; width: 160px;  display: block; background: url(img/contact_menu.jpg) 0 -71px no-repeat;  float: left}
.menu a:hover.contact, .menu a.active {background-position: 0 0;}

.center {width: 980px; height: 629px; position: relative; background: url(img/center.gif) no-repeat; font-family: Tahoma, 'Myriad Pro', sans-serif; font-size: 1.2em;}
.center .example { position: absolute; left: 30px; top: 570px}
.center .phone {position: absolute; top: 564px; left: 750px; line-height: 1.7em}
.center .phone span {font-size: 18px}

#thumbnail {overflow: auto; 	float: left; 	list-style: none; 	margin-top: 0px; position: absolute; left: 50px; top: -3px; width:  880px; 	margin-left: 16px; 	_margin-left: 8px;   padding:5px  5px }
#thumbnail li {	float: left; margin-left: 10px; padding-top: 10px 	}
#thumbnail a {	display: block; 	} 
.block3 #thumbnail  {top: -2px; }
.block3 #thumbnail li {padding-top: 15px}

.genius {width: 982px; background: url(img/genius_center.jpg) repeat-y; margin-top: 20px; position: relative;}
.top {height: 18px; width: 982px; position: relative; left: 0; top: 0px; background: url(img/top.gif) no-repeat; }
.genius .bottom2 {background: url(img/bottom_genius.jpg) bottom no-repeat; width: 982px;margin-top: 20px; min-height: 240px; _height: 240px}
.genius .item {width: 195px; padding: 10px 25px 0 25px;float: left;}
.head {font-size: 1.6em; font-family: Tahoma, 'Myriad Pro', sans-serif; color: #000; }
.head1 {font-size: 1.6em; font-family: Tahoma, 'Myriad Pro', sans-serif; color: #000; margin-left: 40px }



.footer {margin: 30px 0 0 0; padding-bottom: 20px; color: #999;  line-height: 2.4em; position: relative}
.footer .line {border-bottom: 1px solid #DEDEDE; font-size: 0; height: 1px;  width: 980px}
.footer span {padding-left: 25px}
.footer .count {position: absolute; right: 10px; top: 10px;}


.block{width: 982px; background: url(img/genius_center.jpg) repeat-y; margin-top: 20px; position: relative;}
.bottom {background: url(img/bottom.gif) bottom no-repeat; width: 982px; position: relative; bottom: -10px; height: 17px;}
.block .item {width: 195px; padding: 10px 22px 0 25px; float: left; position: relative}
.block .item .rub {position: relative; top: 1px}
.block .item .sait {position: relative; left: -8px; margin-top: 13px}
.block .item .pic {position: absolute; left: 25px; top: 5px}
.block .item p.ot {margin-left: 40px}

.block1{width: 982px; min-height: 240px; _height: 240px; background: url(img/block_background.gif) repeat-y; //margin-top: 20px; position: relative;}
.block3{width: 982px; min-height: 240px; _height: 240px; background: url(img/block_background.gif) repeat-y;  margin-top: 20px; //margin-top: 40px; position: relative;}
.block3  .example { position: absolute; left: 30px; top: 540px; font-size: 11px; font-weight: 700;  font-family: Tahoma, 'Myriad Pro', sans-serif; }

.centruem {text-align: center; width: 791px; position: relative; margin: 0 auto}
.centruem p {font-size: 1.8em; color: #56595B; font-family: Tahoma; line-height: 1.5em; margin: 40px 0px}


.block2{width: 791px; position: relative; margin: 0 auto; font-family: Tahoma;}
.block2 .item {width: 195px; padding: 10px 0px 0 0px; float: left; position: relative}
.block2 .head {font-size: 1.2em; font-weight: 700; font-family: Tahoma, 'Myriad Pro', sans-serif; color: #000; }
.block2  .sait {position: relative; padding: 5px; background: #fff; border: 1px solid #CACACA; margin-top: 20px}

.x3x3 {border: 0; width: 870px; margin-left: 40px }
.x3x3 p {font-family: Tahoma; margin-left: 55px; margin-top: 5px}
.x3x3 td {padding-right: 20px; padding-bottom: 20px}

form.orderpod {text-align: center}
.ruka { background: url(img/seo_background.jpg) no-repeat; width: 682px;  padding-left: 300px }
.ruka h1 {font-size: 3em; padding: 70px 0 }
.ruka p {width: 450px}
p.ot1 {position: relative; margin: 30px 0; left: -98px}
form.orderseo {position: relative; margin: 50px 0 20px 100px}

.line_seo {margin: 30px 0 30px 140px}

.seo4 {position: relative; margin-left: 300px; width: 450px; margin-top: 0}
.seo4-pic {position: absolute; left: -120px; top: 0}


.abouts { background: url(img/about_back.jpg) no-repeat; width: 402px;  padding-left: 580px; padding-top: 40px; min-height: 475px; _height: 475px  }
.abouts p {width: 350px; color: #666;}

.sroki { background: url(img/sroki.jpg) no-repeat; width: 402px;  padding-left: 580px;  height: 262px; padding-top: 20px;  color: #fff; margin-top: 30px }
.sroki p {width: 350px}


#tab { padding: 0px; position: relative;  font-size: 1.2em; line-height: 1.5em; color: #c4c4c4; width: 980px; height: 558px}
#tab .ui-tabs-nav { list-style: none; margin: 2px 0 0 40px; padding: 0;  position: relative; }
#tab .ui-tabs-panel {padding:  0;   display: block; border: 0; }
#tab .ui-tabs-hide { display: none !important; }
#tab  .ui-tabs-nav li.ui-tabs-selected {   background: url(img/strel.gif) center top no-repeat;    }
#tab  .ui-tabs-nav li.ui-tabs-selected a { border: none; margin: 0; padding: 0  }
#tab .ui-tabs-nav li a:focus, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:focus { outline: none; }
.block3 #tab {margin-left: 1px;top: -20px}

.item-service {position: relative; margin: 30px 30px 80px 140px; color: #666}
.item-service .back {position: absolute; left: -105px; top: -12px}
.item-service p {width: 320px; color: #666; }
.item-service .head {color: #333}
.item-service .otziv {background: url(img/otziv.jpg) no-repeat; width: 391px; height: 182px; position: absolute; left: 375px; top: -20px; padding: 20px 0 0 40px}


.stripViewer .panelContainer .panel ul {text-align: left; 	margin: 0 15px 0 0px; 	}
.slider-wrap { margin: 20px 0; 			position: relative; 	width: 100%;	}
.csw {width: 381px; height: 160px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}
.stripViewer { position: relative; overflow: hidden; 	margin: auto; 	width: 381px; height: 160px; 	clear: both; 				}
.stripViewer .panelContainer { 	position: relative; 			left: 0; top: 0; 			width: 381px; 			list-style-type: none;		}	
.stripViewer .panelContainer .panel { float:left; height: 100%; position: relative; width: 700px; 		}
.stripViewer .panelContainer .panel .wrapper {	padding: 10px;	}		
.stripNav { margin: auto; display: none	}		

.stripNavL, .stripNavR { position: absolute; 	top: 30px; 		text-indent: -9000em; 		}
.stripNavL a, .stripNavR a { 	display: block; 			height: 13px; 			width: 13px; 	}
.stripNavL { 	left: 360px; z-index: 10000 	}		
.stripNavR { 		left: 380px; 	}
.stripNavL { 	background: url("img/listalka-left.gif") no-repeat center; 		}
.stripNavR { 	background: url("img/listalka-right.gif") no-repeat center; 		}
			a:focus { outline:none }

.izb {width: 980px; background: url(img/izbr.jpg) repeat-x; height: 69px; position: absolute;  left: 1px; top: 520px}
.portfolio2 {position: relative; //margin-top: 40px;}

.item-job {width: 270px; height: 360px; background: url(img/ramka.gif) 30px top no-repeat; float: left; margin: 30px 20px 20px 0px; padding-left: 30px; color: #666}
.item-job .head {margin: 30px 0 10px 0; color: #666}
.item-job img {position: relative; margin: 9px; z-index: 10000}

.left_block { width: 400px; float: left; padding-left: 30px}

.right_block { margin-left: 500px; margin-right: 30px;}
.right_block p, .left_block p {padding-left: 10px; color: #666} 
.right_block h2 {color: #666; font-size: 32px; font-family: Tahoma; padding-left: 10px}
a.link {font-size: 18px; color: #2180D0; text-decoration: none; font-family: Tahoma;}
a:hover.link {text-decoration: underline} 
.left_block h1 {color: #000; font-size: 32px; font-family: Tahoma; padding-left: 10px}

.ordInp {width: 380px; height: 30px; background: url(/img/textfield.gif) no-repeat;}
.ordInp input { width: 365px; font-size: 11px; padding: 2px; border: 0; background: #fff; margin: 5px 0 0 5px;}
.ordInp select { width: 370px; font-size: 11px; padding: 2px; border: 0; background: #fff;  margin: 5px 0 0 5px;}

.ordHead {font-size: 1.1em; font-family: Tahoma; margin: 13px 0 5px 0}
.ordLeft {width: 440px}
.green {color: #00CC33}
.ordMain input {left: -5px; position: relative;}
.ordMain {font-size: 2.4em; font-family: Tahoma; position: relative; left: -25px; margin: 35px 0 10px 0; //margin-top: 20px }
.ordCheck {font-size: 11px; margin: 4px 30px 4px 30px; position: relative; padding-left: 0px;}
.ordCheck input {margin-right: 8px; position: absolute; left: -30px; top: 3px; //top:-2px;}
.ordTa {width: 382px; height: 106px; background: url(/img/textarea.gif) no-repeat;}
.ordTa textarea {width: 365px; font-size: 11px; height: 86px; padding: 2px; border: 0; background: #fff; margin: 7px 0 0 7px;}
.ordBudj {font-size: 11px; margin-top: 12px}
.ordBudj  .nn { margin-top: 5px; font-size: 1.1em; width: 380px; height: 60px; background: url(/img/textfield.gif)  no-repeat;}
.ordBudj  input{margin-top: 5px; width: 365px; font-size: 11px; padding: 2px; border: 0; background: #fff; margin: 5px 0 0 5px; }


.block4 {position: relative; width: 982px; height: 948px; background: url(img/contact-page.gif) no-repeat; margin-top: 15px; font-family: Tahoma; }
.block4 h1 {font-size: 40px; font-family: Tahoma;}
.block4 .adress {font-size: 28px; color: #000; line-height: 1.4em; margin: 25px 0}
.block4 .time, .block4 .mail {font-size: 18px; color: #56595B}
.block4 .line-2 {width: 600px; border-top: 1px solid #E5E5E5; padding-top: 25px}

.better {margin: 35px 35px 0 35px;  line-height: 1.5em;  padding-top: 25px; text-align: center; border-top: 1px solid #dedede; font-size: 2.4em; font-family: Myriad Pro, Tahoma;}
.better img {margin-top: 10px}

.lefts {position: absolute; left: 30px; top: 30px; font-size: 1.1em;}
.lefts a {padding-left: 30px; color: #000;}
.lefts .a {margin-top: 7px; margin-bottom: 30px}

.left-message {margin-left: 320px; width: 260px; float: left;}
.right-message {margin-left: 630px; width: 260px;}
.right-message p , .left-message p {font-size: 1.1em;}
.left-message h1 {font-size:  1.8em; }
.left-message h2, .right-message h2 {font-size:  1.8em; }
 .right-message  ul {list-style: decimal outside; margin-left: 20px;  font-size: 1.1em;}


 .block5{width: 980px; min-height: 240px; _height: 240px; background-color: #636568;  margin-top: 20px; position: relative;}
.block5  .example { position: absolute; left: 30px; top: 540px; font-size: 11px; font-weight: 700;  font-family: Tahoma, 'Myriad Pro', sans-serif; }
 .block5 .top2 {width: 980px; height: 38px; position: absolute; left: 0; top: 0; background: url(/img/clients/top-ugol.gif) no-repeat}
 .block5 .bottom2 {width: 980px; height: 38px; position: absolute; left: 0; bottom: -1px; background: url(/img/clients/bottom-ugol.gif) no-repeat}

.all-p {font-size: 1.6em; color: #FFF;  //margin-top: -20px; font-family: Tahoma; margin-bottom: 30px}
.all-p  sup {font-size:9px; //margin-top: -30px}

.item-client {position: relative; float: left; width: 230px; height: 192px; margin-top: 20px;}
.item-client img {}
.item-client div {color: #CCCCCC;  position: absolute; left: 7px; top: 152px; font-size: 1.1em; }

.item-client2 {position: relative; float: left; width: 230px; height: 200px; margin-top: 20px;}
.item-client2 img {width: 200px; height: 146px;}
.item-client2 div {color: #CCCCCC; font-size: 1.1em; margin-top: 0px; margin-left: 7px}
.listalka {width: 983px; height: 105px; background: url(/img/mini-logo/listalka-fon.gif) no-repeat; position: relative; margin-top: 20px;}




.jcarousel-skin-tango .jcarousel-container {   -moz-border-radius: 10px;   }
.jcarousel-skin-tango .jcarousel-container-horizontal {     width: 940px;     padding: 20px 10px 0 25px; }
.jcarousel-skin-tango .jcarousel-container-vertical {   padding: 40px 20px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 18px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  940px;
    height: 75px;
}



.jcarousel-skin-tango .jcarousel-item {

}

.listalka ul  {list-style: none; margin: 0px 0 0 18px; position: relative; top: 18px}
.listalka ul li {float: left; margin-right: 18px;}