@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;
}