/*		General elements	*/
html, body {  }
body, p, h1, h2, h3, h4, form { margin: 0px; padding: 0px; }
.clear { clear: both; }
a img { border: 0px; }
.minime { display: block; float: left; padding: 2px; }

/*		Content boxes		*/
body {  }
#holder { padding: 0px; margin: 0 auto; background: url(images/22r.jpg) repeat-x top left; padding-top: 25px; }
#contentholder { margin-left: auto; margin-right: auto; padding: 0px; width: 908px; background: url(images/main_bg.png) repeat-y top left; }
#wrapper { width: 906px; margin-left: auto; margin-right: auto; padding: 0 1px; background: url(images/main_bot.png) no-repeat scroll left bottom;  }
#logo { height: 80px; width: 200px; float:left; }
#logoholder { position: relative; top: 10px; left: 50%; margin-left: -56px; display: block; width: 113px; height: 60px; }
#header { height: 80px; background:#fff;}
#yleminevari {background:url(images/variyle.png) no-repeat left top; margin: 0 auto; padding-top: 6px;  width: 908px;clear: both; }
#wrapper.avaleht_bot { background: url(images/varikesk.gif) repeat-y scroll left top; }
#wrapper.teenused { background: url(images/varikesk-sidebariga.gif) repeat-y scroll left top; }
#contentholder.avaleht { background: url(images/varialumine.png) no-repeat bottom left; padding-bottom: 11px;}
#contentholder.sidebariga { background: url(images/varialumine-sidebariga.png) no-repeat bottom left; padding-bottom: 11px;}
#n_01 {
	height: 217px;
	float: left;
	width: 302px;
	background: url(images/n_01.jpg) no-repeat top left;
}
.n_sisu {
	padding: 25px;
}
#n_02 {
	height: 217px;
	float: left;
	width: 302px;
	background: url(images/n_02.jpg) no-repeat top left;
}
#n_03 {
	height: 217px;
	float: left;
	width: 302px;
	background: url(images/n_03.jpg) no-repeat top left;
}
#n_01:hover {
	background: url(images/nh_01.jpg) no-repeat top left;
	width: 302px;
}
#n_02:hover {
	background: url(images/nh_02.jpg) no-repeat top left;
	width: 302px;
}
#n_03:hover {
	background: url(images/nh_03.jpg) no-repeat top left;
	width: 302px;
}
/* Footer */
#fyleminevari {background:url(images/fvariyle.png) no-repeat left top; padding-top: 6px; margin: 0 auto;  width: 908px;clear: both; }
#footerbot { background: url(images/fvarialumine.png) no-repeat bottom left; padding-bottom: 11px; width:908px; margin: 0 auto; margin-top: 20px;}
#footer { width: 900px; margin-left: auto; margin-right: auto; padding: 0 4px; background: url(images/fvarikesk.gif) repeat-y scroll left bottom; overflow:hidden; }
#temp {
	padding: 0;
}
#f1 {
	width: 279px;
	float: left;
	padding: 0 10px;
	border-right: 1px dotted #999;
	min-height: 150px;
}
#f2 {
	width: 279px;
	float: left;
	padding: 0 10px;
	border-right: 1px dotted #999;
	min-height: 150px;
}
#f3 {
	width: 280px;
	float: left;
	padding: 0 10px;
	min-height: 150px;
}
#footer a, #footer a:visited {
	color: #345368;
}
#footer .left {
	float: left;
	width: 200px;
}
#footer .right {
	float: left;
	width: 79px;
}
#footer .right img {
	-moz-border-radius:5px 5px 5px 5px;
	background-color:#d2e7f4;
	border:1px solid #5e93b2;
	padding: 5px;
	float: right;
}
#footer .veel {
	clear: both;
}
/*		Navigation			*/
#lipud { display: block; height: 35px; float: left; width: 700px;}
#nav { display: block; height: 45px; float: left; width: 700px; }
#nav ul {
	float: right;
	margin-top: 5px;
}
.btn_home { width: 40px; }
.btn_services {width: 52px; }
.btn_products { width: 54px; }
.btn_portfolio { width: 54px; }
.btn_careers { width: 46px;  }
.btn_aboutus { width: 54px;}
.btn_contact { width: 48px; }
.btn_langro { width: 140px; }

.btn_home_ro { width: 40px; }
.btn_services_ro {width: 52px; }
.btn_products_ro { width: 54px; }
.btn_portfolio_ro { width: 54px; }
.btn_careers_ro { width: 46px;  }
.btn_aboutus_ro { width: 54px;}
.btn_contact_ro { width: 48px; }
.btn_langro_ro { width: 140px; }

/*		Presenters			*/
#tallpresenter { height: 222px; }
#tallbox1, #tallbox2, #tallbox3, #tallbox4, #tallbox5 { height: 217px; }
#tallbox1 { margin: 0; padding: 0; }
.boxleft { display: block; width: 460px; padding: 20px 0px 0px 20px; float: left; }
#tallbox2 .boxleft p, #tallbox3 .boxleft p, #tallbox4 .boxleft p, #tallbox5 .boxleft p { padding: 0px 0px 15px 0px; }
.boxright { display: block; width: 380px; float: left; text-align: right; }
#boxcontrols  { display: block; height: 90px; }
#boxcontrols a { display: block; height: 90px; width: 180px; float: left; }

#shortpresenter { display: block; padding-top: 5px; }
#shortcontainer { display: block; height: 76px; padding: 24px 0px 0px 40px; }

.undershadow { display: block; height: 5px; line-height: 5px; font-size: 1px; padding: 0px; margin: 0px; margin-top: 0px; }
.contextual { display: block; height: 38px; line-height: 5px; font-size: 1px; padding: 7px 0px 0px 40px; margin: 0px; }

/*		Columns				*/
#columnholder { overflow: hidden; }
.x1columnside { display: block; width: 217px; float: left; margin-top: -23px; }
.x1column { display: block; width: 180px; padding: 10px; float: left; }
.x2column { display: block; width: 279px; padding: 10px; float: left; min-height: 230px; }
.x3column { display: block; width: 620px; padding: 20px 30px 20px 30px; float: left; }
.x4column { display: block; width: 700px; padding: 10px; float: left; }
.x5column { display: block; width: 880px; padding: 10px; float: left; }
.x1column p, .x2column p, .x3column p, .x4column p, .x5column p { padding: 5px 0px 0px 0px; } 

/*		Content styles		*/
.newslist, .newslist li { padding: 0px; margin: 0px; list-style: none; }
.newslist li { padding: 5px 0px 5px 0px; }
.newslist a {}
.newslist a:hover {}
.ykstemp {
	margin-bottom: 15px;
	border: 1px solid #ccc;
	height: 130px;
}
.ykstemppilt img {
	padding:10px; 
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	height:110px;
	left:0;
	padding:5px;
	top:0;
	width:110px;
	margin-top: 5px;
}
.ykstemppilt {width: 130px; height: 130px; float:left;}
.ykstemp .head {width: 475px; float:left;}
.ykstemp h2 {padding: 55px 0 55px 15px;}

.yksvalmis ul {
	list-style: none;
	margin:0;
	padding: 0;
}
.yksvalmis {margin: 5px 0 0 0;}
.yksvalmis img {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
.yksvalmis img {
background-color:#EEEEEE;
border:1px solid #CCCCCC;
height:110px;
left:0;
padding:5px;
top:0;
width:110px;
}
/*		Gallery				*/
#gallery { display: block; clear: both; }
a.minipic { display: block; float: left; width: 240px; height: 120px; margin: 10px 4px 0px 5px; padding: 1px; background-color: #000000; border: 1px solid #202020;}
a.minipic:hover { display: block; float: left; width: 240px; height: 120px; margin: 10px 4px 0px 5px; border: 1px solid #ff6600; }

/*		Pagination			*/
#pagination { margin: 5px 7px 0px 3px; padding: 5px; clear: both; display: block;  }
#pagination a, #pag_this { padding: 5px;  }

#pag_prev { float: left; }
#pag_next { float: right; }
#pag_prev a, #pag_next a { padding: 0px; margin: 0px 2px 0px 2px; }

/*		Box quote			*/
#boxquote { padding: 10px; margin: 10px 0px 0px 0px; display: block; clear: both; }
#quoteform label { display: block; width: 150px; text-align: left; float: left; line-height: 22px; }
.quote_txtfield { width: 505px; padding: 4px; float: left;}
.quote_listmenu { width: 515px;padding: 0px; height: 22px; float: left; }

/*		Box contact			*/
#boxcontact { padding: 10px; margin: 10px 0px 0px 0px; display: block; clear: both; }
#contactform label { display: block; width: 90px; text-align: left; float: left; line-height: 22px; }
.contact_txtfield { width: 205px; padding: 4px; float: left;}
.contact_txtarea { width: 295px; padding: 4px; float: left;}
.contact_listmenu { width: 215px;padding: 0px; height: 22px; float: left; }

/*		Clearfix			*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.hrule { display: block; clear: both; height: 1px; line-height: 1px; font-size: 1px; text-indent: -10000px; height: 1%; border-bottom: 1px dotted #333333; margin: 5px 0px 5px 0px; padding: 5px 0px 0px 0px;}
.clear { clear:both;}
/*		Footer				*/


.personbox { display: block; padding-top: 10px; }
.personimg { display: block; width: 55px; height: 55px; float: left; }
.persondata { display: block; width: 400px; float: left; padding-top: 4px; }
.personbox img { display: block; padding: 2px; border: 1px solid #333333; background-image: url(images/footer_bg.gif); float: left; }