body {
    background: #fff url(/img/bg.jpg) top center no-repeat ;
    color: #222;
    
    font-family: "Arial", sans-serif;
    font-size: 12px;
    
    line-height: 16px;
    
    padding:0;
    margin:0;
}

a,
a:visited,
a:link,
a:active {
    /* color: #9d5da6; */
    color: #0094BF;
}

    a:hover {
	
    }
    
    a img {
        border: 0;
    }


form {
	padding:0;
	margin:0;
}



#page {
    width: 940px;
    margin: 0 auto;
    
    padding: 53px 0 0 0;
    
}

.clr {
    clear: both;
}

    .clr hr {
        display: none;
    }

h1#logo{
    
    padding:0;
    margin: 0;
    
    width: 150px;
    font-family: "arial", sans-serif;
    
    font-weight: bold;
    font-style: normal;
    text-transform: lowercase;
    letter-spacing: -0.05em;
    font-size:38px;
    line-height: 34px;
    
    
}

    h1#logo a {
        color: #283040;
        text-decoration: none;
    }

    h1#logo a span {
	color: #283040;
        font-weight: normal;
    }



#menu{
    float: left;
    
    list-style: none;
    width: 160px;
    margin: 0;
    padding: 85px 20px 60px 60px;
}

    #menu li {
        padding: 0 0px 5px 0;
        font-size:14px;
        line-height: 19px;
	font-weight: bold;
    }
	#menu li sup {
	    font-weight: normal;
	    font-size: 10px;
	    line-height: 10px;
	    /* color: #9d5da6; */
	    color: #0094BF;
	    padding: 0 0 0 2px;
	}
	#menu li.work {
	    
	}
	#menu li.page,
	#menu li.blog {
	    padding: 35px 0 0 0;
	}
	    #menu li.blog sup a {
		text-decoration: none;
	    }

    #menu li a,
    #menu li a:visited,
    #menu li a:link,
    #menu li a:active
    {
        /* color: #4a565d; */
	/* color: #9d5da6; */
	color: #0094BF;
    }

    #menu li.active a {
        /* color: #a1a1a1; */
        color: #adb3b8;
        text-decoration: none;
    }
	#menu li.active sup {
	    color: #adb3b8;
	}
    
    #menu li a span.and {
        font-family: "palatino linotype", "georgia", "times", serif;
        font-style: italic;
        
        display: inline;
        width: auto;
    }
    
        #menu li.active span.and {
            color: #fff;
        }



/* ************************************************************************* */
/* ************************************************************************* */
/* ************************************************************************* */

#menu_container {
    float: left;
    width: 260px;
}

#fresh_tip .text h1,
#fresh_contact .text h3,
#fresh_logo .text h3,
#fresh_web .text h3,
#fresh_web .text2 h2,
#content .social h3 {
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    letter-spacing: 0em;
    line-height: 15px;
    color: #283040;
    margin: 0;
    padding: 0 0 5px 0;
    
}

a.more {
    display: block;
    padding: 0 0 0 10px;
    margin: 0;
    font-size: 11px;
    color: #0094bf;
}


#fresh_web {
    float: left;
    width: 680px;
    padding: 0 0 0 0;
    position: relative;
}
    #fresh_web .text {
	background: transparent url(/img/home/fresh-arrow.png) 10px 91px no-repeat;
    }
#fresh_logo {
    float: left;
    padding: 0 0 30px 0;
}
    #fresh_logo .text {
	background: transparent url(/img/home/fresh-arrow.png) 0 60px no-repeat;
    }
#fresh_contact {
    float: right;
    padding: 214px 0 10px 27px;
    background: transparent url(/img/home/contacts.jpg) -36px 90px no-repeat;
    width: 340px;
}
#fresh_tip {
    float: left;
    padding: 60px 20px 0px 60px;
    width: 350px;
}
    #fresh_tip .text {
	background: transparent url(/img/home/tip.jpg) top left no-repeat;
	padding: 35px 50px 79px 50px;
    }
    
    #fresh_web .image {
	float: left;
	padding: 0 0 30px 0;
    }
    #fresh_logo_image {
	float: left;
	padding: 95px 0 30px 0;
    }
    
    #fresh_web .text {
	float:left;
	width:130px;
	padding: 85px 0 0 30px;
    }
    #fresh_web .text2 {
	float: right;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 165px;
    }
	#fresh_web .text p,
	#fresh_web .text2 p,
	#fresh_logo .text p,
	#fresh_contact .text p,
	#fresh_tip .text p {
	    font-size: 11px;
	    color: #656c73;
	    line-height: 16px;
	    padding: 0 0 5px 10px;
	    margin: 0;
	}
	
    #fresh_logo .text {
	float: left;
	width: 180px;
	padding: 55px 0 0 20px;
    }




/* ************************************************************************* */
/* ************************************************************************* */
/* ************************************************************************* */



#footer {
    padding: 2px 0 40px 287px;
    background: transparent url(/img/bg-footer.jpg) 179px -4px no-repeat;
    font-size: 11px;
    line-height: 16px;
    text-align: left;
    
    color: #b9b9b9;
}

    #footer a {
        color: #b9b9b9;
        text-decoration: none;
    }
    
    #footer .right {
	float: left;
    }
    #footer .copy {
	float: left;
	padding: 0 3px 0 0;
    }
    
    #footer .uno {
	float: left;
	padding: 0 0 0 88px;
	background: transparent url(../img/ternopilski-ogoloshennya-uno-te-ua.png)70px 0px no-repeat;
    }
	#footer .uno a {
	    /* color: #bb0; */ 
	}

/* ************************************************************************* */
/* ************************************************************************* */
/* ************************************************************************* */


#content {
    float: left;
    width: 680px;
    padding: 25px 0 0 0;
}

	#content .col {
		float: left;
		width: 660px;
		text-align: left;
		padding: 0 19px 0 0;
		margin:0;
	}
		#content .col .item h4 {
		    float: left;
		    width: 250px;
		    padding: 0px 0px 0px 20px;
		    margin: 0;
		    font-size: 12px;
		    font-weight: bold;
		}
		    #content .col .item h4 a,
		    #content .col .item h4 a:hover,
		    #content .col .item h4 a:link,
		    #content .col .item h4 a:active,
		    #content .col .item h4 a:visited {
			padding: 0 0 0 12px;
			background: transparent url(/img/portfolio-page.png) 0px 2px no-repeat;
			color: #0094BF;
			text-decoration: underline;
		    }
		#content .col .item .comment {
		    float: right;
		    width: 250px;
		    font-size: 11px;
		    /* color: #999; */
		    color: #656C73;
		    line-height: 16px;
		}

		#content .col .item {
			padding: 0 10px 50px 20px;
			clear: both;
		}
			#content .col .item img {
			    border: solid 1px #ddd;
			}

			#content .col .item a {
				display: block;
				padding:0 0 11px;

				background: #fff;
			}

			#content .col .item span {
				color:#0094BF;
				display:block;
				font-size:12px;
				letter-spacing:0;
				line-height:13px;
				padding:10px;
				text-decoration:underline;
			}

			#content .col .item i {
				display: block;
				padding: 3px 0 0 0;
				font-size: 9px;
				line-height: 10px;
				text-transform: lowercase;
				color: #8fa0a9;
			}


	#content .text {
		background: #fff;
		color: #000;
		/* padding: 10px 28px 28px 28px; */
		padding: 0 0 30px 0;
		text-align: left;
	}

		#content h2 {
			font-size: 22px;
			font-weight: bold;
			letter-spacing: -0.03em;
			line-height: 22px;
			margin: 0;
			padding: 5px 0 40px 0;
		}
		#content .text h2 {
		    padding: 5px 0 40px 5px;
		    float: left;
		}	
		#content .text h3 {
			float: left;
			font-size: 22px;
			font-weight: normal;
			letter-spacing: -0.03em;
			line-height: 22px;
			margin: 0;
			padding: 5px 0 0px 0;
			color: #8fa0a9;
		}
		    #content .text h3 a {
			color: #adb3b8 !important;
		    }
		

		#content .text .images .description {
			padding: 0px 0 16px 0;
			margin: 0;
			font-size: 9px;
			font-style: italic;
			letter-spacing: 0;
			line-height: 17px;

			color: #000;
		}
		
		/*
		#content h3 {
			font-size: 18px;
			letter-spacing: 0;
			line-height: 18px;
			color: #8fa0a9;
		}
		*/

		#content .images {
			padding: 15px 0 15px 10px;
			clear: both;
		}
		    #content .images p {
			padding: 0 0 10px 30px;
			margin: 0;
			font-size: 11px;
			font-style: normal;
			line-height: 16px;
			color: #283040;
		    }
		    #content p.title {
			padding: 15px 0 10px 30px;
			margin: 0;
			font-size: 11px;
			font-style: italic;
			letter-spacing: 0;
			line-height: 16px;
			color: #656C73;
		    }



	#content .first {
		float: left;

		width: 405px;
		padding: 0 19px 0 0;
		margin: 0;

		text-align: left;

	}
	    #content form {
		padding: 0 0 0 30px;
	    }
	    #content .bgr {
		    padding: 0;
		    margin: 0;
	    }

	#content .about,
	#content .social{
		float: left;
		padding: 0;
		width: 193px;
		text-align: left;
	}
	#content .social {
	    padding: 52px 0 0 0;
	}

		#content .about {
			padding: 0 19px 0 0;
		}

		#content form input.textinput,
		#content form textarea.textinput{
			width: 300px;
			border: solid 1px #ADB3B8;
			padding: 4px 4px 5px 4px;
			margin: 0 0 15px 0;
			font-size: 12px;
			color: #283040;
			font-family: "Arial", sans-serif;
		}

		#content form textarea.textinput {
			font-size: 11px;
			height: 110px
		}
		
		#content form textarea.cont {
			height: 50px;
		}

		#content form input.send {
			padding: 0px 0 0 0;
		}
		/*
		#content p,
		#content p {
		    padding: 0 0 10px 30px;
		    margin: 0;
		    font-size: 11px;
		    font-style: normal;
		    line-height: 16px;
		    color: #283040;
		}
		*/
		#content form p {
		    padding: 0px 0 6px 0px;
		    margin: 0;
		    font-size: 11px;
		    font-style: normal;
		    letter-spacing: 0;
		    line-height: 16px;
		    color: #656C73;
		}
		    #content form p i,
		    #content .social p i {
			color: #ADB3B8;
		    }
		    #content p.warn {
			color: #b40;
			padding: 20px 0;
		    }
		
		#content .social h3 {
		    line-height: 17px;
		}
		#content .social h4 {
		    font-size: 11px;
		    line-height: 16px;
		    letter-spacing: 0;
		    font-weight: normal;
		    padding: 15px 0 0 20px;
		    margin: 0;
		    color: #656C73;
		}
		    #content .social p {
			padding: 0 0 0 20px;
			margin: 0;
			font-size: 14px;
			font-style: normal;
			font-weight: normal;
			letter-spacing: 0;
			line-height: 16px;
			color: #283040;
		    }


/*
		#content h3 {
			color:#697C86;

			font-size:9px;
			font-style:normal;
			font-weight: bold;
			letter-spacing:0.1em;
 			text-transform:uppercase;

			padding: 8px 0 0 0;
			margin: 0;
		}

			#content h3 a {
				color: #fff !important;
				background-color:#697C86;
				padding: 2px 4px;
			}
*/



	#content .nav {
            padding: 20px 0 40px 0;
	    margin: 0 auto;
	    text-align: center;
            list-style: none;
            font-size: 9px;
            letter-spacing: 0;
            line-height: 9px;

    }

    #content .nav span {
            padding: 0 26px;

            font-style: italic;
    }


	#content .nav span.separator {
		color: #ccc;
	}
							
	#content .nav span.back a {
			color: #697c86 !important;

			font-size: 9px;

			text-transform: uppercase;
			font-style: normal;
			letter-spacing: 0.1em;
	}

    #content .nav span.next {
		
    }

 /* ************************************************************************* */
 
#content .prev_next {
    float: right;
}
    #content .prev_next .prev {
	
    }
    #content .prev_next .slash {
	font-size: 18px;
	color: #8FA0A9;
	padding: 0 5px;
    }
    #content .prev_next .next {
	
    }