@charset "utf-8";

/* CSS Document */

html,

body {

	margin:0;

	padding:0;

	height:100%;

	background:url(../failid/Project/bck.jpg) top center no-repeat;

	text-align:left;

	font-family:Arial, Helvetica, sans-serif;

	color:#000;

	font-size:0.9em;

}

a {	color:#900701;}

a:hover { text-decoration:none;}

p {	margin:0; padding:0;}





/* Headingud */

h1, .h1{

	color:#000;

	margin:0;

	padding:0 0 .5em 0;

	font-size:2.3em;

	font-weight:normal;

}

h2, .h2{
	color:#000;
	margin:0;
	padding:0 0 .5em 0;
	font-size:2.3em;
	font-weight:normal;
}


h3, .h3{

	color:#000;

	margin:5px 0 0 0;

	padding:0 0 0 0;

	font-size:2.0em;

	font-weight:normal;



}

h4, .h4{

	color:#000;

	margin:0;

	padding:0 0 0 0;

	font-size:1.3em;

	font-weight:bold;

	border-bottom: 1px dotted #000000

}

h1 span, .h1 span,

h2 span, .h2 span,

h3 span, .h3 span{

	color:#860404;

}



/* Layout */

#container {

	min-height:100%;

	position:relative;

}

#header {

	padding:0;

	margin:0;

	background:url(../failid/Project/pais_bck1.png) top left repeat-x;

	height:95px;

	z-index:5; /* Alammenyy jaoks */

	position:relative;

}

#body {

	padding-bottom:150px;	/* Height of the footer */

	margin:0 auto;

	width:990px;

}

#footer {

	position:absolute;

	bottom:0;

	width:100%;

	height:150px;			/* Height of the footer */

	background:#6cf;

	color:#FFFFFF;

	background:url(../failid/Project/jalus_bck1.png) top left repeat-x;

}



/* other non-essential CSS */

#footer p {

	margin:0;

	padding:10px;

}

<!--[if lt IE 7]>

#container {

	height:100%;

}



/* Sisu layout */

#content {

	margin:0;

	float:left;

	width:680px;

	font-size:0.9em; /* SISUTEKSTI SUURUS */

}

#content_right {

	margin:0;

	float:right;

	width:300px;

	overflow:hidden;

}

.columns {

	background:url(../failid/Project/vahejoon.png) no-repeat 50% 30px;

}

.contentbox {

	width:310px;

}



/* Pais */

#header_container {

	margin:0 auto;

	width:990px;



}



#logo {

	margin-top:30px;

	float:left;

}





/* Jalus*/

#footer_ise {

	margin:0 auto;

	margin-top:30px;

	margin-bottom:10px;

	width:940px;

	font-size:0.9em;

	color:#a9b3ba;

	line-height:18px;

}



#footer_ise a {

	color:#850404;

	text-decoration:none;

}

#footer_ise a:hover {

	color:#fff;

	text-decoration:underline;

}

#aadress {

	float:left;

	margin: 0 20px 0 30px;

}





/* Menyy*/

#sitenav {

	margin-top:35px;

	float:right

}

#sitenav ul {

	margin:0;

	padding:0 0 0 10px;

	list-style:none;

	float:right;

}

#sitenav ul li {

	margin:0;

	padding:12px 15px; /* 2 men�� vahe*/

	float:left

}

#sitenav ul a {

	text-decoration:none;

	color:#fff;

	font-size:0.9em

}

#sitenav ul a:hover, #sitenav ul a.active {

	color:#ffb2b2;

}





/* Jalus Men��*/

#jalusmenyy {

	float:left

}

#jalusmenyy ul {

	margin:0;

	padding:0 0 0 10px;

	list-style:none;

	float:left;

}

#jalusmenyy ul li {

	margin:0;

	padding:0px 25px; /* 2 men�� vahe*/

}

#jalusmenyy ul a {

	text-decoration:none;

	color:#a9b3ba;

	font-size:0.9em

}

#jalusmenyy ul a:hover{

	color:#fff;

}



/* Yksikmaarangud*/

.fl{float:left}

.fr{float:right}

.padding30{ padding-left:15px;}

.bottomBorder{ border-bottom: 1px solid #FFFFFF}

.lheight{ line-height:20px;}

.textcolor a{ color:#000; text-decoration:none;}

.textcolor a:hover{ color:#900701}

.boxwidth{ width:50%;}

.clear {clear:both}

.overflow { overflow:hidden;}

.clear_right { clear:right;}

.clear_left { clear:left;}

.tip_box { width:240px;}



.empty {height:40px;}

.height10 {height:10px;}

.height40 {height:40px;}



.leftmargin20 {margin-left:20px;}

.leftmargin40 {margin-left:40px;}

.topmargin10 {margin-top:10px;}

.width150 {width:150px;}



/* Tooltip box*/

.bxbck{ background: #cfd6db}

.marginb15{ 

	margin-bottom:15px;

	padding:5px;

	line-height:18px;

}

/* Alammenyy*/

#alammenu{

	background:#000;

    position: relative;

    margin:-22px auto 0px auto;

    width:580px;

    height:20px;

	padding: 10px 10px 0 10px;

  }

#alammenu ul {

	margin:0;

	padding:0 0 0 0px;

	list-style:none;

	list-style-position:inside;

	float:left;

}

#alammenu ul li {

	margin:0;

	float:left;

	padding:0px 15px; /* 2 menyy vahe*/

	position:relative;

	z-index:12;

}

#alammenu ul a {

	text-decoration:none;

	color:#fff;

	font-size:1.0em

}

#alammenu ul a:hover{

	color:#ffb2b2;

}

#alammenu ul li a.active{

	color:#ffb2b2;

}

  

  

  

/* Vaata Edasi*/

#vaata_edasi {

  margin:0px;

  padding:0px;

  float:right;



  }

#vaata_edasi ul {

  margin:0;

  padding:0px 0px 0px 0px;

  list-style:none;

  }

#vaata_edasi li {

  background:url("../failid/Project/vaata_edasi_left.png") no-repeat left top;

  margin:6px 0px 0 0px;/*ridade vahe on esimene vaartus*/

  padding:0 0 0 7px;/*7 maarab esimese pildi kauguse*/

  list-style:none;

  }

#vaata_edasi a {

  display:block;

  background:url("../failid/Project/vaata_edasi_right.png") no-repeat right top;

  padding:7px 35px 9px 6px;

  text-decoration:none;

  color:#000;

  font-size:.9em;

  font-weight:bold;

  }

/* Commented Backslash Hack

   hides rule from IE5-Mac \*/

#vaata_edasi a {float:none;}

/* End IE5-Mac hack */

#vaata_edasi a:hover {

  color:#000000;

  }

#vaata_edasi li:hover, #vaata_edasi li:hover a {

  background-position:0% -31px;

  color:#00000;

  }

#vaata_edasi li:hover a {

  background-position:100% -31px;

  }

  

  

/* Heading Menyy*/

#headingmenu {

	float:left

}

#headingmenu ul {

	margin:0;

	padding:0 0 0 10px;

	list-style:circle;

	list-style-position:inside;

	float:left;

}

#headingmenu ul li {

	margin:0;

	padding:0px 55px; /* 2 menyy vahe*/

}

#headingmenu ul a {

	text-decoration:none;

	color:#000;

	font-size:1.7em

}

#headingmenu ul a:hover{

	color:#900701;

}

/* Portfoolio */

.port {

	text-align:center;

	margin:5px;

	float:left;

	height:135px;

}

.vaiketekst{ font-size:.8em;}

.picborder{ 

border:5px solid #CCCCCC;

display:block;

}

/*---------------------------------------------

Styling a form

----------------------------------------------*/



.webform {

margin: 0; 

padding: 0px;

width:350px;

}



.webform label {

display: block;

float: left;

clear: left;

width: 80px;

margin: 5px 0 5px 0;

}



.webform div {

zoom: 1; /* set hasLayout for IE6 and below to trigger quirky float model which means div clear the floats */

overflow: hidden; /* make inputs clear the floats to give the width you need - auto doesn't work here it creates scrollbar */

margin: 2px 0;

}



.webform div input, textarea {

width: 80%; /* FF cuts off right border if this is 100%; */

}

.send_button{

	display: inline;

	width:80px;

	border:1px solid #000000;

}



/* Blogi lisa*/



.post {

	width: 670px;

	padding: 30px 0;



}

.date {

	background: url("images/kalender.png") no-repeat;

	color: #fff;

	width: 54px;

	height: 45px;

	float: left;

	margin-left: -60px;

	margin-top: 5px;

}



.year {

	font-size: 11px;

	margin: 0 15px;

}



.day {

	font-size: 15px;

	margin-left: 8px;

	font-family: Georgia;

	margin-top: -11px;

}



.sisu {

	

}



.bpost {

	margin-top: 10px;

}



.bpost img {

	margin: 0 10px 10px 5px;

}



.postijalus {

	clear: both;

	margin: 20px 0 0 5px;

}



.postijalus a {

	font-weight: bold;

}



.readmore {

	margin: 0 15px 0 0;

	float: right;

	background: url("images/read-more-nool.png") no-repeat right;

	padding-right: 18px;

}



.vahejoon {

	background: url("images/vahe-joon.png") no-repeat;

	height: 1px;

	clear: both;

	

}

/* ime mu munni*/

h4, h4 a {

	font-size: 28px;

	margin: 0px;

	color: #000;

	text-decoration:none;

	font-weight:normal;

}



h4:hover a{

	color: #5e0106;

	text-decoration: none;

}