ÿþ* 		{ 	margin:0; padding:0; }
html	{ 	height:100%; }
body 	{	min-height:100%;
			height:auto; 
			position:relative;
			font:normal 100.01% 'Lucida Grande','Lucida Sans Unicode', 'Helvetica', 'Arial', 'Tahoma', 'sans-serif';
			line-height:120%;
			color:#4c522c;
			background:#d5ed61 url(../i/body-bg-v2.jpg) ;
		    min-width:1024px;
			}			
p 		{ 	padding:0 0 1em 0; font-size: 12px; }
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 **********************************/

	.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:150px;
		margin:0 auto;
		text-align:left;
		position:relative;		
		z-index:3;
		}
		#logo {
			position:absolute;
			top:50px;
			left:87px;
			}
/**  Index-nav  ***************************************/
#index-nav {
	position:absolute;
	top:20px;
	right:73px;
	list-style:none;
	padding:0;	
	}
	#index-nav li{
		float:left;
		padding:0;	
		margin:0 10px;
		cursor:default;
		color: #35410b;
		font: normal 70% 'Lucida Grande','Lucida Sans Unicode', 'Helvetica', 'Arial', 'Tahoma', 'sans-serif';
		}
	#index-nav li a { 
		color: #79854F;
		text-decoration: none;
		}	
	#index-nav li a:hover { 
		color: #35410b;
		text-decoration: none;
		}	
	#index-nav li a.twitter {
		display: block; width: 16px; height: 16px;
		background: url(../i/ico16-twitter.gif) no-repeat 0px 0px; 
		}	
		#index-nav li a.twitter:hover { background: url(../i/ico16-twitter.gif) no-repeat 0px -16px; 
		}	
	#index-nav li a.facebook {
		display: block; width: 16px; height: 16px;
		background: url(../i/ico16-facebook.gif) no-repeat 0px 0px; 
		}	
		#index-nav li a.facebook:hover { background: url(../i/ico16-facebook.gif) no-repeat 0px -16px; 
		}	


		
/** Navigation  ***************************************/
#navigation {
	position:absolute;
	top:80px;
	right:72px;
	list-style:none;
	padding:0;	
	}
	#navigation li{
		float:left;
		padding:0;	
		margin:0;		
		}
		
		#navigation li a {
			display:block;			
			margin:0 10px 5px 10px;	
			padding:2px;			
			line-height:90%;
			color: #383F0A;
			font: normal 70% 'Lucida Grande','Lucida Sans Unicode', 'Helvetica', 'Arial', 'Tahoma', 'sans-serif';
			text-decoration:none;
			text-transform: uppercase;
			letter-spacing: 1.5px;
			border-bottom: #BACA60 solid 1px; 
			}
		#navigation li a:hover {
			color: #DFF179;
			border-bottom: #35410b solid 1px;
			background: #35410b;
			padding: 2px;
			}	
		#navigation li span {
			display:block;			
			margin:0 10px 5px 10px;	
			color: #35410b;
			font: normal 70% 'Lucida Grande','Lucida Sans Unicode', 'Helvetica', 'Arial', 'Tahoma', 'sans-serif';
			text-decoration:none;
			text-transform: uppercase;
			color: #DFF179;
			border-bottom: #35410b solid 1px;
			background: #35410b;
			padding: 2px;
			letter-spacing: 1.5px;
			}	
		#navigation li span.nav-sep {
			font-size: 9px;
			color: #35410b;
			margin:1px 10px 5px 10px;	
			padding: 2px;
			background: none;
			border-bottom: none;
			}	
	
		#navigation li.active a {
			color: #DFF179;
			border-bottom: #35410b solid 1px;
			background: #35410b;
			padding: 2px;
			}	
			#navigation li.active a:hover {
				color: #DFF179;
				border-bottom: #35410b solid 1px;
				background: #35410b;
				padding: 2px;
				}	
			
			#pageName{
				position:absolute;
				top:141px;
				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 100px 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:40px 67px 40px;
			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:100px;
	}
	#footer-content {
		width:860px;
		padding-top:30px;
		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 .flash-content{
						margin:10px;
						float:left;
						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:140%;				
					}
					dd.work-descript-container dd {
						height:2.8em;
						overflow:hidden;
						}

.work-short-descript dt{
	margin-right:.2em;
	margin-bottom: 5px;
	color:#95A248;
	font-family: "Georgia";
	font-style: italic;
	letter-spacing: 1px;
	}
.work-short-descript a { color: #4c522c; text-decoration: none;}
.work-short-descript a:hover { color: #222; text-decoration: none;}

/* __________________________ */
	.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%;
	}

.flash-holder {	
	margin:0 auto;
	text-align:center;
	}

.date {
	margin-right:.2em;
	margin-bottom: 5px;
	color:#95A248;
	font-family: "Georgia";
	font-style: italic;
	letter-spacing: 1px;
	}	

#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:25px;
	left:-50px;
	z-index:1000;
	}
#PJN_Next {
	position:absolute;
	top:25px;
	right:-50px;
	z-index:1000;
	}
	#PJN_Prev a, #PJN_Next a {
		font: normal 34px "Lucida Grande", "Arial", "Trebuchet MS", "Comic Sans MS";
		text-decoration: none;
		color: #35410b;
		}
/*********************************************/		
        a.tip span{ display: none; }
	/*background:; ie hack, something must be changed in a for ie to execute it*/
            #PJN_Prev a:hover { color: #35410b; }
            a.tip:hover span.tooltip-left{
                display:block; position:absolute;
                bottom:6px; 
                left:20px;
            	padding: 2px 5px;
            	white-space: nowrap;
            	font-size:11px;
                text-align: left;
            	background: #35410b; 
            	color: #DFF179;
            	border: none;
            }
            a.tip:hover span.tooltip-right{
                display:block; position:absolute;
                bottom:6px; 
                right:20px;
            	padding: 2px 5px;
            	white-space: nowrap;
            	font-size:11px;
                text-align: left;
            	background: #35410b; 
            	color: #DFF179;
            	border: none;
            }
            a.tip:hover span.top{
            	display: block;
            	padding: 2px 2px 0;
            }
            a.tip:hover span.middle{ /* different middle bg for stretch */
            	display: block;
            	padding: 0 2px; 
            }
            a.tip:hover span.bottom{
            	display: block;
            	padding:0px 2px 2px;
            }
/***********************************8*/
	#content em {
		display:block;
		margin:10px 0 70px 0;
		font-style: normal;
		font-size: 85%;
		color:#7B8255;
		text-align:center
	}

.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;

*/	}