body { 	background-color: #f1f1ec; background-image: url('../images/bck-body.png'); }
body {
	overflow: auto;
}
.container { margin: 0 auto; background: gray;  }
.container.header, .container.footer {
	background-color: #f1f1ec;
}
.container.main {
	background-color: #e8e8df;
}

.container.header, .container.header {
	width: 1005px;
}

#header, #main, #footer {

	margin: 0 auto;
}

#header {
	height: 151px;
	/*background-color: #f1f1ec;*/
	background-image: url('../images/bck-header.jpg');
	background-position: center bottom;
	background-repeat: no-repeat;
}
	#logo {
		margin-top: 10px;
		margin-left: 45px;
	}
	
	ul#menu {
		width: 907px;
		height: 17px;
		margin: 0 auto;
		margin-top: 20px;
		
	}
	#header ul#menu li {
		display: block;
		height: 21px;
		float: left;
		background-position: center -21px;
		background-repeat: no-repeat;
	}
	#header ul#menu li a{
		height: 17px;
		display: block;
		text-decoration: none;
		text-indent: -100px;
		overflow: hidden;
	}
	#header ul#menu li#about {
		background-image: url('../images/menu/pl/about.png');
		width: 86px;
		margin-left: 13px;
	}
	#header ul#menu li#portfolio {
		background-image: url('../images/menu/pl/portfolio.png');
		width: 113px;
		margin-left: 40px;
	}
	#header ul#menu li#stories {
		background-image: url('../images/menu/pl/stories.png');
		width: 102px;
		margin-left: 26px;
	}
	#header ul#menu li#contact {
		background-image: url('../images/menu/pl/contact.png');
		width: 95px;
		margin-left: 34px;
	}
	#header ul#menu li#blog {
		background-image: url('../images/menu/pl/blog.png');
		width: 55px;
		margin-left: 45px;
	}
	#header ul#menu li#english {
		background-image: url('../images/menu/pl/language.png');
		width: 92px;
		float: right;
		margin-right: 10px;
	}
	
	#header ul#menu li.hover {
		background-position: 0 1px;
	}
	#header ul#menu li.current {
		background-position: 0 0;
	} 


#main {
	min-height: 442px;
	background-color: #e8e8df;
	/*border: 1px solid black;*/
	padding-top: 33px;
	background-image: url('../images/bck-main.jpg');
	background-position: center top;
	background-repeat: repeat-y;
}
	#main .contact {
		width: 887px;
		height: 352px;
		background-color: #efefe9;
		margin: 0 auto;
		padding: 10px;
	}
	
	#main .contact3 {
		width: 887px;
		height: 462px;
		margin: 0 auto;
		padding: 10px;
	}
	#main .contact3 #contact-form {
		float: right;
		width: 532px;
		background-color: #f5f5f1;
		padding: 10px;
		padding-right: 38px;
		height: 340px;
	}

	#main .portfolio {
		width: 887px;
		min-height: 505px;
		margin: 0 auto;
		padding: 10px;
		margin-bottom: 0px;
	}
	
	img.portfolio-pic {
		float: left;
		margin-right: 13px;
		margin-bottom: 13px; 
	}	
	img.portfolio-pic.last{
		margin-right: 0;
	}
	
	#main .gallery {
		width: 887px;
		min-height: 470px;
		margin: 0 auto;
		padding: 10px;
		margin-bottom: 0px;
	}
	.gallery h1 a, a.pic.stories-link.text, span.pic.stories-link.text {
		font-weight: bold;
		display: block;
		font-family: Georgia;
		font-size: 14px;
		color: #504f44;
		height: 22px;
		width: 200px;
		background-image: url('../images/bck-hr.gif');
		background-repeat: no-repeat;
		background-position: bottom;
		text-decoration: none;
	}
	span.pic.stories-link.text {
		background-image: none;
		float: left;
		width: auto;
		margin-left: 20px;
		margin-top: 4px;
	}
	
	.gallery h1 a:hover, a.pic.stories-link.text:hover  {
		color: #3691a2;	
		text-decoration: none;
	}
	.gallery h1 a.hover, a.pic.stories-link.text.hover  {
		color: #3691a2;	
		text-decoration: none;
	}

	
	a.pic.stories-link .text {
		
	}
	
	a.btn-show {
		display: block;
		background-image: url('../images/btn-show.png');
		width: 71px;
		height: 14px;
		margin-top: 6px;
	}
	a.btn-show:hover {
		background-position: 0 -15px;
	}
	a.btn-show.hover {
		background-position: 0 -15px;
	}
	
	
	a#btn-send {
		cursor: pointer;
		display: block;
		background-image: url('../images/btn-send_pl.png');
		width: 65px;
		height: 17px;
		margin-top: 6px;
		margin-top: 15px; margin-right: 10px; float: right;
		background-position: 0 -17px;
	}
	
	a#btn-send:hover {
		background-position: 0 0px;
	}
	
	
	#main .about {
		width: 887px;
		min-height: 355px;
		margin: 0 auto;
		padding: 10px;
		margin-bottom: 0px;
		overflow: hidden;
	}
	
	#main .about #text {
		float: right;
		width: 580px;
		padding: 8px;
		padding-left: 30px;
		padding-right: 0;
		font-family: Georgia;
		font-size: 12px;
		color: #6d6852;
	}
	
	#main .about #text p {
		margin-bottom: 14px;
		line-height: 18px;
	}
	
	#oportunity {
		float: right;
		margin-top: 65px;
		margin-right: 40px;
		font-family: Georgia;
		font-size: 12px;
		color: #6d6852;
	}
	
	#signature {
		position: relative;
		left: -110px;
		top: -70px;
	}
	
	.clear {
		clear: both;
	}
	
	
	.hr2 {
		border: 0;
		display: block;
		width: 473px;
		height: 1px;
		background-image: url('../images/bck-hr2.png');
		background-repeat: no-repeat;
	}
	
	div.pagination
	{
		text-align: center;
		width: 200px;
		margin: 0 auto;
		/*border: 1px solid #ccc;*/
		height: 20px;
	}
	p#pagination p {
		text-align: center;
		margin: 0 auto;
	}
	
	p#pagination a, p#pagination span {
		font-family: Arial;
		font-size: 12px;
		width: 12px;
		background-image: url('../images/bck-li-spc.png');
		background-position: right 2px;
		background-repeat: no-repeat;
		padding-left: 4px;
		padding-right: 8px;
	}
	p#pagination .current {
		font-weight: bold;
		color: #908e7b;
	}
	p#pagination a {
		color: #908e7b;	
	}
	p#pagination a:hover {
		color: #3691a2;	
		text-decoration: none;
	}
	p#pagination span.last, p#pagination a.last {
		background: none;
	}
	
	p.contact-text {
		display: block;
		color: #3a362b;
		font-family: Georgia;
		font-size: 12px;
		margin-right: 10px;
		width: 570px;
		float: right;
		margin-bottom: 14px;
		line-height: 18px;
	}
	p.contact-text a {
		text-decoration: underline;
		color: #3a362b;
	}
	p.contact-text a:hover {
		text-decoration: none;
		color: #908E7B;
	}
	
	label {
		display: block;
		width: 200px;
		float: left;
		color: #4d493d;
		font-family: Georgia;
		font-size: 13px;
		text-align: right;
		padding-top: 4px;
		padding-right: 10px;
		clear: both;
		letter-spacing: 0.5px;
	}
	input, textarea {
		width: 315px;
		height: 19px;
		float: right;
		text-align: left;
		margin-bottom: 8px;
		border: 1px solid #cacab9;
		font-family: Arial;
		font-size: 12px;
		color: #cacab9;
		padding-top: 4px;
		padding-left: 4px;
	}
	input.current, textarea.current {
		color: #918E85;
	}
	input.required, textarea.required {
		border: 1px solid #3691a2;
		color: #3691a2;
	}
	textarea {
		overflow: auto;
	}
	a {
		color: #908e7b;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	
	.text-email {
		background-image: url('../images/text-email.png');
		background-repeat: no-repeat;
		width: 371px;
		height 250px;
		text-indent: -999px;
		margin-top: 4px;
	}
	.text-copyrights {
		width: 540px;
		height: 42px;
		background-image: url('../images/text-copyrights.png');
		background-repeat: no-repeat;
		background-position: top left;
		padding-top: 16px;
		text-align: right;
		margin: 0 auto;
		font-family: Georgia;
		font-size: 11px;
	}
	

#footer {
	background-color: #f1f1ec;
	background-image:  url('../images/bck-footer.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	height: 70px;
	color: #918e85;
	font-family: Arial;
	font-size: 13px;
	text-align: center;
	padding-top: 15px;
}



#btn-nav-prv, #btn-nav-sld, #btn-nav-nxt, #btn-nav-cls {
	height: 27px;
	display: inline;
	float: left;
	background-repeat: no-repeat;
	background-position: top;
	cursor: pointer;
}
#btn-nav-prv:hover, #btn-nav-sld:hover, #btn-nav-nxt:hover, #btn-nav-cls:hover {
	background-position: 0 -23px;
}

#btn-nav-prv {
	width: 100px;
	background-image: url('../images/portfolio-nav/pl/prv.png');
}
#btn-nav-prv.hidden {
	width: 100px;
	background-image: none;
	cursor: default;
} 
#btn-nav-sld {
	width: 100px;
	background-image: url('../images/portfolio-nav/pl/sld.png');
}
#btn-nav-sld:hover {
	background-position: 10px -23px;
}
#btn-nav-sld.on {
	background-position: 10px -50px;
}
#btn-nav-nxt {
	width: 86px;
	background-image: url('../images/portfolio-nav/pl/nxt.png');
}
#btn-nav-nxt.hidden {
	width: 86px;
	background-image: none;
	cursor: default;
}
#btn-nav-cls {
	width: 86px;
	background-image: url('../images/portfolio-nav/pl/cls.png');
}
#btn-nav-cls:hover {
	background-position: 9px -23px;
}

#portfolio-nav {
	width:380px; margin-bottom: 30px; float: right; background-repeat: no-repeat; height: 33px; background-position: center bottom; 
}