body , html , div {margin:0;padding:0;}
html , body {
	min-width:1004px;
	width:100%;
	height:100%;
}
body {
	float:left;
	min-height:100%;
	background:#CFCFCF url(../images/bg_body.jpg) center top no-repeat;
	font-size:100.01%;  
	font-family:Arial, Helvetica, sans-serif;
}

a {color:#EE0707;outline:none;text-decoration:underline;}
img {border:none;margin:0;padding:0;}

.clear {clear:both;}

/* decor blocks */
#l_cherry {
	position:absolute;
	top:495px;
	left:0;
	width:188px;
	height:348px;
	z-index:0;
	background:url(../images/lvishnya.gif) no-repeat;
}
#r_cherry {
	position:absolute;
	top:135px;
	right:0;
	width:245px;
	height:334px;
	z-index:0;
	background:url(../images/rvishnya.gif) no-repeat;
}

/* containers */
#outblock {
    float:left;
	width:100%;
	height:auto !important;
	min-height:100%;
	height:100%;
	padding:0;
	text-align:center;
}
#wrapper {
	width:997px;
	margin:0 auto;
	text-align:left;
}
/* left stretch column*/
#leftblock {
	position:relative;
	float:left;
/*	width:32%;
	min-width:320px;
	max-width:420px;
*/
	width:320px;	
	z-index:2;
}
#leftblock #alignblock {float:right;width:308px;text-align:right;}

/* right stretch column */
#rightblock {
	float:left;
/*
	width:60%;
	min-width:645px;
*/
	width:645px;	
	margin:0 0 0 32px;
}

/* header */
.header {height:210px;}

#logo {
	position:relative;
	float:right;
	margin:21px 0 0 0;
	padding:0;
	width:316px;
	height:163px;
	background:url(../images/logo.gif) no-repeat;
	font-size:0px;
	text-decoration:none;
}
#logo #promotext {
	position:absolute;
	top:89px;
	left:152px;
	font-family:"Trebuchet MS";
	font-size:11px;
	text-align:left;
	color:#000000;  
}

/* chapter header */
.ch {
	display:block;
	margin:0;
	padding:0 0 10px 10px;
	font-family:"Trebuchet MS";
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	color:#EE0707;
	text-align:left;
}

/* actions */
#actions_block {position:relative;width:308px;padding:0 0 15px 0;z-index:3;}
#actions_block .action {
	display:block;
	margin:0;
	padding:0;
	width:308px;
	height:139px;
}
#actions_block .action_item_shade {width:308px;background:url(../images/action_shade.png) no-repeat;}
#actions_block .item1 {height:11px;}
#actions_block .item2 {height:21px;}

/* latest project */
#project {position:relative;width:308px;height:350px}
#project #project_infoblock .ch {float:left;width:228px;}
#project #project_infoblock #date {
	float:left;
	margin:0;
	padding:0;
	width:70px;
	height:28px;
	font-family:"Trebuchet MS";
	color:#FFFFFF;
	font-size:11px;
	text-align:center;  
	line-height:28px;  
	background:#000000;  
}

#project #project_pic {
	position:absolute;
	top:42px;
	left:11px;
	width:237px;
	height:227px;
}
#project #project_pic img {border:1px solid #000;}
#project #project_pic #hand {
	position:absolute;
	top:112px;
	left:126px;
	margin:0;
	padding:0;
	height:199px;
	width:165px;
	cursor:pointer;
	background:url(../images/hand.png) no-repeat;
}

/* top menu */
#menumargin {
	width:614px;
	height:64px;
}
#menumain {
	margin:0;
	padding:0 0 0 0;
	height:66px;
	width:614px;
	list-style:none;
	z-index:2;
}
#menumain li {
	float:left;
	margin:0;
	padding:0;
	height:66px;
}
#menumain li a {
	float:left;
	display:block;
	padding:0;
	height:66px;
	background-position:top left;
	background-repeat:no-repeat;
	font-size:0px;
	text-decoration:none;
}
#menumain #m1 {width:157px;background-image:url(../images/menu1.jpg);}
#menumain #m2 {width:130px;background-image:url(../images/menu2.jpg);}
#menumain #m3 {width:127px;background-image:url(../images/menu3.jpg);}
#menumain #m4 {width:200px;background-image:url(../images/menu4.jpg);}
#menumain li a:hover , #menumain li a.selected {background-position:left -66px;}
#menu_shade {
	width:614px;
	height:22px;
	background:url(../images/bg_menushadow.png) center no-repeat;
}


/* blog link */
#blog_link {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	height:133px;
	width:220px;
	background:url(../images/blogimage.jpg) no-repeat;
	z-index:0;
}
#blog_link a {
	display:block;
	margin:0;
	padding:6px 0 0 96px;
	font-size:19px;
	text-decoration:underline;
	font-family:"Trebuchet MS";
	text-align:left;
	color:#FDE5E5;
}
#blog_link #blog_text{
	padding:0 0 0 96px;
	font-size:11px;
	text-decoration:none;
}


/* container */
#content {
	position:relative;
	margin:0;
	padding:0;
	height:100%;
}
#content #headcrumbs {
	font-family:"Trebuchet MS";  
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	padding-left:10px;
}
#content #headcrumbs a {
	font-family:"Trebuchet MS";  
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
}
#content #commonbox {
	margin:10px 0 0 -10px;
/*
	min-width:645px;
	max-width:1400px;
*/
	width:624px;
}
#content #top {
	height:7px;
	font-size:0px;
	background:url(../images/greben.gif) repeat-x;
}
#content #top #top_left {
	width:10px;
	height:7px;
	font-size:0px;
	background:#CFCFCF;
}
#content #bottom {
	height:14px;
	font-size:0px;
	background:url(../images/niz.gif) repeat-x;
	z-index:999;
}
#content #bottom #corner {
	width:18px;
	height:14px;
	font-size:0px;
	background:url(../images/ugol.gif) no-repeat;
}
#content #text {min-height:280px;background:#FFF url(../images/bg_content.gif) repeat-y;overflow:auto;}



/* services menu block */
#services_menu {padding:24px 0 0 0;}
#services_menu .service {
	display:block;
	margin:0;
	padding:200px 0 0 0;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
.service_icon {
	float:left;
	margin:20px 0 40px 0;
	height:200px;
	background-repeat:no-repeat;
}
#s_sites {
	width:330px;
	background-image:url(../images/matreshka.jpg);
}
#s_seo {
	position:absolute;
	left:50%;
	margin:20px 0 0 -70px;
	width:115px;
	height:200px;
	background:url(../images/chpok_chpok.jpg) no-repeat;
}
#s_supp {
	float:right;
	width:224px;
	background-image:url(../images/stol.jpg);
}
#s_supp .service {text-align:center;}




/* content elements */
#contentblock {
	position:relative;
	padding:10px 15px 20px 25px;
	font-size:14px;
	font-family:"Trebuchet MS";
}

#contentblock h4 {
	clear:both;
	font-family:"Trebuchet MS";
	margin:0;
	padding:15px 0 5px 0;
	color:#EE0707;
	font-size:18px;
	font-weight:normal;
}

#contentblock a {
	color:#EE0707;
	text-decoration:underline;
	font-family:"Trebuchet MS";
}

#contentblock p {
	padding:10px 0 10px 0;
	margin:0;
	font-weight:normal;
	font-size:14px;
	color:#000;
	text-align:left;
	line-height:20px;
}

#contentblock p em {text-decoration:underline;font-style:normal;}
#contentblock p img {float:left;padding:0 10px 0 0;}

#contentblock .more {float:right;margin:0;padding:0;font-size:11px;}
/* lists */
#contentblock ul {list-style:url(../images/marker_black.gif);margin:0;padding:10px 0 10px 25px;}
#contentblock ol {list-style:decimal;margin:0;padding:10px 0 10px 25px;}



/* footer */
.footer_guarantor {height:277px;clear:both;}
#footer {
  float:left;
  position:relative;
  padding:0;
  margin:-277px 0 0 0;
  width:100%;
  height:277px;
  background:url(../images/rfoot.jpg) right bottom no-repeat;
}
#footer #lfoot {
	padding:0;
	margin:0;
	height:277px;
	width:32%;
	min-width:320px;
	max-width:420px;
}
#footer #f_alignblock {
	position:relative;
	float:right;
	width:308px;
	height:277px;
	/*background:url(../images/lfoot.gif) no-repeat;*/
	background:url(../images/lfoot2.gif) no-repeat;
}

#footer #lfoot #f_phone {
  position:absolute;
  left:140px;
  top:77px;
  font-family:Georgia;
  font-size:52px;
  color:#5B5B5B;
  letter-spacing:-5px;
}
#footer #lfoot #f_icq {
  position:absolute;
  left:100px;
  top:165px;
  font-family:Georgia;
  font-size:30px;
  color:#5B5B5B;
  letter-spacing:-2px;
}

#footer #umi {
  display:block;
  position:absolute;
  top:86px;
  right:571px;
  height:65px;
  width:72px;
}

#footer #ya {
  display:block;
  position:absolute;
  top:102px;
  right:476px;
  height:34px;
  width:83px;
}

#footer #mailto {
  display:block;
  position:absolute;
  top:125px;
  right:167px;
  height:43px;
  width:92px;
  text-decoration:none;
  font-size:0px;
}

#footer #group {
  display:block;
  position:absolute;
  top:157px;
  right:333px;
  height:110px;
  width:142px;
}
#footer #partners_link {
  position:absolute;
  top:65px;
  right:519px;
  font-size:14px;
  font-family:"Trebuchet MS";
  font-weight:bold;
  text-decoration:underline;
  color:#EE0707;
  text-align:left;
}


/* contacts */
#map_img {
  float:left;
  padding:0;
  margin:30px 0 0 10px;
}

#content #text #print {
  float:left;
  font-size:14px;
  font-weight:bold;
  padding:0 0 0 25px;
  margin:60px 0 0 20px;
  color:#EE0707;
  font-family:"Trebuchet MS";
  background:url(../images/print.gif) 0px 3px no-repeat;
  cursor:pointer;
}

#content #text address {
  clear:both;
  padding:30px 0 20px 20px;
  margin:0;
  font-family:"Trebuchet MS";
  text-align:left;
  font-size:14px;
  font-style:normal;
}
#content #text address a {font-size:14px;color:#EE0707;font-weight:bold;}


/* our services */
#services {padding:0 5px 20px 0;}
.servicesblock {padding:10px 0 20px 0;}
.servicesblock img {float:left;width:150px;height:150px;margin:0 12px 0 0;}
#contentblock .servicesblock p {padding:0 0 10px 0;margin:0;}



/* portfolio */
#p_links {
  position:absolute;
  top:28px;
  right:20px;
}
#p_links a {font-weight:bold;font-size:14px;padding-left:10px;}
#p_links .selected {color:#000;text-decoration:none;}

#works {float:left;position:relative;padding:10px 0 30px 0;}
#works .work {
	float:left;
	position:relative;
	width:145px;
	height:145px;
	overflow:hidden;
}
#works a {
	display:block;
	padding:0;
	margin:0;
	width:145px;
	height:145px;
	overflow:hidden;
	text-decoration:none;
}
#works .work a .opacityblock {
	position:absolute;
	left:0;
	top:0;
	width:145px;
	height:145px;
	background:#000;
	opacity:0.6;
	display:none;
	z-index:2;
}

#works .work a .workinfo {
	position:absolute;
	left:10px;
	top:10px;
	width:130px;
	height:130px;
	font-size:14px;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	display:none;
	z-index:3;
}

/* portfolio list all */
#contentblock #p_list {list-style:none;list-style-image:none;padding-left:0;}
#p_list a {color:#000;}
#p_list a:hover {color:#FF0000;}
#p_list li {padding:3px 0 3px;}

/* nav blocks (prev/next work) */
#navblock {margin:15px 0 10px 0;}
#navblock .navbutton {
	display:block;
	width:45px;
	height:46px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#navblock a:hover.navbutton {background-position:0 -46px;}
#navblock #left {
	float:left;
	background-image:url(../images/larrow.jpg);
}
#navblock #right {
	float:right;
	background-image:url(../images/rarrow.jpg);
}
#navblock #navleftinfo {float:left;font-size:12px;padding:5px 0 0 10px;width:150px;}
#navblock #navrightinfo {float:right;font-size:12px;padding:5px 10px 0 0;width:150px;text-align:right;}

/*form*/
#feedbackform {padding:0 0 20px 20px;}
#contentblock form {margin:10px 0 25px 0;padding:0;}
#contentblock form p {color:#EE0707;}
.input_block {/*float:left;*/width:100%;margin:0 0 5px 0;}
.input_block label {
	/*float:left;*/
	/*width:140px;*/
	margin:0 8px 0 0;
	font-size:12px;
}
.checkbox label {font-size:12px;}
.input_block .input {/*float:left;*/width:450px;}
.input_block .input input {width:330px;font-size:12px;}
#fbelmcapt {width:121px;}
.input_block .input textarea {width:330px;height:100px;}
/*
.input_block .input select {width:173px;}
.input_block .input select.wide {width:280px;}
.checkbox {padding:3px 0 3px 0;}
#acceptchk {padding:15px 0 8px 0;}
*/
#feedbackform .error {
	margin:0 0 5px 0;
	padding:5px 10px 10px 0;
	color:#EE0707;
	font-size:11px;
	font-weight:bold;
/*	border:1px dashed #a0a0a0;*/
}

#YMapsIDcont {padding:20px 20px 0 20px}
#YMapsID {height:310px;border:2px solid #efefef;}

/* ie 6-7 */
* html #content #text {height:280px;overflow:visible;}

* html #contentblock , *+html body #contentblock {padding:10px 0 10px 25px;}
* html #works , *+html body #works {float:left;padding:10px 0 30px 0;}
* html #navblock , *+html #navblock {padding-right:15px;}
* html #works .work a .opacityblock , *+html #works .work a .opacityblock {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}