@charset "utf-8";
/* CSS Document */

img{
	border:none;
}
body {
	background:url(img/bg_must.jpg) #191919;
	margin:0;
	padding:0;
	font-family:'FontinSans', Arial, Helvetica, sans-serif;
	line-height:21px;
	font-size:13px;
	min-width:990px;
}
#pilt_bg {
	width:100%;
	height:571px;
	background:url(img/bg_valge.jpg) repeat-x top;
	float:left;
	min-width:990px;
}
#pilt {
	width:100%;
	height:571px;
	background:url(img/yleminek.png) no-repeat left top;
	float:left;
	min-width:990px;
}


#eng {
	position:absolute;
	left:120px;
	top:0;
	width:172px;
	height:39px;
	z-index:800;
	display:block;
}

#eng a{
	position:absolute;
	width:172px;
	height:39px;
	display:block;
	background:url(img/eng.png) no-repeat left top;
}
#eng a:hover{
	position:absolute;
	width:172px;
	height:39px;
	display:block;
	background:url(img/eng.png) no-repeat left bottom;
}

.content {
	width:790px;
	height:auto;
	float:left;
	color:#fff;
	position:absolute;
	z-index:888;
	left:0;
	top:0;
}
#vasak{
	width:332px;
	height:406px;
	background:url(img/vasak.jpg) no-repeat left top;
	float:left;
	padding:165px 0 0 130px;
}
#keskmine{
	width:365px;
	height:571px;
	background:url(img/middle_top.jpg) no-repeat left top;
	float:left;
}
#keskmine .layer-top{
	width:365px;
	height:293px;
	background:url(img/aken.png) no-repeat left bottom;
	position:absolute;
	z-index:200;
}
#keskmine .bottom-layer1{
	width:280px;
	height:160px;
	background:url(img/akna-bg.jpg) no-repeat left top;
	position:absolute;
	z-index:190;
	margin-top:118px;
}
#right{
	width:163px;
	height:571px;
	background:url(img/right_bottom.jpg) no-repeat left bottom;
	float:left;
}
ul#nav {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	text-indent:-9999px;
}
ul#nav li {
	float:left;
	width:163px;
	margin:0;
	padding:0;
	text-align:center;
}
ul#nav li a {
	display:block;
	width:163px;
	float:left;
	color:#393939;
	text-decoration:none;
}
ul#nav li.teenused {
	background:url(img/nav1.png) no-repeat top;
	height:133px;
}
ul#nav li.teenused a {
	background:url(img/nav1.png) no-repeat top;
	height:133px;
}
ul#nav li.teenused a:hover {
	background:url(img/nav1.png) no-repeat bottom;
}
ul#nav li.portfell {
	background:url(img/nav2.png) no-repeat top;
	height:113px;
}
ul#nav li.portfell a {
	background:url(img/nav2.png) no-repeat top;
	height:113px;
}
ul#nav li.portfell a:hover {
	background:url(img/nav2.png) no-repeat bottom;
}
ul#nav li.kontakt {
	background:url(img/nav3.png) no-repeat top;
	height:104px;
}
ul#nav li.kontakt a {
	background:url(img/nav3.png) no-repeat top;
	height:104px;
}
ul#nav li.kontakt a:hover {
	background:url(img/nav3.png) no-repeat bottom;
}
a{
	text-decoration:none;
	color:#ffc300;
}
.sisu a{
	padding:0 2px;
}
a:hover{
	text-decoration:none;
	background:#ffc300;
	color:#000;
}
#vasak h2{
	padding:0;
	margin:0;
	width:174px;
	float:left;
	clear:both;
	line-height:24px;
	color:#9c9984;
	font-size:16px;
	font-weight:normal;
	font-family:'DiavloBook', Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 0px #000;
	border:none;
}
#vasak h2 span{
	color:#ffc600;
}
h1{
	padding:0;
	margin:0;
	width:173px;
	float:left;
	clear:both;
	line-height:18px;
	color:#9d9a85;
	font-size:15px;
	font-weight:normal;
	font-family:'DiavloBook', Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 0px #000;
	text-align:right;
	margin:5px 0 25px 0 ;
}
h2, h3{
	padding:0;
	margin:0;
	width:740px;
	float:left;
	clear:both;
	line-height:30px;
	color:#ffc300;
	font-size:22px;
	font-weight:normal;
	border-bottom:1px solid #ffc300;
	margin-bottom:16px;
	display:inline;
	padding:10px 0 14px 0;
	font-family:'DiavloBook', Arial, Helvetica, sans-serif;
	text-shadow:2px 1px 0px #000;
}
h4{
	font-size:normal;
	color:#fff;
	padding:0;
	margin:0;
	line-height:normal;
}
.sisu h3{
	padding:0;
	margin:0;
	width:350px;
	float:left;
	clear:both;
	line-height:36px;
	color:#ffc300;
	font-size:18px;
	font-weight:normal;
	border-bottom:1px solid #ffc300;
	margin-bottom:14px;
	display:inline;
	padding:0;
	font-family:'DiavloBook', Arial, Helvetica, sans-serif;
	text-shadow:2px 1px 0px #000;
}
@font-face {
	font-family: 'DiavloBook';
	src: url('font/diavlo/diavlo-webfont.eot');
	src: local('☺'), url('font/diavlo/diavlo-webfont.woff') format('woff'), url('font/diavlo/diavlo-webfont.ttf') format('truetype'), url('font/diavlo/diavlo-webfont.svg#webfontIAKKPmAc') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FontinSans';
	src: url('font/fontin/fontin_sans_r_45b-webfont.eot');
	src: local('☺'), url('font/fontin/fontin_sans_r_45b-webfont.ttf') format('truetype'), url('font/fontin/fontin_sans_r_45b-webfont.svg#webfonttz8HHnVg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FontinSans';
	src: url('fontin_sans_b_45b-webfont.eot');
	src: local('☺'), url('font/fontin/fontin_sans_b_45b-webfont.ttf') format('truetype'), url('font/fontin/fontin_sans_b_45b-webfont.svg#webfontu17XMzvE') format('svg');
	font-weight: bold;
	font-style: normal;
}
.page {
	width:740px;
	height:auto;
	float:left;
	clear:both;
	background:url(img/sisubg.png) no-repeat left top;
	padding:10px 25px 30px 25px;
	overflow:visible;
	position:relative;
	z-index:999;
}
.sisu {
	width:740px;
	height:auto;
	float:left;
	clear:both;
}
.sisu #tagcloud{
	width:380px;
	height:auto;
	float:right;
	padding:40px 0 20px 20px;
	text-align:center;
	line-height:28px;
}
.sisu #tagcloud a{
	color:#887d5a;
	font-weight:bold;
}

.sisu #tagcloud a.l{
	font-size:16px;
	color:#948964;
}
.sisu #tagcloud a.xl{
	font-size:18px;
	color:#a79b75;
}
.sisu #tagcloud a.xxl{
	font-size:19px;
	color:#c2b27e;
}
.sisu #tagcloud a:hover{
	color:#000;
}
.portfolio, .portfolio .sisu {
	width:758px;
}

.portfolio a.esilehele{
	margin:0 20px 0 0;
}
a.esilehele{
	width:120px;
	height:14px;
	float:right;
	clear:both;
	background:url(img/home.png) no-repeat right 2px;
	font-size:12px;
	padding:0 20px 0 0;
	text-align:right;
	line-height:18px;
	color:#a1a1a1;
	text-shadow:1px 1px 0px #000;
}
a:hover.esilehele{
	background:url(img/home.png) no-repeat right bottom;
	color:#ffc300;
}
a.teenustelehele{
	width:120px;
	height:14px;
	float:right;
	clear:both;
	background:url(img/back.png) no-repeat right 2px;
	font-size:12px;
	padding:0 20px 0 0;
	text-align:right;
	line-height:18px;
	color:#a1a1a1;
	text-shadow:1px 1px 0px #000;
}
a:hover.teenustelehele{
	background:url(img/back.png) no-repeat right bottom;
	color:#ffc300;
}
::selection {
	background:#ffc300;
	color:#000;
	opacity:1;
}
::-moz-selection {
	background:#ffc300;
	color:#000;
	opacity:1;
}
::-webkit-selection {
	background:#ffc300;
	color:#000;
	opacity:1;
}
dl#tabs2 {
	position:absolute;
	z-index:190;
	left:462px;
	top:61px;
}
dl#tabs2 img{
	margin:10px 0 0 0;
	position:absolute;
	z-index:2;
}
dl.tabs dt {
			padding:0;
			border:none;
			color:#fff;
			float:left;
			padding:0;
			font-size:10px;
			margin:0;	
			position:relative;
			width:18px;
			height:18px;
			text-align:center;
			line-height:18px;
			margin-top:5px;
			margin-right:4px;
			font-family:'DiavloBook', Arial, Helvetica, sans-serif;		
}
#tabs2 dt.idt {
			margin-left:205px;
}
			
dl.tabs dd {
			border:none;
			width:280px;
			height:160px;
			background:;		
			clear:both;
			display:block;
			position:absolute;
			z-index:1;
}				
/* if JS is ACTIVATED, enable new style to dl.tabs */
dl.tabs.enabled {
			height:332px;
}
dl.tabs.enabled dt {
			background:url(img/feat-bullet.png) no-repeat top;
			border:none;
			color:#fff;
			cursor:pointer;
}
dl.tabs.enabled dt:hover {   /*hover*/
				background:url(img/feat-bullet.png) no-repeat bottom;
				color:#fff;
}
dl.tabs.enabled dt.active {
			background:url(img/feat-bullet.png) no-repeat bottom;
			padding:0;
			border:none;
			color:#fff;
			cursor:default;
}
dl.tabs.enabled dd {
				position:absolute;
				top:34px;
				left:0;
				margin:0;
				z-index:1;
				clear:none;
			}
dl.tabs.enabled dd.active {
}
.esimene{
	width:240px;
	float:left;
	height:150px;
	padding:0 110px 0 0;
	margin:40px 0 0 0;
	background:url(img/icon1.jpg) no-repeat right 50px;
}
.teine{
	width:240px;
	float:right;
	height:150px;
	padding:0 110px 0 0;
	margin:40px 0 0 0;
	background:url(img/icon2.jpg) no-repeat right 50px;
}
.kolmas{
	width:240px;
	float:left;
	height:150px;
	padding:0 110px 0 0;
	margin:40px 0 0 0;
	background:url(img/icon3.png) no-repeat right 50px;
}
.neljas{
	width:240px;
	float:right;
	height:150px;
	padding:0 110px 0 0;
	margin:40px 0 0 0;
	background:url(img/icon4.png) no-repeat right 50px;
}

.teenus a{
	width:97px;
	height:18px;
	clear:both;
	display:block;
	background:url(img/loeedasi.jpg) no-repeat top left;
	line-height:18px;
	padding:0 0 0 10px;
	color:#6a2a00;
	text-shadow:1px 1px 0px #ffe400;
	margin:10px 0 0 0;
}
.teenus a:hover{
	background:url(img/loeedasi.jpg) no-repeat bottom left;
	color:#361500;
}
.yellow{
	color:#ffc602;
	font-weight:bold;
}
.yellow2{
	color:#ffe07c;
	font-weight:bold;
}
.sisuimage{
	float:right;
	padding:0 0 20px 20px;
}








.nextpage, .prevpage{
	width:170px;
	height:70px;
	background:#000;
	border:1px solid #454545;
	float:left;
	padding:60px 0 0 65px;
	margin:0 14px 10px 0;
}
div.wrapper-work{
	position:relative;
	width:225px;
	height:120px;
	background:#000;
	border:1px solid #454545;
	float:left;
	padding:5px;
	margin:0 14px 10px 0;
}
div.description{
	position:absolute;
	top:5px;
	left:5px;
	display:none;
	background-color:black;
	z-index:999;
	width:235px;
	height:120px;
}
div.description_content{
	padding:7px;
	font-size:12px;
	line-height:14px;
}

div.description_content span.title{
	font-size:15px;
	color:#ffc300;
	font-weight:bold;
	float:left;
	clear:both;
	width:225px;
	height:20px;
	padding:10px 0 3px 0;
}


div.description_content a.portf-vaata{
	color:#ffc300;
	font-weight:bold;
	font-size:12px;
	background:url(img/vaataedasi.png) no-repeat right top;
	padding:0 20px 0 0 ;
	height:14px;
	line-height:14px;
}
div.description_content a:hover.portf-vaata{
	background:url(img/vaataedasi.png) no-repeat right bottom;
	color:#ababab;

}



.sort-cat{
	width:740px;
	float:left;
	height:20px;
	margin:-5px 0 0 0;
	font-size:14px;
	font-weight:bold;
	padding:0 0 10px 0;
}
.sort-cat a{
	margin:0 15px 0 0;
	padding:2px 6px 1px 6px;
}


.nextpage a{
	font-weight:bold;
	font-size:12px;
	background:url(img/vaataedasi.png) no-repeat right bottom;
	color:#ababab;
	padding:0 20px 0 0 ;
	height:14px;
	line-height:14px;
}
.nextpage a:hover{
	background:url(img/vaataedasi.png) no-repeat right top;
	color:#ffc300;
}

.prevpage a{
	font-weight:bold;
	font-size:12px;
	background:url(img/tagasi.png) no-repeat left bottom;
	color:#ababab;
	padding:0 0px 0 20px ;
	height:14px;
	line-height:14px;
}
.prevpage a:hover{
	background:url(img/tagasi.png) no-repeat left top;
	color:#ffc300;
}










a.tagasi{
	font-weight:bold;
	font-size:12px;
	padding:0 0px 0 20px ;
	height:14px;
	line-height:14px;
	background:url(img/tagasi.png) no-repeat left top;
	color:#ffc300;
}
a:hover.tagasi{
	background:url(img/tagasi.png) no-repeat left bottom;
	color:#ababab;
}