
body {
	font-family: Palatino Linotype, Book Antiqua, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}

input, textarea {
	background-color: #f5f5f5;
	border: 1px solid #d5bba6;
}

body.inside {
	background-color: #f4f1d7;
	padding: 30px;
}

.hidden {
	display: none !important;
}

a {
	color: black;
}

.bg {
	min-width: 100%;
	min-height: 100%;
	background: url("img/sivutaustakuva.jpg") no-repeat center center fixed;
	background-size: 100% auto;
	-o-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-khtml-background-size: 100% auto;
	
	background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-khtml-background-size: cover;
	
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: -1;
	overflow: hidden;
}

.bg.huovutukset {
	background-image: url("img/mainbg2.jpg");
}

.top {
	position: relative;
	top: 0px;
	left: 0px;
}

.top .about {
	background: url("img/topbg.png") no-repeat;
	width: 921px;
	height: 400px;
	display: table-cell;
	vertical-align: top;
}

.top .topmenu {
	display: table-cell;
	vertical-align: top;
	padding: 20px 20px 50px 23px;
}

.top .topmenu .inner {
	background: url('img/topcategoriesbg.png') no-repeat;
	width: 922px;
	height: 96px;
	padding: 15px 30px 15px 430px;
}

.top .topmenu .indexLink {
	display: block;
	position: absolute;
	top: 15px;
	left: 20px;
	width: 400px;
	height: 96px;
}

.top .topmenu .categorySlot {
	float: left;
	padding-right: 20px;
}

.top .topmenu .menuCategory {
	padding-bottom: 5px;
	font-size: 18px;
	width: 120px;
	text-align: right;
	padding-right: 15px;
	background: url('img/topcategories_arrow.png') no-repeat;
	background-position: right 10px;
}

.top .topmenu .menuCategory a {
	text-decoration: none;
}

.top .about {
	background-image: url("img/topbg4.png");
	height: 450px;
}

.top .about > img {
	margin: 20px 20px 50px 30px;
}

.top .about > img {
	margin-top: 0px;
	margin-left: 40px;
}

.top .about .content {
	position: absolute;
	left: 300px;
	top: 30px;
}

.top .about .content img:first-child {
	margin-left: 5px;
}

.top .about .content p {
	font-size: 20px;
	width: 330px;
	margin-left: 5px;
	/*background: url("img/introbg.png") no-repeat;*/
}

.contact {
	display: table-cell;
	vertical-align: top;
}

.contact > div {
	background: url("img/contactbg.png") no-repeat;
	width: 330px;
	height: 300px;
	margin: 15px 10px;
	padding: 15px 30px 40px 40px;
}

.contact.small > div {
	background: url("img/contactsmall.png") no-repeat;
}

.contact > div {
	background-image: url("img/contactbg_new2.png");
}

.contact > div {
	background-image: url("img/contactbg_new.png");
}

.contact h1 {
	margin: 0px 25px 0px 60px;
	padding: 0px;
	font-weight: normal;
	font-size: 25px;
	font-family: Palatino Linotype, Book Antiqua, Arial, sans-serif;
	text-align: center;
}

.contact .form {
	margin: 25px 0px 20px;
}


.contact .form label {
	font-size: 18px;
	font-family: Palatino Linotype, Book Antiqua, Arial, sans-serif;
	padding: 0px 35px 10px 0px;
	display: block;
	font-weight: normal;
}

.contact .form input {
	width: 100%;
}

.contact .form button {
	font-size: 18px;
	font-family: Palatino Linotype, Book Antiqua, Arial, sans-serif;
}

.contact .form textarea {
	width: 100%;
}

.contact .email {
	float: right;
	margin-top: 3px;
}

.sendbutton {
	background: url('img/sendbutton.png');
	border: 0px none;
	width: 99px;
	height: 41px;
	padding-bottom: 5px;
	cursor: hand; cursor: pointer;
}

.sendbutton:hover {
	color: #888;
}

.works.categories {
	overflow: auto;
	/*margin: -70px 0px;*/
	/*position: fixed;
	bottom: 70px;*/
	padding-left: 20px;
	margin: 0px 0px;
}

.works {
	overflow: auto;
	margin: -70px 0px;
	position: relative;
}

.works.worksInCategory {
	margin: 0px 0px;
}

 .works {
	
}

 .topmenu img {
	margin: 30px 0px 70px -5px;
	cursor: hand; cursor: pointer;
}

.works > div {
	margin: 0px 0px;
}

.works .work {
	display: table-cell;
}

 .works .work {
	display: block;
	float: left;
	margin-bottom: 50px;
}

.works .work > div {
	background: url("img/workpreview.png") no-repeat;
	width: 362px;
	height: 418px;
	padding: 5px 7px 0px 11px;
	margin: 0px 20px;
	cursor: hand; cursor: pointer;
}

.works .work > div {
	background-image: url("img/workpreview3.png");
}

.works .work.smaller > div {
	background-image: url("img/workpreview3smaller.png");
}

.works .work .workImageHolder {
	border: 0px none;
	margin: 11px 10px;
	padding: 1px 7px 8px 6px;
	background: url("img/workshadow.png") no-repeat;
	width: 312px;
	height: 234px;
	overflow: hidden;
}

.works.categories {
	clear: both;
}

@media (max-width: 800px), (max-height: 600px) {
	.page-content {
		transform: scale(0.75, 0.75);
		-ms-transform: scale(0.75, 0.75);
		-moz-transform: scale(0.75, 0.75);
		-webkit-transform: scale(0.75, 0.75);
		-o-transform: scale(0.75, 0.75);
		
		transform-origin: top left;
		-ms-transform-origin: top left;
		-moz-transform-origin: top left;
		-webkit-transform-origin: top left;
		-o-transform-origin: top left;
	}
}

.works .work .workImageHolderInner {
	width: 312px;
	height: 234px;
	overflow: hidden;
}

.works .work img.workImage {
	width: 312px;
}

.categories .workImageHolderElement {
	cursor: hand; cursor: pointer;
	float: left;
	margin-right: 50px;
	margin-bottom: 20px;
}

.works .work .details {
	margin: 0px 20px;
}

.works .work .details h1, .inside h1 {
	font-size: 29px;
	font-family: Palatino Linotype, Book Antiqua, Arial, sans-serif;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

.listEnd {
	clear: both;
}

.work_under {
	background: black;
	width: 100%;
	height: 100%;;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.work_inner {
	width: 100%;
	min-height: 100%;
	opacity: 0.5;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 2;
	overflow: hidden;
}

.work_rest {
	padding: 17px 30px 30px 35px;
	z-index: 3;
	position: absolute;
	top: 0px;
	left: 0px;
}

.workpage .work h1 {
	color: white;
	font-size: 59px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	margin-bottom: 30px;
}

.shadow {
	-moz-text-shadow: 3px 3px 4px #000;
	-webkit-text-shadow: 3px 3px 4px #000;
	text-shadow: 3px 3px 4px #000;
}

input, textarea {
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}

.work .workimages {
	width: 510px;
	float: left;
	margin-right: 47px;
	overflow: hidden;
}

.work .workimages .bigimageHolder {
	max-width: 510px;
	height: 385px;
	overflow: hidden;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.work .workimages .bigimageHolder.singleImage {
	height: 476px;
}

.work .workimages .bigimage {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	max-height: 385px;
	width: auto;
	max-width: 510px;
}

.work .workimages .bigimage.singleImage {
	width: auto;
}

.work .workimages .thumbnails {
	margin-top: 20px;
}

.work .workimages .thumbHolder {
	width: 90px;
	height: 66px;
	
	float: left;
	margin-right: 17px;
	
	/*border: rgba(0, 0, 0, 0.9) solid 2px;*/
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	background: white;
	overflow: hidden;
}

.work .workimages .thumbHolder.last {
	/*margin-right: 0px;*/
}

.work .workimages .thumbnail {
	width: 90px;
	position: relative;
	top: 33px;
	margin-top: -50%;
}

.work .thumbArea {
	float: left;
	/*background: rgba(0, 0, 0, 0.5);
	margin-right: 12px;
	padding: 2px;*/
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.work .workimages .thumbnail.active {
	opacity: 0.6;
}

.work .workimages .arrow {
	width: 28px;
	height: 29px;
	float: left;
	margin-top: 18px;
}

.work .workimages .arrow.left {
	background: url('img/lessarrow.png') no-repeat;
	margin-right: 12px;
}

.work .workimages .arrow.left.disabled {
	background: url('img/lessarrow_disabled.png') no-repeat;
}

.work .workimages .arrow.right {
	background: url('img/morearrow.png');
}

.work .workimages .arrow.right.disabled {
	background: url('img/morearrow_disabled.png') no-repeat;
}

.work .workdetails {
	width: 537px;
	/*float: left;*/
	position: fixed;
	top: 127px;
	left: 590px;
}

.work .workdetails.noimages {
	left: 30px;
}

.work .workdetails .detailarea {
	padding: 23px;
	padding-top: 12px;
}
	
.work .workdetails .detailarea h2 {
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

.work .workdetails .detailarea.fullinfo h1 {
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	font-size: 21px;
	color: black;
}

.work .workdetails .detailarea.fullinfo h2 {
	font-size: 18px;
	margin-bottom: 3px;
}

.work .workdetails .detailarea .content {
	margin-top: 12px;
	font-size: 14px;
	height: 188px;
	overflow: auto;
}

.work .workdetails .detailarea.fullinfo .content {
	height: 338px;
}

.work .workdetails .detailarea .content p {
	margin: 0px 0px 14px 0px;
}

.work .workdetails .detailarea.fullinfo {
	width: 490px;
	height: 400px;
	background: url('img/biobox.png') no-repeat;
}

.work .workdetails .detailarea.history {
	width: 490px;
	height: 245px;
	margin-bottom: 3px;
	background: url('img/workhistorybox.png') no-repeat;
}

.work .workdetails .detailarea.info {
	background: url('img/workinfobox.png') no-repeat;
}

.work .workdetails .detailarea.interested {
	background: url('img/workinterestedbox.png') no-repeat;
}

.work .workdetails .detailarea.info {
	padding-right: 15px;
	width: 198px;
	margin-right: 1px;
}

.work .workdetails .detailarea.bottomdetails {
	padding-top: 20px;
	height: 150px;
	float: left;
}

.work .workdetails .detailarea.bottomdetails h2 {
	text-align: center;
	margin-bottom: 12px;
	margin-top: 5px;
}

.work .workdetails .detailarea.info table {
	width: 100%;
}

.work .workdetails .detailarea.info table td {
	/*width: 48%;*/
	font-size: 14px;
}

.work .workdetails .detailarea.info table td:first-child {
	text-align: right;
	vertical-align: top;
	padding-right: 4%;
}

.work .workdetails .detailarea.interested {
	width: 245px;
	float: right;
}

.work .workdetails .detailarea.interested.onlyBottomDetail {
	float: left;
}

.work .bottomdetailarea {
	width: 100%;
}

.work .form .formarea, .work .form .formarea {
	padding-bottom: 5px;
}

.work .form textarea, .work .form .from, .work .form button {
	float: right;
	width: 57%;
	margin-top: 1px;
}

.work .form button {
	clear: both;
	float: right;
}

.work .infoTable p {
	margin: 0px;
	padding: 0px;
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.imagelink {
	border: 0px none;
}

body {
	min-width: 1170px;
}

.biografia {
	margin-top: -10px;
	margin-left: 0px !important;
}

.magnifier {
	border: 0px none !important;
	z-index: 100;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}

.backToMainCategories {
	display: block;
	width: 262px;
	height: 44px;
	background: url('img/back_to_categories.png') no-repeat top left;
	margin-left: 25px;
	margin-bottom: 5px;
    margin-top: -50px;
    position: absolute;
}

.metaKey {
	float: left;
	font-weight: bold;
}

.metaKey.saleinfo {
	font-weight: bold;
	text-transform: capitalize;
}

.metaValue {
	float: left;
	margin-left: 0.5em;
}

.metaValue.saleinfo {
	font-weight: bold;
}

.metaValue.saleinfo.my, .metaKey.saleinfo.my {
	color: #3da326;
}

.metaValue.saleinfo.ti, .metaKey.saleinfo.ti {
	
}

.metaValue.saleinfo.tu, .metaKey.saleinfo.tu {
	
}

.salesTop {
	position: fixed;
	top: 45px;
	left: 608px;
	color: #A8E69A;
	font-weight: bold;
	font-size: 28px;
	-moz-text-shadow: 3px 3px 4px #000;
	-webkit-text-shadow: 3px 3px 4px #000;
	text-shadow: 1px 1px 2px black;
	text-transform: capitalize;
}

.salesTop .price {
	font-size: 23px;
	margin-left: 15px;
}

.salesTop.ti {
	color: #9ABCE6;
}

.salesTop.tu {
	color: #E6E59A;
}

.metaEnd {
	clear: both;
}

/*
@media (max-width:1170px) {
	.works.categories > div {
		transform: scale(0.5, 0.5);
		-ms-transform: scale(0.5, 0.5);
		-moz-transform: scale(0.5, 0.5);
		-webkit-transform: scale(0.5, 0.5);
		-o-transform: scale(0.5, 0.5);
	}
}

@media (max-height:600px) {
	.works.categories > div {
		transform: scale(0.5, 0.5);
		-ms-transform: scale(0.5, 0.5);
		-moz-transform: scale(0.5, 0.5);
		-webkit-transform: scale(0.5, 0.5);
		-o-transform: scale(0.5, 0.5);
	}
}
*/
