* {
	margin:0;
	padding:0;
	}
html{
	height:100%;
	}

body {
    min-height:100%;
	height:auto; 
	position:relative;
	font:normal 100.01% 'Tahoma', 'Helvetica', 'sans-serif';
	line-height:120%;
	color:#4c522c;
	background:#d5ed61 url(../i/body-bg.jpg) repeat-x top center;
	/* min-width:1060px; */
    min-width:860px;
	}

	

	

	
	
/** Tags *******************************************/		
p {
	padding:0 0 1em 0;
	}
strong {
	font-weight:bold;
	}
a {
	outline:none;
	color: #3f7101;
	text-decoration: underline;
	}
ul, ol {
	padding:5px 5px 1.5em 10px;
	}
	 li {
	 	margin:0 0 0 10px;
		padding:2px 0;
		}

img {
	border:none;
	}
h1 {
	font-size:160%;
	padding:20px 0 15px 0;
	font-weight:normal;
	color: #49532a;
	}
h2 {
	font-size:120%;
	padding:7px 0 5px 0;
	font-weight:normal;
	}
h3 {
	font-size:100%;
	padding:7px 0 5px 0;
	}
h4 {
	font-size:90%;
	padding:7px 0 5px 0;
	}
table {
	border-collapse:collapse;
	vertical-align:top;
	margin:0 0 35px 0;
	}
	td {
		padding:2px 10px;
		margin:0;
		vertical-align:top;
		border:none;
		}
	blockquote {
		font-style:italic;
		}
	
		
/** Formatting ***********************************/
/********************/		
.fl_right {
		float:right;
		}
.fl_left {
	   float:left;
	   }		
.clear:after {
	content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}
.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/**************************************************/
/** Blocks **********************************/

/**  Header  ******************************************/
/*	img.portfolio { 
		position: absolute;
		top: 73px;
		right: 0;
		z-index: 1000;
		}
	*/
	.portfolio-active {
		position: absolute;
		top: 73px;
		right: 0;
		z-index: 1000;
		display:block;
		height:31px;
		width:88px;
		background:url(../i/portfolio-blog.png) no-repeat -88px bottom;
		}
		.portfolio-active a {
			display:block;
			height:31px;
			width:88px;
			background:url(../i/portfolio-blog.png) no-repeat 0px bottom;
			}
			.portfolio-active a:hover { 
				background:url(../i/portfolio-blog.png) no-repeat -88px bottom;
				}
	.en-portfolio-active {
		position: absolute;
		top: 73px;
		right: 0;
		z-index: 1000;
		display:block;
		height:31px;
		width:88px;
		background:url(../i/en-portfolio-blog.png) no-repeat -88px bottom;
		}
		.en-portfolio-active a {
			display:block;
			height:31px;
			width:88px;
			background:url(../i/en-portfolio-blog.png) no-repeat 0px bottom;
			}
			.en-portfolio-active a:hover { 
				background:url(../i/en-portfolio-blog.png) no-repeat -88px bottom;
				}
	#header{
		width:860px;
		height:152px;
		margin:0 auto;
		text-align:left;
		position:relative;		
		z-index:3;
		}
		#logo {
			position:absolute;
			top:60px;
			left:87px;
			}
/**  Index-nav  ***************************************/
#index-nav {
	position:absolute;
	top:40px;
	right:73px;
	list-style:none;
	padding:0;	
	}
	#index-nav li{
		float:left;
		padding:0;	
		margin:0 10px;
		cursor:default;
		}
/** Navigation  ***************************************/
#navigation {
	position:absolute;
	top:76px;
	right:80px;
	list-style:none;
	padding:0;	
	}
	#navigation li{
		float:left;
		padding:0;	
		margin:0;		
		}
		
		#navigation li a {
			display:block;			
			margin:0 0 5px 25px;	
			padding:0 0 0 10px;			
			line-height:90%;
			color: #35410b;
			font: normal 110% 'Tahoma';
			text-transform: none;
			text-decoration:none;
			border-left:#79854F solid 1px;
			}
		#navigation li span {
			display:block;			
			margin:0 0 5px 30px;	
			padding:0 0 0 10px;			
			line-height:90%;
			color: #79854F;
			font: normal 110% 'Tahoma';
			text-transform: none;
			text-decoration:none;
			}	
		#navigation li a:hover {
			color: #79854F;
			}		
		#navigation li.active a {
			color: #79854F;
			border-left: #79854F solid 1px;
			}	
			#pageName{
				position:absolute;
				top:143px;
				right:82px;
				height:48px;
				width:415px;
				}
				body.main  #pageName {
					background: none;
					}
				body.othersign  #pageName {
					background:url(../i/nav-link-other-ua.jpg) no-repeat bottom right;
					}
				body.printsign #pageName {
					background:url(../i/nav-link-print-ua.jpg) no-repeat bottom right;
					}
				body.websign #pageName {
					background:url(../i/nav-link-web-ua.jpg) no-repeat bottom right;
					}
				body.logosign #pageName {
					background:url(../i/nav-link-logo-ua.jpg) no-repeat bottom right;
					}
				body.contacts #pageName {
					background:url(../i/nav-link-contacts-ua.jpg) no-repeat bottom right;
					}
				body.error #pageName {
					background:url(../i/nav-link-err.jpg) no-repeat bottom right;
					}

			body.main  .english #pageName {
				background: none;
				}
			body.othersign .english #pageName {
				background:url(../i/nav-link-other-en.jpg) no-repeat bottom right;
				}
			body.printsign .english #pageName {
				background:url(../i/nav-link-print-en.jpg) no-repeat bottom right;
				}
			body.websign .english #pageName {
				background:url(../i/nav-link-web-en.jpg) no-repeat bottom right;
				}
			body.logosign .english #pageName {
				background:url(../i/nav-link-logo-en.jpg) no-repeat bottom right;
				}
			body.contacts .english #pageName {
				background:url(../i/nav-link-contacts-en.jpg) no-repeat bottom right;
				}

/** Container  ****************************************/
#container {
	width:860px;
	margin:0 auto;	
	text-align:left;
	font-size:80%;
	padding:0 0 65px 0;		
	}
#container-bg {
	background:transparent url(../i/content-horizontal-bg.jpg) repeat-y scroll center top;
	position:relative;
	z-index:1;
	}	
#logo-bg {
	position:absolute;
	top:-152px;
	left:-170px;
	height:254px;
	width:540px;
	background: none;
	/* background: url(../i/logo-main-bg.jpg) no-repeat top left; */
	z-index:1;
	}
/*	
	body.othersign #logo-bg {background: url(../i/logo-other-bg.jpg) no-repeat left top;}
	body.printsign #logo-bg {background: url(../i/logo-print-bg.jpg) no-repeat left top;}
	body.websign #logo-bg {background: url(../i/logo-web-bg.jpg) no-repeat left top;}
	body.logosign #logo-bg {background: url(../i/logo-logo-bg.jpg) no-repeat left top;}
*/	
	body.othersign #logo-bg {background: none;}
	body.printsign #logo-bg {background: none;}
	body.websign #logo-bg 	{background: none }
	body.logosign #logo-bg 	{background: none;}

	
	#container-inner{
		background:transparent url(../i/content-top-bg.jpg) no-repeat scroll center top;
		width:100%;
		}	
		#content {
			margin:0 23px;
			padding:71px 67px 71px;
			position:relative;
			z-index:2;
			}
			#content-bottom {
				width:100%;
				height:6px;
				font-size:1px;
				line-height:1px;
				background:url(../i/content-bot-bg.jpg) no-repeat center top;
				}
				
			#decor-glow-top-right {
				position:absolute;
				top:0;
				right:0;
				width:310px;
				height:210px;
				background:url(../i/decor-glow-top-right.jpg) no-repeat center top;
				z-index:0;
				}
			#decor-glow-bot-left {
				position:absolute;
				bottom:0;
				left:0;
				width:156px;
				height:118px;
				background:url(../i/decor-glow-bot-left.png) no-repeat center top;
				z-index:0;
				}
			#decor-glow-bot-right {
				position:absolute;
				bottom:0;
				right:0;
				width:180px;
				height:188px;
				background:url(../i/decor-glow-bot-right.png) no-repeat bottom right;
				z-index:1;
				}
				
/**  Footer  ******************************************/
#footer {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:65px;
	}
	#footer-content {
		width:860px;
		padding-top:10px;
		margin:0 auto;
		text-align:left;
		position:relative;
		font-size:70%;	
		color:#6b761f;		
		}
		#footer-content a {
			color:#6b761f;
			}
		#copyright {
			width:300px;
			padding-left:95px;
			float:left;
			}
		#contacts {
			float: right;
			padding-right: 95px;
			}	


.work-list {
		margin:0 -15px;
		position:relative;
		left:10px;
		}
		.work-list ul {
			padding:0;
			list-style:none;
			}
			.work-list dt, .work-list dd {
				display:block;
				}
			.work-list li{
				display:block;
				width:230px;
				float:left;
				padding:0;
				margin:0 5px 25px 0;
				}
				dt.work-thumbnail {
					width:100%;
					height:134px;
					background:url(../i/work-thumbnail-bg.png) no-repeat top center;
					margin-bottom:15px;
					font-size:1px;
					line-height:1px;
					padding:0;
					}
					#content dt.work-thumbnail a {
						position: relative;
						}
					#content dt.work-thumbnail img {
						margin:10px;
						display:inline;
						
						}
					#content dt.work-thumbnail img.fixPNG {
							margin:0;
							}
				dd.work-descript-container {
					margin-left:10px;
					border-left:#6b761f solid 1px;
					padding-left:10px;
					font-size: 85%;
					line-height:120%;				
					}
					dd.work-descript-container dd {
						height:2.8em;
						overflow:hidden;
						}
/*--------------------------------------------*/
#links {
    position: absolute;
    top: 73px;
    right: 0;
    z-index: 1000;
    display:block;
    height:auto;
    width:108px;
    }
    #links img, #links a {
        margin-bottom: 8px;
        }
    #links a {
        display:block;
        height:31px;
        width:108px;
        text-decoration:none;
        position:relative;
        overflow:hidden;
        }
        #links a.twitter span {
            display:block;
            height:62px;
            width:108px;
            position:absolute;
            top:0px;
            left:0px;
            background: url(/ico/twitter.png) no-repeat 0 0;
            }
        #links a.livejournal span {
            display:block;
            height:62px;
            width:108px;
            position:absolute;
            top:0px;
            left:0px;
            background: url(/ico/LiveJournal.png) no-repeat 0 0;
            }
        #links a:hover span {
            top:-31px;
            }
/* __________________________ */
	.blog {
		position: absolute;
		top: 105px;
		right: 0;
		z-index: 1000;
		display:block;
		height:31px;
		width:88px;
		background:url(../i/portfolio-blog.png) no-repeat -176px bottom;
		}
	.blog a {
		display:block;
		height:31px;
		width:88px;
		background:none;
		}
		.blog a:hover { 
			background:url(../i/portfolio-blog.png) no-repeat -264px bottom;
			}
	.blog-active {
		position: absolute;
		top: 105px;
		right: 0;
		z-index: 1000;
		display:block;
		height:31px;
		width:88px;
		background:url(../i/portfolio-blog.png) no-repeat -264px bottom;
		}
		.blog-active a {
			display:block;
			height:31px;
			width:88px;
			background:none;
			}
			.blog-active a:hover { 
				background:url(../i/portfolio-blog.png) no-repeat -176px bottom;
				}
	.en-blog { 
		position: absolute;
		top: 105px;
		right: 0;
		z-index: 1000;
		display:block;
		height:31px;
		width:88px;
		background:url(../i/en-portfolio-blog.png) no-repeat -176px bottom;
		}
	.en-blog a {
		display:block;
		height:31px;
		width:88px;
		background:none;
		}
		.en-blog a:hover { 
			background:url(../i/en-portfolio-blog.png) no-repeat -264px bottom;
			}
	.en-blog-active {
		position: absolute;
		top: 105px;
		right: 0;
		z-index: 1000;
		display:block;
		height:31px;
		width:88px;
		background:url(../i/en-portfolio-blog.png) no-repeat -264px bottom;
		}
		.en-blog-active a {
			display:block;
			height:31px;
			width:88px;
			background:none;
			}
			.en-blog-active a:hover { 
				background:url(../i/en-portfolio-blog.png) no-repeat -176px bottom;
				}
	ul.blog-list {
		clear:both;
		padding:0;		
		list-style:none;
		}
		.blog-list ul {
			margin:0 -15px;
			position:relative;
			left:10px;
			padding:0;
			list-style:none;
			}
			.blog-list li{
				width:100%;
				margin:0;
				padding:0 0 25px 0;
				}

				.blog-list li h1{

					margin-bottom:10px;

					}
				.blog-list li ul{				
				list-style:none;
				left:0;
				padding:0;
				margin:0;
				}

				.blog-list li ul li{

				margin:0;

				}
				.blog-list li ul li span{	
				font-size: 100%;
				}
				li.blog-datas {
					font-size: 85%;
					line-height:120%;
					}

					li.blog-datas h1 {

						font-size: 200%;

						}
				li.blog-descript {
					font-size: 100%;
					}

/* tags 
				span.tags {
					overflow:hidden;
					font-size:14px !important;

					padding:0 0 0 7px;

					background:url(../i/tag_left.png) no-repeat left 0;

					position:relative;
					}
					span.tags a {
						padding:0 7px 0 0;
						background:#8B9A44 url(../i/tag_right.png) no-repeat right 0;
						color:#E1F27C;
						outline:none;
						font-size: 10px !important;
						text-decoration:none;

						position:absolute;

						left:7px;

						top:0;

						height:16px;
						}

*/

/* tags */

.blogdate {

     font-size: 85%;

     line-height:150%;

     color:#7B8255;

     float:left;

     margin-right:5px;

     }

     span.tags {

          display:block;

          float:left;

          font-size:85%;

          padding:0 7px 0 0;

          background:url(../i/tag_right.png) no-repeat 100% 50%;

          line-height:150%;

          }

          span.tags a {

               display:block;

               color:#E1F27C;

               text-decoration:none;

               outline:none;

               display:block;

               background:url(../i/tag_left.png) no-repeat 0 50%;

               padding:0 0 1px 9px;

               line-height:150%;

               }

/* End tags */
	.tagcloud {
		float:right;
		width: 280px;
		padding: 0 70px 50px 0;
		}
		.tagcloud a {
			font-size:120%;
			margin:0 5px;
			}
			.tagcloud a.s1 {
				font-size:200%;
				}
			.tagcloud a.s2 {
				font-size:180%;
				}
			.tagcloud a.s3 {
				font-size:160%;
				}
			.tagcloud a.s4 {
				font-size:140%;
				}
			.tagcloud a.s5 {
				font-size:120%;
				}
		
h1.work-title {
	padding:5px 0;
	font-size: 140%;
	font-weight: normal;
    line-height:140%;
	}


.date {
	font-size: 85%;
	color:#7B8255;
	}	

#content img {
	display:block;
	margin:0 auto;	

	background: url(../i/ajax-loader2.gif) no-repeat center center;
	}
	#content img.work-img {/*height: auto !important; height:1%/* IE Holly Hack */}
#PJN_Prev {
	position:absolute;
	top:95px;
	left:-50px;

	
	z-index:1000;
	}
#PJN_Next {
	position:absolute;
	top:95px;
	right:-50px;
	z-index:1000;
	}
	#PJN_Prev a, #PJN_Next a {
		font: normal 34px "Tahoma", "Trebuchet MS", "Comic Sans MS";
		text-decoration: none;
		color: #49532A;
		}
/*********************************************/		
        a.tip span{ display: none; }
	/*background:; ie hack, something must be changed in a for ie to execute it*/
            a.tip:hover span.tooltip-left{
                display:block;
                position:absolute;
                bottom:2px; left:27px;
            	padding: 0 5px;
            	white-space: nowrap;
				height:30px;
            	font-size:11px;
                text-align: left;
            	filter: alpha(opacity:90);
            	KHTMLOpacity: 0.90;
            	MozOpacity: 0.90;
            	opacity: 0.90;
            	background: #E9F497; border: 1px solid #748441;
            }
            a.tip:hover span.tooltip-right{
                display:block;
                position:absolute;
                bottom:2px; right:27px;
            	padding: 0;
            	white-space: nowrap;
				height:30px;
            	font-size:11px;
                text-align: left;
            	filter: alpha(opacity:90);
            	KHTMLOpacity: 0.90;
            	MozOpacity: 0.90;
            	opacity: 0.90;
            	background: #E9F497; border: 1px solid #748441;
            }
            a.tip:hover span.top{
            	display: block;
            	padding: 8px 8px 0;
                //background: url(bubble.gif) no-repeat top;
            }
            a.tip:hover span.middle{ /* different middle bg for stretch */
            	display: block;
            	padding: 0 8px; 
            	//background: url(bubble_filler.gif) repeat bottom; 
            }
            a.tip:hover span.bottom{
            	display: block;
            	padding:0px 8px 8px;
                //background: url(bubble.gif) no-repeat bottom;
            }
/***********************************8*/
	#content em {
		display:block;
		margin:10px 0 70px 0;
		font-style: normal;
		font-size: 85%;
		color:#7B8255;
		text-align:center
	}

.work-short-descript dt{
	margin-right:.2em;
	color:#7b8255;
	}
.work-short-descript a { color: #4c522c; text-decoration: none;}

.form dt {
	width:100px;
	clear:both;
	float:left;
	}
.form dd {
	margin:0 0 .5em 0;
	float:left;
	}
.form dd input ,.form dd textarea {width:300px;}
.form dd input.button {width:10em;}

/******* project ticker *************/
ul.project-ticker { margin:0 0 15px 0; padding:0; }
ul.project-ticker li  { margin: 0 10px 5px 0; display: inline; font-size: 85%; color: #7B8255; }
ul.project-ticker li a { }


ul.services li { display: inline; }

.contact-label { font-size: 110%; text-align: center; margin: 3em 0 2em 0 }
.contact { font-size: 350%; text-align: center; }

/* _______ request time test START _______ */
.test {
	background:#CCCCCC none repeat scroll 0%;
	border:1px solid #999999;
	left:0pt;
	margin:5px;
	padding:5px;
	position:absolute;
	top:0pt;
	width:auto;
	z-index:10;
	}
/* _______ request time test END _______ */

/* _ comments START _ */
.comment-link {
	margin:10px 0;
	}
#commentsAnchor {
	
	}
	#commentsAnchor div{
		margin:0 0 10px 0;
		}
		div.comment-modify, div.comment-moderate {
			font-size: 85%;
			color:#7B8255;
			}
			div.comment-modify a, div.comment-moderate a {
				font-size: 85%;
				}
		div.comment span{
			font-size: 85%;
			color:#7B8255;
			padding:2px 0 0;
			}
			.comment-content {
				margin:5px 0 0 !important;
				}


			span.comment-number{
				background:url(../i/tag_left.png) no-repeat left 0;

				font-size:14px !important;

				margin:0 30px 0 0;

				padding:0 0 0 7px !important;

				height:16px;

				position:relative;

				overflow:hidden;
				}
				span.comment-number span {
					background:#8B9A44 url(../i/tag_right.png) no-repeat right 0 !important;
					color:#E1F27C;

					font-size:10px !important;

					padding:0 7px 0 0 !important;

					position:absolute;

					height:16px;

					top:0;

					left:7px;
					}


	#commentsAnchor h2{
		font-size:130%;
		margin:20px 0 10px;
		border-bottom:1px solid #4C522C;
		}
	#commentsAnchor dl{
		font-size:13px;
		margin:20px 0 0 0;
		}
		#commentsAnchor dt{
			float:left;
			width:10em;
			}
		#commentsAnchor dd{
			margin:0 0 10px;
			}
	#commentsAnchor input, #commentsAnchor textarea {
		font-size:130%;
		}
	#commentsAnchor dd.button input{
		font-size:100%;
		}
/* _ comments END _ */





/* blogs-link */

.blogs-link  {

	clear:both;

	}

.blogs-link span.aleft {

	float:left;

	padding:1px 0 7px;

	}

.blogs-link span.aright {

	float:right;

	padding:1px 0 7px;

	}

	.blogs-link a {

		text-decoration:none;

		}

		.blogs-link a span.link{

			text-decoration:underline;

			}

		span.link{

			margin:0 30px;

			}

	.blogs-link span.pic {

		padding:1px 0 7px;

		}

		.blogs-link a span.next, .blogs-link span.ditto_off span.next {

			background:transparent url(../i/next_blog.gif) no-repeat top right;

			}

		.blogs-link a span.prev , .blogs-link span.ditto_off span.prev{

			background:transparent url(../i/prev_blog.gif) no-repeat top left;

			}

/* blogPhotos *************************/

.blogPhotos {

	float:left;

	width:700px;

	margin:0;

	padding:0 0 20px 0;

/*	background:url(../i/modelPhotos-bg.gif) repeat;

*/	}

	.blogPhoto {

		overflow: hidden;

		float:left;

		display:inline;

		margin:0;

		padding:10px 20px 10px 0;

		width:120px;

		height:120px;

		text-align:center;

		}	

	.valign {

		vertical-align:middle;

		float:left;

		visibility:hidden;

		font-size:1px;

		}

span.hr {

	height:1px;

	font-size:1px;

	padding:10px 0;

	line-height:1px;

	overflow:hidden;

	width:100%;

	display:block;

/*	background:#fff url(../i/dot.gif) repeat-x 0 0;

*/	}