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

	Title: CSS
	Author: www.poppworks.ee
	Date: 2009

***********************************************************************************************

	1. Global Reset
	
	2. General Elements
	
	3. Layout
		3.1  Logo area
			 3.1.1 Lang area
		3.2  Menu area
		3.3  Page Header
		3.4  Front Header
		3.5  Services area
		3.6  News area
		3.7  Footer
		3.8  Kontakt page
		3.9  Teenused page
		3.10 Projektid page
		
***********************************************************************************************/

/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

/* 2. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	text-align: left;
	color: #003b65;
}
html{
	background: #ffffff;
	overflow: auto;
	height: 100%;
	width: 100%;
}
body{
	height: 100%;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

address {
	font-style: normal;
}

input, textarea, select {
	font: 13px Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
	outline: none;
	color: #003b65;
}

a:hover {
	color: #003b65;
	text-decoration: underline;
}

a:visited {
}

a:active {
}

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.main-wraper{
	width: 994px;
	margin: 0 auto;
}
	.logo-area{
		height: 66px;
	}
	.menu-area{
		height: 37px;
	}
	.page-header{
		height: 35px;
	}
	.header{
		height: 287px;
	} 
	.services-area{
		height: 150px; 
	}
	.news-area{
		height: 184px;
	}
	.footer{
		height: 83px;
	}
	.kontak-page{
		min-height: 10px;
	}

/* 3.1 Logo area
------------------------------------------------------------------------------------------------ */
.logo-area{
	background: url(img/logo-area.png) top left no-repeat;
	position: relative;
}
	.logo-area img{
		margin-top: 17px;
		margin-left: 10px;
	}
	/* 3.1.1 Lang area */
	.lang-area{
		width: 20px;
		text-align: center;
		position: absolute;
		top: 10px;
		right: -20px;
	}
	.lang-area act img{
		border: 1px solid #565656;
	}
	.lang-area img{
		margin: 0px;
		padding: 0px;
	}
/* 3.2 Menu area
------------------------------------------------------------------------------------------------ */
.menu-area{
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	text-align: right;
}
	.menu-area a{
		color: #225e8b;
		font-size: 14px;
	}
	.menu-area a:hover{
		text-decoration: none;
	}
	.menu-area .menu-item{
		float: right;
		margin-left: -11px;
		position: relative;
	}
	.menu-item .left, .menu-item .right, .menu-item .m-text{
		float: left;
	}
	.menu-item .left{
		width: 11px;
		height: 37px;
		background: url(img/menu-but-l.png) top right no-repeat;
	}
	 .menu-item .m-text{
		line-height: 37px;
		height: 37px;
		padding-right: 17px;
		padding-left: 3px;
		background: url(img/menu-but-c.png) top left repeat-x;
	}
	.menu-area .end .m-text{
		padding-right: 14px;
	}
	.menu-area .act .left{
		width: 11px;
		height: 37px;
		background: url(img/menu-but-act-l.png) top right no-repeat;
	}
	.menu-area .act .m-text{
		line-height: 27px;
		height: 37px;
		padding-right: 17px;
		background: url(img/menu-but-act-c.png) top left repeat-x;
		color: #f8d716;
	}
	.menu-area .act .m-text a{
		color: #CC9933;
	}
	
	.menu-item .right{
		position: absolute;
		top: 0px;
		right: 0px;
		width: 11px;
		height: 37px;
		background: url(img/menu-but-r.png) top left no-repeat;
	}
	.menu-area .act .right{
		position: absolute;
		top: 0px;
		right: 0px;
		width: 11px;
		height: 37px;
		background: url(img/menu-but-act-r.png) top left no-repeat;
	}
/* 3.3 Page Header
------------------------------------------------------------------------------------------------ */
.page-header{
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	background: url(img/page-header.png) top left no-repeat;
}
	.page-header h1{
		line-height: 35px;
		margin-left: 23px;
	}

/* 3.4 Front Header
------------------------------------------------------------------------------------------------ */
.header{
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	overflow: hidden;
}
	.header .est-map{
		float: left;
		border-top: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
	}
	.header .main-img{
		float: right;
	}
	.header .info-area{
		height: 120px;
		width: 332px;
		background: url(img/info-bg.png) bottom left no-repeat;
		float: left;
	}
		.header .info-area .info-logo{
			margin-top: 32px;
			margin-left: 13px;
			float: left;
		}
		.header .info-area .info-text{
			width: 300px;
			height: 120px;
			float: left;
			margin-left: 13px;
		}
		.header .info-area .info-text td{
			vertical-align: middle;
			font-size: 13px;
			line-height: 15px;
			color: #003b65;
		}

/* 3.5 Services area
------------------------------------------------------------------------------------------------ */
.services-area{
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	background: url(img/services-bg.png) top left repeat-x;
}
	.services-area .services-text{
		height: 150px;
		width: 308px;
		float: left;
		background: url(img/services-text-bg.png) top left no-repeat;
		overflow: hidden;
		padding-left:24px;
	}
	.services-area .services-text h2{
		font-weight: bold;
		margin-top: 8px;
		margin-bottom: 5px;
	}
	.services-area .services-text ul{
		margin: 0px;
	}
	.services-area .services-text ul li{
		line-height: 16px;
		list-style-type: disc;
		margin-left: 14px;
	}
	.services-area .banners-area{
		height: 149px;
		width: 660px;
		float: right;
		border-top: 1px solid #dcdcdc;
		position: relative;
		z-index: 10;
	}
		.banners-area .banner-right-corner{
			width: 9px;
			height: 9px;
			position: absolute;
			right: 0px;
			top: 0px;
			background: url(img/banner-right-corner.png) top right no-repeat;
		}
/* 3.6 News area
------------------------------------------------------------------------------------------------ */
.news-wraper{
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	background: url(img/new-bg.png) top center no-repeat;
	height: 184px;
	margin-top: -10px;
	position: relative;
	z-index: 220;
}
	.news-title{
		position: absolute;
		top: 5px;
		left: 24px;
		font-weight: bold;
		line-height: 35px;
	}
	.news-area{
		position: absolute;
		top: 0px;
		height: 184px;
		overflow: hidden;
	}
	.news-area .news-box{
		margin-top: 6px;
		width: 283px;
		height: 166px;
		float: left;
		padding-left: 25px;
		padding-right: 22px;
	}
	.news-area .news-box h3{
		line-height: 35px;
		text-align: right;
	}
	.news-area .news-box h4{
		margin-top: 7px;
		line-height: auto;
		font-weight: bold;
	}
	.news-area .news-box p{
		line-height: 15px;
		height: 77px;
		overflow: hidden;
		font-size: 12px;
	}
	.news-area .news-box span{
	}
	.news-box-sep{
		background: url(img/news-box-sep.png) bottom left no-repeat;
	}
/* 3.7 Footer
------------------------------------------------------------------------------------------------ */
.footer{
	background: url(img/footer.png) top left no-repeat;
	margin-top: -10px;
	position: relative;
	z-index: 230;
}
	.footer span{
		float: left;
		margin-top: 19px;
		margin-left: 25px;
	}
	.footer-logo{
		float: right;
		margin-top: 22px;
		margin-right: 15px;
	}
/* 3.8 Kontakt page
------------------------------------------------------------------------------------------------ */
.kontak-page{
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	min-height: 10px;
	background: url(img/kontakt-page-top.png) top left no-repeat;
}
	.kontak-page .kontor-aadress{
		color: #565656;
		padding: 17px 20px;
	}
	.kontak-page .kontor-aadress strong{
		line-height: 20px;
	}
	.kontak-page .kontor-aadress p{
		float: left;
		margin-right: 35px;
	}
	.kontak-page .kontakt-people{
		color: #565656;
		padding: 0px 20px;
	}
		.kontakt-people h2{
			margin-bottom: 19px;
		}
		.kontakt-people .people-wraper{
			padding-left: 29px;
		}
		.kontakt-people .box{
			float: left;
			margin-right: 21px;
			height: 146px;
			margin-bottom: 43px;
		}
		.kontakt-people .box strong{
			line-height: 20px;
		}
		.kontakt-people .box p{
			width: 180px;
			float: left;
			margin-left: 8px;
			margin-top: 52px;
		}
		.kontakt-people .box img{
			float: left;
		}
	.page-sub-sep{
		height: 16px;
		background: url(img/page-sep.png) top left no-repeat;
		margin-top: 20px;
	}
/* 3.9 Teenused page
------------------------------------------------------------------------------------------------ */
.teenused-page{
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	background-color: #eff3f6;
}
	.teenused-page .left-menu-area{
		width: 332px;
		float: left;
		background: url(img/left-menu-top.png) top left no-repeat;
		padding-top: 35px;
		color: #565656;
	}
		.teenused-page .left-menu-area ul{
			margin-bottom: 30px;
			margin-left: 29px;
		}
		.teenused-page .left-menu-area li{
			list-style: disc;
			margin-left: 10px;
		}
		.teenused-page .left-menu-area a{
			color: #565656;
		}
	.teenused-page .teenused-content{
		width: 660px;
		float: left;
	}
		.teenused-page .teenused-content .big-img{
			width: 660px;
			height: 162px;
			overflow: hidden;
			position: relative;
		}
		.teenused-page .teenused-content .big-img-left{
			position: absolute;
			top: 0px;
			left: 0px;
		}
		.teenused-page .teenused-content .big-img-right{
			position: absolute;
			top: 0px;
			right: 0px;
		}
		.teenused-page .teenused-content  .content-text-top{
			background: url(img/content-top.png) top left no-repeat;
			height: 9px;
			margin-top: -5px;
			position: relative;
			z-index: 240;
		}
		.teenused-page .teenused-content  .content-text{
			background: url(img/content-rep.png) top left repeat-y;
			padding: 1px 35px 26px 21px;
			color: #565656;
		}
		
/* 3.10 Projektid page
------------------------------------------------------------------------------------------------ */
.projektid{
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	height: 162px;
	border-bottom: 1px solid #ffffff;
}
	.projektid .pro-img{
		width: 332px;
		height: 162px;
		float: left;
	}
	.projektid .pro-text{
		 width: 635px;
		 height: 162px;
		 float: left;
		 padding-left: 11px;
		 padding-right: 14px;
	}
	.projektid .pro-text h3{
		color: #CC9933;
	}
	.projektid .pro-text .line-under{
		text-decoration: underline;
	}
	.first-pro .pro-img{
		position: relative;
	}
	.first-pro .pro-text{
		position: relative;
		background-color: #f0f0f0;
	}
	.first-pro .pro-img .img-cover{
		width: 332px;
		height: 162px;
		background: url(img/first-img-cover.png) top left no-repeat;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.first-pro .pro-text .text-r-corner{
		width: 10px;
		height: 10px;
		background: url(img/first-box-r-corner.png) top right no-repeat;
		position: absolute;
		top: 0px;
		right: 0px;
	}
	
	.even-pro .pro-img{
		position: relative;
	}
	.even-pro .pro-text{
		position: relative;
		background-color: #fbfbfb;
	}
	.even-pro .pro-img .img-cover{
		width: 332px;
		height: 162px;
		background: url(img/even-img-cover.png) top left no-repeat;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.even-pro .pro-text .text-r-corner{
		width: 10px;
		height: 10px;
		background: url(img/even-box-r-corner.png) top right no-repeat;
		position: absolute;
		top: -1px;
		right: 0px;
	}
	
	.odd-pro .pro-img{
		position: relative;
	}
	.odd-pro .pro-text{
		position: relative;
		background-color: #f0f0f0;
	}
	.odd-pro .pro-img .img-cover{
		width: 332px;
		height: 162px;
		background: url(img/odd-img-cover.png) top left no-repeat;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.odd-pro .pro-text .text-r-corner{
		width: 10px;
		height: 10px;
		background: url(img/odd-box-r-corner.png) top right no-repeat;
		position: absolute;
		top: -1px;
		right: 0px;
	}

/* 3.11 Projektid2 page
------------------------------------------------------------------------------------------------ */
.projektid-box-wraper{
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}
.projektid-box{
	width: 100%;
}
	.projektid-box tr td{
		border-right: 2px solid #d7d8d8;
		vertical-align: top;
	}
	.projektid-box tr td.last{
		border-right: 1px solid #d7d8d8;
	}
	.projektid-box .img-box{
		width: 329px;
		height: 162px;
		background-position: center center;
		background-repeat: no-repeat;
		position: relative;
	}
	.projektid-box .top-line .img-box .left-corner{
		width: 11px;
		height: 11px;
		position: absolute;
		top: 0px;
		left: 0px;
		background: url(img/pro-img-top-l-f.png) top left no-repeat;
	}
	.projektid-box .top-line .img-box .right-corner{
		width: 11px;
		height: 11px;
		position: absolute;
		top: 0px;
		right: 0px;
		background: url(img/pro-img-top-r-f.png) top left no-repeat;
	}
	.projektid-box .img-box .left-corner{
		width: 11px;
		height: 11px;
		position: absolute;
		top: 0px;
		left: 0px;
		background: url(img/pro-img-top-l.png) top left no-repeat;
	}
	.projektid-box .img-box .right-corner{
		width: 11px;
		height: 11px;
		position: absolute;
		top: 0px;
		right: 0px;
		background: url(img/pro-img-top-r.png) top left no-repeat;
	}
	.projektid-box .img-box .box-top{
		height: 12px;
		width: 329px;
		position: absolute;
		bottom: 0px;
		left: 0px;
		background: url(img/projekt-box-top.png) top left no-repeat;
	}
	.projektid-box .projekt-text{
		padding: 14px 12px;
		margin-bottom: 10px;
	}
	.projektid-box .projekt-text h3{
		color: #ffba40;
		font-size: 13px;
		font-weight: bold;
		line-height: 20px;
		margin-bottom: 15px;
	}
	.projektid-box .projekt-text p{
		color: #565656;
		font-size: 13px;
		line-height: 16px;
		margin-bottom: 10px;
	}
	.projektid-box .projekt-text strong{
		color: #565656;
	}
	.projektid-box .projekt-text strong a{
		color: #565656;
	}
/* 3.12 Kuulutus page
------------------------------------------------------------------------------------------------ */

/* 3.12 Kuulutus page
------------------------------------------------------------------------------------------------ */
.teenused-page .kuulutus{
	width: 660px;
	height: 100%;
	float: left;
	background-color: #FFFFFF;
}
	.teenused-page .kuulutus .kuulutus-top{
		display: block;
	}
	.teenused-page .kuulutus .kuulutus-sisu{
		background: url(img/kuulutus-rep.png) top left repeat-y;
		min-height: 600px;
		padding: 3px 25px;
	}
	.kuulutus .kuulutus-header{
		line-height: 24px;
		height: 24px;
		background: #e8eaec;
		padding: 0px 6px;
		color: #565656;
	}
	.kuulutus .kuulutus-header h3{
		float: left;
	}
	.kuulutus .kuulutus-header .left-price{
		float: right;
	}
	.kuulutus .kuulutus-text{
		margin-top: 5px;
		position: relative;
	}
		.kuulutus .kuulutus-text .right-links{
			position: absolute;
			top: 0px;
			right: 0px;
			text-align: right;
			color: #565656;
		}
		.kuulutus .kuulutus-text .right-links2{
			color: #565656;
			line-height: 20px;
		}
		.kuulutus .kuulutus-text a{
			color: #565656;
			text-decoration: none;
		}
		.kuulutus .kuulutus-text .right-links strong, .kuulutus .kuulutus-text .right-links2 strong{
			padding-left: 12px;
			background: url(img/nooleke.png) left center no-repeat;
		}
		.kuulutus .kuulutus-text .right-links span, .kuulutus .kuulutus-text .right-links span a, .kuulutus .kuulutus-text .right-links2 span, .kuulutus .kuulutus-text .right-links2 span a{
			color: #b2b2b2;
		}
	.kuulutus .kuulutus-img{
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
		.kuulutus .kuulutus-text td strong{
			color: #003B65;
		}
	.kuulutus .kuulutus-img img{
		border: 1px solid #909090;
	}
	.kuulutus .kuulutus-text p{
		float: left;
		color: #565656;
		line-height: 18px;
		vertical-align: middle;
	}
	.kuulutus .kuulutus-text p sup{
		font-size: 9px;
	}
	.kuulutus .clear-div{
		clear: both;
		color: #565656;
	}
	.tulemused-box{
		width: 100%;
	}
		.tulemused-box .img-area{
			width: 135px;
			height: 100px;
			background: url(img/otsing-img-frame.png) center center no-repeat;
			text-align: center;
			vertical-align: middle;
			padding: 0 9px;
		}
		.tulemused-box .img-area img{
			display: block;
			margin: 0 auto;
		}
		.tulemused-box .text-area{
			padding-left: 3px;
			padding-right: 9px;
			padding-top: 3px;
			padding-bottom: 3px;
			vertical-align: middle;
			font-size: 12px;
			line-height: 15px;
		}
		.tulemused-box .text-area sup{
			line-height: 2px;
			font-size: 8px;
		}
		.tulemused-box .dark-line td{
			background-color: #dde1e3;
		}
	.kuulutus-kontakt{
		width: 50%;
		height: 156px;
		padding-top: 15px;
		padding-bottom: 20px;
		float: left;
	}
		.kuulutus-kontakt .kontakt-img{
			float: left;
		}
		.kuulutus-kontakt .contakt-info{
			float: left;
		}
		.kuulutus-kontakt .contakt-info tr td{
			text-align: right;
			height: 146px;
			vertical-align: bottom;
			padding-right: 7px;
			color: #565656;
			font-size: 13px;
			text-align: left;
			padding-left: 7px;
		}
		.kuulutus-kontakt .contakt-info tr td a{
			color: #2a326a;
		}
a.kuulutus-link{
	color: #999999;
}
.adver-back-link{
	text-align: right;
	margin: 5px 0px;
}
	.adver-back-link a{
		color: #565656;
	}
	.adver-back-link a:hover{
		text-decoration: none;
	}
/* 3.13 Otsing tulemus page
------------------------------------------------------------------------------------------------ */
	.left-tulemus-tulp{
		width: 100%;
		float: left;
	}
	.right-tulemus-tulp{
		width: 50%;
		float: right;
	}
	.left-tulemus-tulp .tulemused-box .img-area, .right-tulemus-tulp .tulemused-box .img-area{
		padding: 10px 9px;
	}

/* 3.14 Otsing area
------------------------------------------------------------------------------------------------ */
.otsing-area{
	margin: 0px 20px 15px 20px;
	min-height: 310px;
	font-size: 13px;
}
	.otsing-area .otsing-table tr td{
		padding-right: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.otsing-area .otsing-table .line-title{
		font-weight: bold;
		padding-top: 15px;
		padding-bottom: 3px;
	}
	.otsing-area .otsing-table .line-title2{
		font-weight: bold;
		padding-bottom: 3px;
	}
	.otsi-button{
		 height: 22px;
		 line-height: 22px;
		 background: url(img/button-rep.png) top left repeat-x;
		 border: 0px;
	}
	.button-area span{
		position: relative;
		line-height: 22px;
		display: inline-block;
	}
	.button-area .left{
		position: absolute;
		top: 0px;
		left: -7px;
	}
	.button-area .right{
		position: absolute;
		top: 0px;
		right: -7px;
	}
	.button-area img{
		display: block;
	}
	
.button{
	background-color: #dde1e3;
	border: 1px solid #b5b5b5;
	padding: 0 8px;
	color:#b5b5b5;
}

.nr{
	color:#b5b5b5;
}
.tagasi-otsingusse{
	margin-top: -15px;
	padding-left: 20px;
	padding-bottom: 5px;
}

.error_1_frame {
	border: 1px solid #ACF01F;
}
.error_2_frame {
	border: 1px solid #FF3300;
}
.error_3_frame {
	border: 1px solid #FFCC00;
}
.error_4_frame {
	border: 1px solid #FF3300;
}
.error_5_frame {
	border: 1px solid #4876FF;
}

#qTip {
 padding: 3px;
 border: 1px solid #666;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #999;
 color: #FFF;
 font: bold 9px Verdana, Arial, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
 white-space: pre-wrap;
}
.descStyle{
	text-align: justify;
	padding-right: 20px;
}