html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset,form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;background: transparent;}
body{font-size:62.5%; font-family: Arial, sans-serif;}		  		  
* strong, * b{font-weight:bold;}
* i, * em{font-style: italic;}
html{font-size:100.01%;}  
table.price{
 border-collapse: collapse;  margin-left:2px;
}
.price h3{
font-weight:bolder; font-size:14px;
}
.price td{
border:1px solid gray; padding:5px; 
}
#all{
width:1058px;
}
html,body{
	height: 100%; 				/*     for footer in bottom page    */
} 
#map_1{border:1px solid gray; margin:0 0 0 0 !important;}
#latest_works,
#job,
#spec{
display:block; text-indent:-555em;
}

#services{
  width: 153px; background: #C1D087 url(../images/footer_menu1.gif) no-repeat 0 100%; margin:0 0 15px 0;
}
#services .bs{
  background: url(../images/bs.gif) no-repeat;padding:52px 10px 10px;
  _height:1%;
}
#services .us{
  background: url(../images/us.gif) no-repeat;padding:44px 10px 10px;
    _height:1%;
}
#services li{
  margin:0 0 3px 0; line-height:11px;
}
#services a{
font:12px Arial; text-decoration:none; color:#666c54;line-height:11px;
/*border-bottom:1px dashed gray; */
}
#services a:hover {
background: #D8E5A5
}
#latest_works{
background: url(../images/latest_works.gif) no-repeat; height:134px;
}
#job{
background: url(../images/job.gif) no-repeat; height:138px; margin:20px 0; clear:both;
}
#spec{
background: url(../images/spec.gif) no-repeat; height:69px;clear:both;
}
#crumbs{
font-size:1.1em;color:#6F7458;
}
#crumbs a{color:#6F7458;
}
#container{ /*		min-height for container and need change margin-bottom = height footer 	*/
	height: auto !important; height: 100%; min-height: 100%;
	
	/*background: url(../images/back2.gif) repeat-x 0 100%;*/
	
	margin:0 auto -119px auto;
	min-width: 1000px;
	max-width:2000px;
}
#page-empty { 			/*		height = margin-bottom for container and height footer	 */
	height: 119px; 
	clear: both;
	width:1000px; /* min-width browser */
	}

#footer{
	background: url(../images/back3.gif) repeat-x; 
	position: relative; 
	margin: 0px auto; padding:0;
	height: 119px;  /*	height = height page-empty and height container	 */
	}



	/* General styles */
	body {
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;

       /* min-width:600px;*/ /* ++++++++++++++tau comment+++++++++++++ */
       				    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
    }

	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
    }

	/* column container */
.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	   clear:both;
	   float:left;
      width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */

/*background:red; padding:2px 0;*/
	
	}
	/* holy grail 3 column settings */

.colmid {
        float:left;
        width:200%;
        margin-left:-192px; 	/* Width of right column */
        position:relative;
        right:100%; 
          	/* Centre column background colour */
        
/*background:silver;padding:4px 0;  */	
    }
    
    
    /*
for current site left = 188px and right=192px  and summ = 380px 
and padding left and right = 60 + 60 px
*/
.colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:440px;         	/* Left column width + right column width */
/*background:green;*/
    }
.col1wrap {
       float:left;
	    width:50%;
	    position:relative;
	    right:188px;        	/* Width of left column */
	   /* padding-bottom:1em; */	/* Centre column bottom padding. Leave it out if it's zero */

	}
 .col1 {
       margin:0 310px 0 188px;	
       								/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
       position:relative;
	    left:200%;
	    overflow:hidden;
	}
.col2 {
       /* float:left;*/
        float:right;			/* This overrides the float:left above */
        width:188px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        /*right:15px; */        	/* Width of the left-had side padding on the left column */
    }
.col3 {
       /* float:left;*/
        float:right;			/* This overrides the float:left above */
        width:274px;       	/* Width of right column content (right column width minus left and right padding) */
        /*margin-right:45px;  */	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
    }
    


body{
	background: #DFE7C0 url(../images/back1.jpg) repeat-x; color:#313131; font-family: Arial, Helvetica, sans-serif;
}   
.colmask{ /* my styles */
	
	padding: 0 0 30px 0;	
}
#logo{
	background: url(../images/logo.jpg) no-repeat; width:242px; height:86px; display: block; text-indent: -5555em;
	float: left; 
}

.r_flag{
  background: url(../images/rus.gif) no-repeat 0 0;
        margin-left:827px;
display:block; height:20px;
position:absolute;text-indent:-1000px;width:110px;
}


#top{
	clear: both;
	padding:0 60px;  height: 120px;

}
#top_menu{
	float: right; overflow: hidden; font-family:"Trebuchet MS", Arial, sans-serif; font-size:1.1em;font-weight:bolder;
	background: url(../images/topmenu1.gif) repeat-x;/*7AB393*/
	height:37px;margin:34px 0 0 0;
	
}
#top_menu li{
	float: left; height:37px;
}
#top_menu li a.first_menu{
	padding-left:0;
}

#top_menu li a span#s_left{
		background: url(../images/left_span_normal.gif) no-repeat;height:37px; display: block;
		width:7px;	float:left;
} 
#top_menu li a#current span#s_left,
#top_menu li a:hover span#s_left {
			background: url(../images/left_span.gif) no-repeat;height:37px; display: block;float:left;
			
} 
#top_menu li a.last_menu{
	padding-left:;position:relative;
}
#top_menu li a span#s_right{
		background: url(../images/right_span_normal.gif) no-repeat 100% 0;height:37px; 
		position:absolute; width:7px; top:0; right:-1px;
} 
#top_menu li a#current span#s_right,
#top_menu li a:hover span#s_right {
	background: url(../images/right_span.gif) no-repeat;height:37px; display: block; 
	
} 

#top_menu li a{
	color:#3d5353;height:37px;display:block;float:left;
	border-right:1px solid #7AB393;  line-height: 34px; text-decoration: none; padding: 0 7px;
}

#top_menu li a#current,
#top_menu li a:hover {
		background: url(../images/topmenu2.gif) repeat-x;
		height:37px; color: #BABABA;
}


/* 
===========================
 */
 /* content */
#box1 h3{
	color: #2b330b; font:normal 2em/2em Arial;
}
#box1{
 	overflow: hidden; _height:1%; padding:0 0 1em 0;
}
#box1 div{
	float: left; width: 49%; 
}
#box1 ul{
	list-style-type: none;font-size:1.3em; color:#4c581c;  list-style-position: outside;
}
#box1 ul li{
	  display: block;margin: 0 1em 0 0; padding: 0 0 1px 0;line-height:1.4em;
}
#box1 ul a{
	color:#4c581c; background: transparent; 
	background: url(../images/li1.gif) no-repeat 0 .45em;
	/*background: url(../images/lia.gif) repeat-x -3px 100%;*/ 
	text-decoration: none;
	padding: 0 0 0 .8em; border-bottom: 1px dashed #19809F; 
}
.red1{
	color: #B52524;
}
span#h1{
	background: url(../images/h1.gif) no-repeat; width:508px; height: 44px; display: block;
	text-indent: -7777em
}
.col1 a{
color:#303422
}
#center_side h1,
.col1 h1, 
#center_side h2,
.col1 h2
{
	font-size: 1.8em; font-weight:normal; padding:4px 0 9px;
}
{
	font-size: 1.8em; font-weight:normal; padding:4px 0 9px;
}
.col1 h1 span.edit_post,
.col1 h2 span.edit_post

{
font-size:10px;
}


.text{
	font-size: 1.2em;
}
.text h3{
font-size:1.3em;
}
.text p{
	line-height: 1.4em; margin: 0 0 1em 0;
}
.text ul{
list-style-type:disc; margin:3px 10px 3px 20px;
}
.text ol{
 margin:3px 10px 3px 20px;list-style-type:decimal;
}
.text input, .text textarea{
background:#F0F2E0;
border:1px solid #ACBC8D; 
font-size:12px; font-family:arial,serif; padding:2px 4px;
}
/* 
============================
 */
.menu{
		width: 153px; background: #C1D087 url(../images/footer_menu1.gif) no-repeat 0 100%;
		padding:0 0 7px 0; font-size: 1.2em;
		_height:1%; float:left;
		margin:0 0 20px;
		
}
.menu h5{
	font-weight:bolder; color: #b9b9b9; background: url(../images/headmenu1.gif) no-repeat 0 0; 

	padding: 7px 0 5px 20px;
}
.news h5{
background-image:url(../images/headmenu1_2.gif);
}

.menu ul,
.menu p
{
	padding: 0 6px;
}
.menu ul li{
	background: url(../images/li2.gif) no-repeat 2px 8px; padding: 3px 0 3px 0px;
	list-style-type:none;
}
.menu ul li a,
.menu p a
{
	color: #393939;  text-decoration: none; padding: 0 0 0 10px; border-bottom:1px dashed gray; display: block;
	margin: 0; 
}
.menu ul li a:hover{
	color: white;
}
.menu p{
	padding-bottom:.7em;
}
.menu p a{
	display: inline; padding:0; line-height: 1.4em;
}
.menu p a:hover{
	border-bottom: 1px dashed black;
}
  
.col2 .menu li{
	margin: 0;padding:0;
}  

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

#box2{
	clear: both; background: #162B2B; color:#C1C1C1; 
	float:left; clear:both;width:100%;
	}
#box3{
	width:189px; float: left;
	/*padding: 10px 60px; */
	margin:10px 0 10px 60px;
	_display:inline;
}
#box3 h3{
	font-weight:normal;font-size:1.8em; background: url(../images/layout_28.gif) no-repeat 0 4px; 
	padding:0 0 0 20px;margin:0;
}
#box3 h3 a{color:#5B7474; text-decoration:none; border-bottom:1px dashed #5B7474}
#box3 ul{
	list-style-type: none; color:#5B7474; font-size:1.1em; 
}
#box3 ul li{
	background: url(../images/li3.gif) no-repeat 5px 8px;
	border-bottom: 1px dashed #5B7474;
}
#box3 ul li a{
	color:#5B7474;  text-decoration:none; display: block;padding:4px 0 4px 22px;
}
#box3 ul li a:hover{
		background:#254141 url(../images/li3.gif) no-repeat 5px 8px;
}
#box4{
	margin: 10px 60px 10px 280px;
	width:720px; font-size: 1.1em;
}

#box4 h3{
	font-size:2.3em; font-weight:normal; background: url(../images/comment.gif) no-repeat 0 3px;
	margin: 0;padding:0; line-height: 1em; padding:0 0 15px 40px;
}
#box4 h2{
font-weight:bolder; margin:2px 0 5px 0; 
}
#box4 h3 a{color:#c8c8c8; text-decoration:none;}
#box4 ul{
	 line-height:1.2em;  height: 1%; margin:4px 0 4px 20px;list-style-type:disc;
}
#box4 ul li{
	margin:5px 0 10px 0; /*display: block;*/
}
/* footer */
#in_footer{
	padding: 0 60px;
}
#footer ul{
	padding: 10px 10px 10px 0;font-size:1.1em;
}
#footer ul li{
	display: inline; color:#08526a;
	padding:0 5px 0 0;
}
#footer ul li a{
	color:#08526a; padding:0 5px 0 0; text-decoration: none;
}