@font-face {
	font-family:'kmt_light';
	src:url('font/kmt_light.eot');
	src:local('kmt_light'), url('font/kmt_light.woff') format('woff'), url('font/kmt_light.ttf') format('truetype'), url('font/kmt_light.svg#kmt_light') format('svg');
}

@font-face {
	font-family:'kmt_regular';
	src:url('font/kmt_regular.eot');
	src:local('kmt_regular'), url('font/kmt_regular.woff') format('woff'), url('font/kmt_regular.ttf') format('truetype'), url('font/kmt_regular.svg#kmt_regular') format('svg');
}

@font-face {
	font-family:'kmt_bold';
	src:url('font/kmt_bold.eot');
	src:local('kmt_bold'), url('font/kmt_bold.woff') format('woff'), url('font/kmt_bold.ttf') format('truetype'), url('font/kmt_bold.svg#kmt_bold') format('svg');
}

@font-face {
	font-family:'kmt_display';
	src:url('font/kmt_display.eot');
	src:local('kmt_display'), url('font/kmt_display.woff') format('woff'), url('font/kmt_display.ttf') format('truetype'), url('font/kmt_display.svg#kmt_display') format('svg');
}

/* kõige rajum komponent */

body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background:#f5f5f5 url('img/taust.jpg') top center no-repeat;
}

#container {
	margin:0 auto;
	padding:0;
	width:1000px;
	position: relative;
	z-index: 1;
}

#container, #visuaal {
  overflow:hidden;
}

/* üldine */

img {
	border:0;
}

h1, h2, h3 {
	margin:0;
	padding:0 0 10px 0;
	color:#222;
	font-family:kmt_bold;
}

h1 {font-size:24px;}
h2 {font-size:18px;}
h3 {font-size:14px; font-family:kmt_light; line-height: 16px;}

p {
	margin:0;
	padding:0 0 10px 0;
	color:#888;
	font-size:12px;
	line-height:20px;
}

.must {
	color:#000;
}

/* tausta pildid */

#background-scroller-container,
#front-scroller-container {
  position: absolute;
  width: 100%;
  overflow: hidden;
  z-index: 0;
}

#background-scroller-container {
  top: 175px;
  left: 0px;
}

#scroller-fade,
#background-scroller {
  height: 100%;
}

#scroller-fade {
  width: 100%;
  background: white;
  position: absolute;
}

.scroller {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.scroller li {
  float: left;
}

.scroller img {
  display: block;
}

/* pildikerija */

#front-scroller {
  
}

/* komponendid */

#header, #menu, #visuaal, #sisuosa, #jalus {
	/*float:left;*/
	margin:0;
	padding:0;
	width:1000px;
}

.keelevalik, .logo, .sertifikaat, .submenu, .tekstiosa, .lisalingid, .referentsid, .nool, .work, .uudised, .sert, .kontaktid, .aadress, .kaart, .doit {
	float:left;
	margin:0;
	padding:0;
}

/* päis */

#header {
	height:100px;
	background:url('img/taust.jpg') top center no-repeat;
}

.logo {
	padding:30px 0 0 0;
	width:480px;
	text-align:center;
}

.keelevalik {
	padding:55px 0 0 45px;
	width:215px;
}

.keelevalik a {
	float:left;
	margin:0 10px 0 0;
	padding:0;
	font-size:11px;
	color:#fff;
	font-family:kmt_regular;
	text-decoration:none;
	text-transform:uppercase;
}

.keelevalik a:hover {
	color:#3df687;
}

.keelevalik a.active {
	color:#3df687;
	font-family:kmt_display;
}

.sertifikaat {
	padding:25px 40px 0 0;
	width:220px;
	text-align:right;
}

.sert {
	float:left;
	margin:0;
	padding:45px 0 0 0;
	width:180px;
	text-align:right;
}

/* menüü */

#menu {
	background:#fff url('img/vari_all.gif') bottom center no-repeat;
	height:75px;
}

.menuhoidja {
	margin:0 auto;
	padding:30px 0 0 0;
	text-align:center;
}

.menuhoidja a {
	margin:0 7px 0 7px;
	font-family:kmt_regular;
	font-size:15px;
	color:#555;
	text-decoration:none;
}

.menuhoidja a:hover {
	color:#1fb25a;
}

.menuhoidja a.active {
	color:#1fb25a;
	font-family:kmt_bold;
}

.submenu {
	padding:20px 40px 0 40px;
	width:920px;
}

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

.submenuhoidja a {
	margin:0 7px 0 7px;
	font-family:kmt_regular;
	font-size:13px;
	color:#555;
	text-decoration:none;
}

.submenuhoidja a:hover {
	color:#1fb25a;
}

.submenuhoidja  a.active {
	color:#1fb25a;
	font-family:kmt_bold;
}

/* sisuosa */

#sisuosa {
	background:#fff;
	color:#888;
	font-size:12px;
	line-height:20px;
	font-family: arial;
}

.tekstiosa {
	padding:20px 0 20px 0;
	background:#fff;
}

.tekstiosa li {
font-family: arial;
font-size: 12px;
}

.tekstiosa table {
font-family: arial;
font-size: 12px;
}

.lai {
	padding-left:40px;
	padding-right:40px;
}

.kitsas {
	width:300px;
	padding-left:40px;
}
	

.vasak {
	padding-left:40px;
	padding-right:40px;
	width:610px;
}

p.liid {
	font-size:16px;
	line-height:22px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	background:url('img/vari_all.gif') bottom center no-repeat;
}

.vasak a, .kitsas a, .parem a {
	color:#1fb25a;
	text-decoration:none;
	font-weight:bold;
}

.vasak a:hover, .kitsas a:hover, .parem a:hover {
	color:#222;
	text-decoration:underline;
}

.parem {
	padding-right:40px;
	width:270px;
}

.lisalingid {
	float:right;
	width:270px;
	height:38px;
}

.lisalingid a {
	float:right;
	margin:0 0 0 15px;
	color:#222;
	font-size:14px;
	font-family:kmt_bold;
	text-decoration:none;
}

.lisalingid a:hover {
	color:#1fb25a;
}

/* referentsid ehk galerii */

.referentsid {
	width:920px;
}

.referentsid a {
	float:left;
	margin:0 20px 20px 0;
	padding:10px 14px;
	border:1px solid #ccc;
	text-decoration:none;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	width: 255px;
	height: 205px;
}

.referentsid a:hover, .lisapildid a:hover {
	border:1px solid #222;
	opacity:0.8;
	filter:alpha(opacity=80, finishedopacity=80);
}

.maja {
	margin:0 0 20px 0;
	padding:14px 15px 14px 14px;
	width:600px;
	height:400px;
	border:1px solid #ccc;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.lisapildid {
	float:left;
	margin-top:85px;
}

.lisapildid a {
	float:right;
	margin:0 0 17px 17px;
	padding:8px 8px 5px 8px;
	border:1px solid #ccc;
	text-decoration:none;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

/* visuaal */

#visuaal {
	/*padding:0 0 0 190px;*/
	width:620px;
  margin:0 auto;
}

.nool {
	padding:145px 0 0 0;
	width:50px;
	height:195px;
	text-align:center;
}

.nool:hover {
	opacity:0.3;
	filter:alpha(opacity=30, finishedopacity=30);
	cursor:pointer;
}

.work {
	position:relative;
	width:520px;
	height: 420px;
}

.link, .pilt, .spec {
	position:absolute;
}

.link {
	z-index:5;
	top:285px;
	padding:20px 0 0 17px;
	height:35px;
	width:503px;
	background:url('img/lingitaust.png');
}

p.title {
	float:left;
	color:#fff;
	font-family:kmt_bold;
	font-size:22px;
}

p.nupp {
	float:right;
	padding:0 17px 0 0;
}

p.nupp a {
	color:#fff;
	font-size:12px;
	font-family:kmt_bold;
	text-decoration:none;
	text-transform:uppercase;
}

p.nupp a:hover {
	color:#ddd;
	text-decoration:underline;
}

.pilt {
	z-index:4;
	width:520px;
	height:340px;
}

.spec {
	top:340px;
	padding:10px 0 0 0;
	width:520px;
	height:80px;
}

p.info {
	float:left;
	padding:0 0 0 17px;
	width:303px;
}

p.detailid {
	float:right;
	padding:0 17px 0 0;
	width:183px;
	text-align:right;
}

/* jalus */

#jalus {
	float:left;
	background:#fff url('img/vari_yleval.gif') top center no-repeat;
}

#jalus a {
	color:#1fb25a;
	font-weight:bold;
	text-decoration:none;
}

#jalus a:hover {
	color:#222;
}

.uudised {
	padding:30px 30px 20px 40px;
	width:290px;
}

.kontaktid {
	padding:30px 40px 20px 30px;
	width:390px;
}

.aadress, .kaart {
	float:right;
}

.kaart:hover {
	opacity:0.8;
	filter:alpha(opacity=80, finishedopacity=80);
}

.aadress {
	text-align:right;
	padding:0 20px 0 0;
}

.doit {
	padding:0 40px 30px 0;
	width:960px;
	background:#fff;
	text-align:right;
}

/* VORMIDE STIILID */

.tekstiosa .input
{
	margin:0px;
	padding:6px;
	width:264px;
	font-size:12px;
	border:0px;
	background:url('img/input.png') top left no-repeat;
}
.tekstiosa .textarea
{
	margin:8px 0 0 0;
	padding:8px;
	width:260px;
	height:100px;
	border:0px;
	background:url('img/textarea.png') top left no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

/* GALERII STIILID */

.tekstiosa .galeriiosa
{
	float:left;
	margin:0px;
	padding:10px 0 10px 0;
	width:612px;
	background:#fff;
}

.tekstiosa .galeriiosa .rida a
{
	margin:0 17px 17px 0;
}

.tekstiosa .galeriiosa .lehekyljed
{
	float:left;
	margin:0px;
	padding:0px;
	width:612px;
}

.tekstiosa .galeriiosa .lehekyljed a
{
	float:left;
	margin:0 5px 10px 0;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background:#222;
	text-decoration:none;
	text-transform:uppercase;
	-moz-border-radius:7px;
}

.tekstiosa .galeriiosa .lehekyljed a:hover,
.tekstiosa .galeriiosa .lehekyljed a.active
{
	color:#fff;
	background:#2275d5;
}

.tekstiosa .galeriiosa a.sinilink
{
	float:left;
	margin:0px;
	padding:7px 10px 7px 10px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	background:#2275d5;
	-moz-border-radius:7px;
}

.tekstiosa .galeriiosa a.sinilink:hover
{
	background:#222;
}

.tekstiosa .rida a.soodus:hover
{
	border:5px solid #2275d5;
}

.tekstiosa .rida
{
	float:left;
	margin:0px;
	padding:0px;
	width:612px;
}

.tekstiosa .rida a
{
	float:left;
	margin:0 15px 5px 0;
	padding:0px;
	border:5px solid #eee;
}

.tekstiosa .rida p
{
	float:left;
	margin:0 17px 15px 0;
	padding:0px;
	width:130px;
}

.tekstiosa .print
{
	float:right;
	margin:0 0 -20px 0;
	padding:0px;
}

.tekstiosa .print a.pruunlink
{
	margin:0 0 0 5px;
	color:#fff;
}

.tekstiosa a.pruunlink
{
	margin:0px;
	padding:4px 7px 4px 7px;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	background:#323332;
	-moz-border-radius:7px;
}

.tekstiosa a.pruunlink:hover
{
	background:#aaa;
}

/* MUU */

div.clear {
  clear: both;
}