@charset "windows-1251";
/* CSS Document */

html, body {
   	margin: 0px;
 	padding: 0px;
   	height: 100%;
	min-width: 1000px; 
	margin:0;
	width: expression((documentElement.clientWidth||document.body.clientWidth) < 1000 ? '1000px' : '');
	font-family: Tahoma;
	font-size: 13px;
}

#twitter, #russian { position: absolute; }
#twitter { width: 33px; height: 39px; right: 0px; top: 91px; }
#russian { font-size: 0px; }

#russian { width: 79px; height: 14px; top: -80px; left: -71px; }

#centr {
	position: relative;
	float: left;
	width: 1280px;
}

a.faqraquo:link { color: #6a4220; text-decoration: underline; }
a.faqraquo:visited { color: #6a4220; text-decoration: underline; }
a.faqraquo:hover { color: #6a4220; text-decoration: underline; }

body {
	background: url(../images/head_R.jpg) top right no-repeat;
}

div {
	margin: 0px;
	padding: 0px;
}

a img {
	border: none;
}

* {
	outline: none;
}

#header, .clear130, #lineMenu, #content, #contentSecondVariant, #contentPeoplesVariant, #contentSV, #contentThirdVariant, .div100, .clear30, .clear15, .clear35, .divServices, .callUs, .clear50, .clear25, .clear80, .clear10, .clear5, .clear20, .divH, .divm30, .div47, .clear1 {
	position: relative;
	float: left;
	width: 100%;
}

.clear30, .clear15, .clear10, .clear5 {
	font-size: 0px;
}

#main {
	width: expression((documentElement.clientWidth||document.body.clientWidth) > 1280 ? '1280px' : '');
	max-width: 1280px;
	min-height: 100%;
   	height: auto !important;
   	height: 100%;
}

#bigMain {
	position: relative;
	float: left;
	width: 100%;
	background: url(../images/head_L.jpg) top left no-repeat #fff;
	min-height: 100%;
   	height: auto !important;
}

/*---------------- = CLEARS = -----------------*/
.clear130 { height: 130px; }
.clear80 { height: 80px; }
.clear50 { height: 50px; }
.clear35 { height: 35px; }
.clear30 { height: 30px; }
.clear25 { height: 25px; }
.clear20 { height: 20px; }
.clear15 { height: 15px; }
.clear10 { height: 10px; }
.clear5 { height: 5px; }
.clear1 { height: 1px; font-size: 0px; }
/*---------------------------------------------*/
/*---------------- = SPANS = -----------------*/
.span_1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; }
.span_2 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; margin-left: 75px; }
.span_3 { font-family: "Times New Roman", Times, serif !important; font-size: 35px !important; }
.span_4 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 28px; margin-left: 58px; color: #552700; }
.span_5 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 24px; margin-left: 99px; }
.span_6 { font-family: Tahoma; font-size: 11px; }
.span_7 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 28px; color: #552700; }
.span_8 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 35px; }
.span_9 { font-size: 10px; color: #999999; }
.span10 { font-size: 10px; }
.divH h3 { font-weight: normal !important; text-decoration: underline; }
.divH a h3 { font-weight: normal !important; text-decoration: underline; }
.divH h1 { font-weight: normal !important; font-size: 17px !important; }
strong { font-weight: normal !important; font-size: 17px !important; }
.f17 { font-size: 17px !important; }
/*---------------------------------------------*/
/* HEADER
===============================================*/
#header {
   	height: 200px;
}

#logo {
	position: absolute;
	width: 166px;
	height: 53px;
	left: 59px;
	top: 37px;
	z-index: 2;
}

#contacts {
	position: absolute;
	width: 145px;
	height: 30px;
	left: 240px;
	top: 50px;
	background: url(../images/contacts.png);
	background-repeat: no-repeat;
}


#rightWall {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 200px;
	width: 152px;
	background: url(../images/head_R.jpg);
	background-repeat: no-repeat;
	
}

#vseOK { position: absolute; width: 632px; height: 90px; top: 0px; right: 75px; background: url(../images/all_tyrned_out.gif); background-repeat: no-repeat; }
#vseOK_de { position: absolute; width: 609px; height: 89px; top: 0px; right: 90px; background: url(../images_de/all_tyrned_out.gif); background-repeat: no-repeat; }
#lomaemSaity, #lomaemSaity_de { position:  absolute; width: 233px; height: 72px; top: -25px; left: 0px; }
#lomaemSaity { background: url(../images/lomaem.png); background-repeat: no-repeat; }
#lomaemSaity_de { background: url(../images_de/lomaem.png); background-repeat: no-repeat; }

#lomaemTxt {
	position: relative;
	width: 222px;
	height: 30px;		
}

.clear105 {
	height: 105px;
}

#lineMenu {
	height: 30px;
}

#menuL {
	position: absolute;
	width: 26px;
	height: 30px;
	left: 0px;
	top: 0px;
	background: url(../images/menu_L.jpg);
	background-repeat: no-repeat;
}

#predMenuL {
	position: absolute;
	width: 1000px;
	left: -1000px;
	height: 30px;
	top: 0px;
	background-color: #542700;
}

#nextMenuR {
	position: absolute;
	width: 1000px;
	left: 20px;
	top: 0px;
	height: 30px;
	background-color: #542700;
}

#menuR {
	position: absolute;
	width: 27px;
	height: 30px;
	right: 0px;
	top: 0px;
	background: url(../images/menu_R.jpg);
	background-repeat: no-repeat;
	overflow: visible;
}

#lineMenu table, #lineMenu td {
	border: none !important;
}
/*---------------------------------------------*/
/*---------------- = CONTENT = -----------------*/
#content {
   	padding: 0 0 168px;
}

#contentSecondVariant { padding: 0 0 108px; }
#contentPeoplesVariant { padding: 0 0 148px; }
#contentSV { padding: 0 0 68px; }


#contentThirdVariant {
   	padding: 0 0 148px;
}

.padTD {
	padding: 30px 30px 0px 30px;
	font-family: Tahoma;
	font-size: 18px;
}

.divServices table, .divServices td {
	border: solid white 1px !important;
}

.serviceNumber {
	position: absolute;
	top: 33px;
	width: 30px;
	overflow: visible;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 40px;
	font-weight: bold;
}

#serviceNumber1 { left: 12px; }
#serviceNumber2 { left: 15px; }
#serviceNumber3 { left: 8px; }
#serviceNumber4 { left: 5px; }

.winService {
	position: absolute;
	width: 11px;
	height: 8px;
	top: -1px;
	left: 25px;
}

.serviceNumber a:link { color: black; text-decoration: underline; }
.serviceNumber a:visited { color: black; text-decoration: underline; }
.serviceNumber a:hover { color: black; text-decoration: none; }

.callUs {
	padding-left: 99px;
}

.company { font-size: 20px; text-decoration: none; }
a.company:link { color: #552700; }
a.company:visited { color: #552700; }
a.company:hover { color: #552700; }

.infoBlog { font-family: Trebuchet MS; font-size: 13px; font-weight: bold; }
a.infoBlog:link { color: #000000; text-decoration: none; }
a.infoBlog:visited { color: #000000; text-decoration: none; }
a.infoBlog:hover { color: #000000; text-decoration: underline; }

.faq { font-family: Trebuchet MS; font-size: 13px; font-style: italic; }
a.faq:link { color: #000000; text-decoration: none; }
a.faq:visited { color: #000000; text-decoration: none; }
a.faq:hover { color: #000000; text-decoration: underline; }

.allProj { font-size: 13px; }
a.allProj { color: #552700; text-decoration: underline; }
a.allProj:hover { color: #552700; text-decoration: none; }
a.blogTitle { color: #552700; font-size: 17px !important; text-decoration: underline; }
a.blogTitle:hover { text-decoration: none; }
a.whiteLnk { color: #ffffff; }

#sitemap { position: absolute; width: 49px; height: 11px; right: 40px; top: 9px; z-index: 300; }

.div430 {
	position: relative;
	float: left;
	left: 99px;
	width: 430px;
}

.div130 {
	position: relative;
	float: left;
	left: 130px;
	width: 400px;
	font-size: 17px;
	clear: both;
	padding-top: 4px;
}

.liNum {
	position: absolute;
	width: 15px;
	left: -12px;
	top: 7px;
	height: 15px;
	font-weight: bold;
	font-size: 10px;
}

.div57 {
	position: relative;
	float: left;
	left: 57px;
}

.div250 {
	position: relative;
	width: 300px;
	float: left;
	left: 50px;
	font-size: 13px;
}

.vpech {
	position: absolute;
	width: 130px;
	height: 15px;
	left: 0px;
	top: -30px;
}

.div555 {
	position: relative;
	float: left;
	padding-right: 125px;
	left: 50px;
}

.finput, .ftextarea, .fin1 { padding-left: 98px; margin-bottom: 10px;}
.finput input, .ftextarea textarea, .fsubmit, .fgosubmit, .fin1 input, .fin2 input {border: 0px; margin: 0px; padding: 0px; background: none; font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 13px;}
.finput {background: url(../images/i_input.jpg) top left no-repeat; height: 20px; padding-top: 5px; padding-bottom: 5px;}
.fin2 {background: url(../images/z2.jpg) top left no-repeat; height: 20px; padding-top: 5px; padding-bottom: 5px;}
.fsubmit {background: url(../images/i_submit.jpg) top left no-repeat; height: 20px; padding-top: 5px; padding-bottom: 5px;}
.fgosubmit {background: url(../images/go.jpg) top left no-repeat; height: 20px; padding-top: 5px; padding-bottom: 5px;}
.finput input {height: 20px; width: 290px;}
.fin1 input {height: 20px; width: 290px;}
.fsubmit {height: 30px; width: 240px;}
.fgosubmit {height: 30px; width: 145px;}
.ftextareaPred {position: absolute; width: 1000px; left: -1000px; top: 0px; height: 160px; background: url(../images/textareaBg.jpg); background-repeat: repeat-x;}
.finputPred {position: absolute; width: 1000px; left: -1000px; top: 0px; height: 30px; background: url(../images/finputPred.jpg); background-repeat: repeat-x;}

.ftextarea {background: url(../images/i_textarea.jpg) top left no-repeat; height: 150px; padding-top: 5px; padding-bottom: 5px;}
.ftextarea textarea {width: 427px; height: 150px; overflow: auto;}
.finputRight, .ftextareaRight { padding-right: 18px; margin-bottom: 10px;}
.finputRight input, .ftextareaRight textarea, .fsubmitRight { border: 0px; margin: 0px; padding: 0px; background: none; font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 13px; }
.finputRight { background: url(../images/textRight.jpg) top right no-repeat; height: 20px; padding-top: 5px; padding-bottom: 5px; }
.finputRight input { height: 20px; width: 290px; }
.ftextareaRight { background: url(../images/textareaRight.jpg) top right no-repeat; height: 150px; padding-top: 5px; padding-bottom: 5px;}
.ftextareaRight textarea {width: 295px; height: 150px; overflow: auto; }
.finputNext {position: absolute; width: 1000px; left: 290px; top: 0px; height: 30px; background: url(../images/inputNext.jpg); background-repeat: repeat-x;}
.finputNextSend {position: absolute; width: 1000px; left: 370px; top: 0px; height: 30px; background: url(../images/textareaNextSend.jpg); background-repeat: repeat-x;}
.ftextareaNext {position: absolute; width: 1000px; left: 290px; top: 0px; height: 160px; background: url(../images/textareaNext.jpg); background-repeat: repeat-x;}
/*---------------------------------------------*/
/*---------------- = RIGHT CONTENT = ----------*/
.cl, .ye, .stAr, .stArGray {
	height: 30px;
	font-family: Tahoma;
	font-size: 11px;
}

.cl {
	width: 30px;
}

.ye {
	width: 90px;
	vertical-align: top;
}

.stAr, .stArGray {
	padding-left: 10px;
	padding-right: 15px;
    vertical-align: top;
	padding-top: 8px;
}

.stArGray { color: #999999; }

.howManyProjects {
	padding-left: 10px;
	vertical-align: middle;
	text-align: left;
}

.brickOrangeAll {	
	background: url(../images/brick_1.jpg);
	background-repeat: no-repeat;
	color: black;
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
}

.brickGrayAll { background: url(../images/brick_3.jpg); background-repeat: repeat-x; color: black; font-size: 10px; text-align: center; }
.blogCount { position: absolute; width: 30px; height: 12px; top: 8px; right: -30px; }

.brickOrange {	
	background: url(../images/brick_1.jpg);
	background-repeat: no-repeat;
	color: black;
}

.brickBrown {	
	background: url(../images/brick_2.jpg);
	background-repeat: no-repeat;
	color: white;
}

.brickGray {	
	background: url(../images/brick_3.jpg);
	background-repeat: no-repeat;
	color: black;
}

.brickOrange, .brickGray, .brickBrown { 
	width: 90px;
	height: 30px;
	font-size: 10px; 
	text-align: center; 
	padding-top: 8px;
}

#divBe {
	position: relative;
	float: left;
	width: 310px;
	left: 23px;
}

.nam {
	padding-left: 30px;
}

.divName {
	margin-top: 14px;
}

.divWhoIs {
	padding-left: 47px;
	font-size: 11px;
}

.brick {
	position: relative;
	float: left;
	height: 30px;
	font-weight: bold;
	padding: 0 17px 0 17px;
	background: url(../images/pix.jpg);
	font-size: 10px;
}

#attention {
	position: absolute;
	width: 81px;
	height: 45px;
	left: -99px;
	top: 0px;
	background: url(../images/attention.gif);
	background-repeat: no-repeat;
}

a.infoSit:link { color: #552700; text-decoration: underline; }
a.infoSit:visited { color: #552700; text-decoration: underline; }
a.infoSit:hover { color: #552700; text-decoration: none; }
a.infoSitBlog { color: #552700; text-decoration: underline; font-size: 10px !important; line-height: 150%; }
a.infoSitBlog:hover { text-decoration: none; }

a.infoSitS { color: #552700; text-decoration: underline; font-size: 12px; font-weight: normal; }
a.infoSitS:hover { text-decoration: none; }

.kratki a:link { color: #552700; text-decoration: underline; }
.kratki a:visited { color: #552700; text-decoration: underline; }
.kratki a:hover { color: #552700; text-decoration: none; }

.div70 {
	position: relative;
	float: left;
	left: 70px;
}

.icq { font-size: 12px; }

.div315 {
	position: relative;
	float: left;
	width: 315px;
	left: 30px;
	font-size: 11px;
}

.smallNumbers { font-size: 10px; }
/*---------------------------------------------*/
/*---------------- = FOOTER = -----------------*/
#footer {
	position: relative;
	float: left;
   	height: 168px;
   	width: 100%;
   	float: left;
   	margin: -168px auto 0;
	overflow: hidden;
}

#footerSecondVariant {
	position: relative;
	float: left;
   	height: 0px;
   	width: 100%;
   	float: left;
   	margin: 0px auto 0;
	overflow: visible;
	font-size: 0px;
}

#footerPeoplesVariant {
	position: relative;
	float: left;
   	height: 0px;
   	width: 100%;
   	float: left;
   	margin: 0px auto 0;
	overflow: visible;
	font-size: 0px;
}

#footerThirdVariant {
	position: relative;
	float: left;
   	height: 0px;
   	width: 100%;
   	float: left;
   	margin: 0px auto 0;
	overflow: visible;
	font-size: 0px;
}

#dimension {
	position: absolute;
	width: 403px;
	height: 148px;
	right: 180px;
	top: 20px;
}

#dimensionSecond {
	position: absolute;
	width: 403px;
	height: 148px;
	right: 180px;
	top: -148px;
	font-size: 0px;
}

#dimensionThird {
	position: absolute;
	width: 403px;
	height: 130px;
	right: 180px;
	top: -148px;
	font-size: 0px;
}
/*---------------------------------------------*/

.pic {
	position: relative;
	float: left;
	width: 105px;
	height: 75px;
}

.rama {
	position: absolute;
	width: 105px;
	left: 0px;
	top: 0px;
	height: 75px;
	background: url(../images/ram_smb.png);
}

.ramaSel {
	position: absolute;
	width: 105px;
	left: 0px;
	top: 0px;
	height: 75px;
	background: url(../images/ram_sel.png);
}

#tooltip {
	display:none;
	background:url(../jtools/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
}

#gallery .disabled {
	visibility:visible !important;
}

#gallery .inactive {
	visibility:hidden !important;
}

.shortTxtDiv { height: 75px !important; overflow: hidden; margin-right: -40px; }
.countDiv { position: absolute; width: 50px; height: 15px; top: 5px; right: 30px; }
.vsegoA { color: #552700; font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 13px; text-decoration: none; cursor: pointer; }
.div1 { height: 75px !important; width: 100%; position: relative; overflow: hidden; }
.div2 { position: relative; height: 75px !important; float: right; overflow: hidden; }
.div5 { position: relative; float: left; background-color: #aa937f; height: 18px; text-transform: lowercase; font-size: 11px; color: #ffffff; padding: 4px 5px 2px 5px; }
.div6 { position: relative; float: left; padding-left: 20px; font-size: 12px !important; }
#it { height: 148px !important; cursor: pointer; width: 403px !important; overflow: hidden !important; }
#list1a, .brickGrayAll, #listla .brickOrangeAll { position: relative; margin-top: 10px; float: left; left: 25px; display: block; width: 90px; height: 30px; padding-top: 8px; }
.div8 { position: relative; float: left; display: block; padding-left: 60px; }
#div9 { position: relative; float: left; padding-left: 57px; padding-right: 30px; }
.div10 { position: relative; float: left; padding: 30px 30px 0px 57px; }
.div11 { position: relative; padding: 7px 5px 5px 5px; float: left; margin-left: 10px; width: 20px; height: 20px; background-color: #552700; font-size: 11px; }
#divSco { cursor: pointer; width: 105px; height: 75px !important; position: relative; float: right; }
.aSco { text-decoration: none; color: #666666; }
.divR { cursor: pointer; width: 105px; height: 75px !important; position: relative; float: left; }
.divm30 { margin-top: -30px; }
.pad5 { padding-top: 5px; }
.tdP9 { padding-top: 9px; }
.tdP20 { font-size: 12px; color: #333333; padding-left: 20px; }
.percen { text-decoration: none; }
.div47 { padding-left: 47px; height: 20px; }
.bNone { border: none; }
#overStyle, #overStyleMessage { position: absolute; width: 550px; top: 35px; left: 40px; height: 290px; font-size: 24px; color: white; font-family: Trebuchet MS; overflow: hidden !important; }
.overInside { position: absolute; width: 570px; top: 12px; left: 30px; height: 390px; font-size: 24px; color: white; font-family: Trebuchet MS; overflow: hidden !important; }
.error { font-weight: bold; color: red; }
.close { z-index: 1000; }
.tdFolio { height: 20px; padding-left: 25px; }
.fs10 { font-size: 10px !important; }
.fs13 { font-size: 13px; }
#minus20 { top: -20px; }
.fs17 { font-size: 17px !important; font-weight: normal !important; }
#r4 { right: -4px; }
.tdPad25 { padding-left: 25px; }
#insideCon a { color: #552700; text-decoration: underline; }
#insideCon a:hover { text-decoration: none; }
.basic  { width: 90px; float: left; position: relative; }
.basic span { cursor:pointer; display:block; }
#pb { padding-bottom: 10px; }
#formMore { position: absolute; width: 200px; top: 5px; right: 15px; height: 15px; }
#gallery, #dimensionGallery { position: absolute; top: 100px !important; }
.rowStudio { position: relative; float: left; padding: 0px 150px 0px 50px; }
.rowServices { position: relative; float: left; padding: 0px 75px 0px 75px; }
.upcase { text-transform: uppercase; }
.upcase11 { text-transform: uppercase; font-size: 11px !important; }
.m10 { margin-left: 10px; }
.pad98 { position: relative; float: left; padding-left: 98px; }
.pad96 { position: relative; float: left; padding-left: 96px; }
.pad75 { position: relative; float: left; padding-left: 75px; }
.z100 { z-index: 100; }
.z200 { z-index: 200; }
.cursorPointer { cursor: pointer; }
area { cursor: pointer; }
.workDiv { position: relative; width: 100%; height: 15px; margin-top: -20px; }
.countSecond { position: absolute; width: 50px; height: 15px; top: -15px; right: 30px; }
.divSitemap { position: relative; float: left; padding-left: 33px; line-height: 100%; }
#m200 { margin-top: -20px; }
.divSitemap h1 { font-weight: normal !important; font-size: 17px !important; }
.div100Hid { position: relative; float: left; width: 0px; height: 0px; visibility: hidden; font-size: 0px; }