/* CSS Document */
*{ margin: 0; padding: 0; }
html, body{ margin: 0; padding: 0; font-size: 100.01%;}

html{ background-image: url(../images/bckgry.jpg); }
body{  background-image: url(../images/bckgrx.jpg); position: relative; z-index: 55555; background-repeat: repeat-x; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; padding-bottom: 90px; }

img{ border: 0; }
.brc, .clear{ clear: both; }
.floatleft{ float: left; }
.floatright{ float: right; }
.dnone, .displaynone{ display: none; }
span.red{ color: red; }
#border1{ border: 1px solid transparent; position: relative;  }

h1, h2, h3{ font-weight: normal; margin: 0; font-size: 100.01%; }
p, dl dt, dl dd{ margin: 0; padding: 0; }

h1{ color: #99C334; font-size: 1.5em; }
   
#top{  display: table-cell; position: absolute; right: 0; top: 1em; z-index: 5555; }
#top{   }

#top #menu{ list-style: none; color: #FFFFFF;  float: left; position: relative;   }
#top #menu li{ float: left; margin-right: 20px;  position: relative;  }
#top #menu li a{  color: #FFFFFF; font-size: 1.2em; text-decoration: none;  position: relative; display: block; padding-bottom: 5px; }
#top #menu li a:hover{ border-bottom: 6px solid black; }

#top ul#menu ul{ display: none; list-style: none; width: 100px; padding: 0;  position: absolute; left: -18%; top: 20px; border: 1px solid transparent; z-index: 9199; }
#top ul#menu ul li{ width: 100px; margin: 0;  padding: 0; text-align: center; }
#top ul#menu li:hover ul{ display: block; }
#top ul#menu li:hover ul li a{ display: block; border: 1px solid transparent; color: #FFFFFF; margin-bottom: 5px; padding: 3px; }
#top ul#menu li ul li a:hover{ background: #000000; }


#top #lang{  list-style: none; color: #FFFFFF; float: left;}
#top #lang li{ float: left;  margin-left: 20px; }
#top #lang li a:link, #top #lang li a:visited{ color: #FFFFFF; font-size: 1.2em; text-decoration: none; display: block; padding-bottom: 5px; }
#top #lang li a:hover{ border-bottom: 6px solid black; }

#wrapper{  background: url(../images/main_background.jpg) no-repeat; min-height: 500px;   _height: 500px; min-width: 1000px; position:relative; max-width: 80%; _width: 80%; padding-top: 280px;  padding-bottom:150px; }

#line{ background: url(../images/line2.jpg) no-repeat; width: 959px; height: 171px; position:absolute; left: 0; top: 157px; }

#content{ 	
	width: 900px;

 
	position: relative; 
	 
	z-index: 111; 
	font-size: 1.2em; 
	text-align:left;
	
	float: right;  
 
	padding-bottom: 30px; 
}

h1.str{ background: url(../images/h1str.png) left center no-repeat; padding-left: 30px; position: relative; z-index: 99999; }

#div_corner1{ background-image: url(../images/portf_corner_1.png); height: 23px; width: 23px; position: absolute; left: -23px; top: -23px; z-index: 9; }
#div_hr1{ background: transparent url(../images/portf_hr1.png) repeat-x; height: 23px; width: 100%; position: absolute; top: -23px; left: 0; z-index: 8; }
#div_corner2{ background-image: url(../images/portf_corner_2.png); height: 23px; width: 23px; position: absolute; right: -23px; top: -23px; z-index: 9; }

#text{ position: absolute; width: 100%; height: 100%;  }

#div_corner3{  width: 23px; position: absolute; left: -23px; height: 100%;  background: url(../images/portf_b1.png) repeat-y; top: 0;  }
#div_hr3{ position: absolute;  width: 100%; height: 100%; background-image: url(../images/portf_.png); z-index: 9; left: 0; top: 0;  }
#div_corner4{  width: 23px; position: absolute; right: -23px; height: 100%; background: url(../images/portf_b2.png) repeat-y; top: 0; }


#div_corner5{ background-image: url(../images/portf_corner_4.png); height: 23px; width: 23px; position: absolute; left: -23px; bottom: -23px; z-index: 9;  }
#div_hr6{ background: transparent url(../images/portf_hr3.png) repeat-x; height: 23px; width: 100%; position: absolute; bottom: -23px; left: 0; z-index: 8; }
#div_corner7{ background-image: url(../images/portf_corner_3.png); height: 23px; width: 23px;  position: absolute; right: -23px; bottom: -23px; z-index: 9; }

.see-works{ display: block; line-height: 20px; background: url(../images/h1str.gif) left no-repeat; padding-left: 30px; height: 2em; position: absolute; bottom: 0px; z-index: 8888; }
.see-works:hover{ background: url(../images/h1strhover.gif) left center no-repeat; }
.see-works{ text-decoration: underline; color: #000000;  }
.see-works:hover{ text-decoration: none; }

#showallworks-head{ position: relative;  z-index: 88999; padding-top: 25px; margin-bottom: 30px; margin-left: 50px;  }
#showallworks-head h1{ width: 200px!important; margin-left: -30px; }
#showallworks-head p{ color: #797876; width: 400px; text-align: left;  margin-top: 40px; }

.image-box{
	margin: 30px 44px;	
	width: 212px;
	display: inline;	
	text-align: center;
	 
	position:relative;
	z-index: 9999;	
	zoom: 1;
	
	
}
	.image-box .work-title{
		display:block;
		text-align: center;
		width: 212px;
		
		color: #70706e;
		text-decoration: none;	
	}
	
	.image-box img{
		border: 5px solid #b7b7b7;
		
	}
	
	.image-box .img-a{
		display: inline;
		display: inline-block!important;
		display: -moz-inline-box;
		
		margin-bottom: 3px;
		
		border: 1px solid #868686;
		text-decoration: none;
	}
	
	.interiror .img-a{
		display: block!important;
		border: none!important;
	}
		.interiror .img-a .for-border{
			border: 1px solid #868686;
		}
	
	
#show-site{
	margin-left: 20px;
}

h1.site-heading{
	width: 610px;
	color: #7a7977;
	font-size: 1em;
	margin-bottom: 30px;
	margin-top: 30px;
	font-weight: bold;
	
	position: relative;
	z-index: 999;
}

h1.sites-label{
	margin-left: 5px;
	margin-top: 30px;	
}

div.site-descr{
	width: 610px;
	color: #7a7977;
	font-size: 1em;
		
	position: relative;
	z-index: 999;
}	

	div.site-descr a{
		color: #99C334; 
	}


.site-sites-list{
	width: 220px;
	margin-left: 25px;
	margin-top: 25px;
	
	display: inline;
}
	.site-sites-list strong{
		display: block;
		color: #99c334;
		font-size: 1.2em;
		margin-bottom: 20px;
		
		position: relative;
		z-index: 999;
	}
	.site-sites-list a{
		display: block;
		color: #737473;
		text-decoration: none;
		margin-bottom: 20px;

		position: relative;
		z-index: 999;
	}
	
	.site-sites-list a:hover{
		color: #99C334; 
		text-decoration: underline;
	}
	
.sites-images{
	width: 610px;
	float: right;	
	position:relative;
	z-index: 999;
}	

	.sites-images img{
		border: 5px solid #919191;
		margin: 25px 0;
		
		position: relative;
		z-index: 999;
	}

#signature{ display: block;  text-align: right;   width: 900px; float: right; height: 80px;  color: #aeaeae; font-size: 1.1em; position:absolute; bottom: 0; right: 0;   }	
	#signature a#link{
		display: block;
		margin-bottom: 20px;
	}
	#signature small{ font-size: 0.7em; }
	#signature span{ font-size: 1.3em; color: white; }
	#signature a{ color: #FFFFFF; text-decoration: none; }
	#signature a.mail{ color: #99C334; text-decoration: underline; }

/* CSS Document */

.pages#content{ font-size: 1.1em;    padding: 20px!important; z-index: 99999;}

#text h1{ margin-bottom: 15px!important; }

#text{ width: 100%; height:100%;   color: #7c7c7c!important; font-size: 1.2em; position: relative; z-index: 5555;   }
.indexpage#text{ height:100%; color: #7c7c7c!important; font-size: 1.2em;   }

#portfolio-wrap h1.str, #text h1.str{ display: block; background: url(../images/h1str.gif) left center no-repeat; padding-left: 30px; }
#text h1.str a{ color: #99C334; text-decoration: none; }

#text dl dd{ margin-bottom: 30px; margin-left: 30px; }


#text .col-left-45{ float: left; width: 55%; }
#text .col-left-45#right-bl-main{ width: 40%!important; padding-top: 35px; }
#text .col-left-45#right-bl-main h1{ margin-bottom: 60px!important; margin-left: 35px!important; }


/* aboutus */
#text .col-left-45 dl dd{ margin-left: 0px!important; }
#text .col-left-45 ul{ margin: 20px 35px; list-style-image:url("../images/kv.jpg"); }
#text .col-left-45 ul li{ font-weight: bold; }
/* aboutus */


/*index*/
#text #main-menu{ list-style: none; margin: 0!important; padding: 0!important; width: 100%; padding-right: 10px!important; }
#text #main-menu li{ float: left; width: 30%; min-height: 0px; background: none; position: relative; margin-right: 3%; padding-bottom: 3em; }
/*index*/


/*services*/
#text #services dd{ position: relative; padding-bottom: 3em;  }
#text #services dd .see-works{ background: none; padding: 0; }
/*services*/

/*contacts*/
#text .col-50-contact{ float: left; width: 49%;  height: 531px; }
#text .col-50-contact#contactform{ width: 450px!important; }
#text .col-50-contact#contactform label{ color: #929292; margin-top: 10px; margin-bottom: 5px; width: 100%; display: block; }

#text .col-50-contact#contactform p{ color: #b3b2b2; font-size: 0.9em; margin-top: 30px; }
#text p#phone{ height: 30px; width: 100%; vertical-align: bottom; line-height: 30px; margin-top: -15px;  }
#text p#phone img{ margin-left: 15px; }
#text .col-50-contact#contactform .text-input{ line-height: 15px; height: 15px; }
#text .col-50-contact#contactform .text-input, .textarea-input{ font: 1em Arial; width: 250px; border: 1px solid #5c5c5c; color: #cb0000; padding: 3px; padding-left: 5px; }
#text .col-50-contact#contactform .textarea-input{ height: 70px; }
#text .col-50-contact#contactform .button-input{ width: 115px; height: 25px; background: #b0b0b0; text-align: center; color: #ffffff; font: 0.98em Arial ; margin-top: 20px; border: 1px solid #5c5c5c; }

.error-message{ margin-top: 10px!important; }
.error-message span{ font-size: 0.9em; display: block; color: black; }

#text .col-50-contact#contactform .line{ margin-bottom: 10px; }
/*contacts*/

#sitemap ul{
	margin: 1em 0;
	padding-left: 1.5em;
	
}

	#sitemap ul li a{
		color: #70706E;
		text-decoration: none;
	}


.pages#content #ten{ margin-top: -20px;  top: 68px;}
#ten{ background: transparent url(../images/ten.png); height: 61px; width: 100%; position:absolute; left: -100%; margin-left: -24px; top: 47px; }

#counter{
	margin: 7px 0;
}