/* 	

Theme Name: Kontrast theme
Theme URI: www.kontrast.ee
Description: Theme for www.kontrast.ee
Version: 0.1
Author: Hannes Aulik
Author URI: www.kontrast.ee

Stylesheet for http://www.kontrast.ee 
Date: 2010 October

*/

body { 
 margin: 0px;
 background-color: #ffffff;
 /*background: url(images/bg_green.gif) repeat-x center 134px;*/
 /*background: url(images/bg.jpg) center -250px no-repeat;*/
 
 position: relative;
 width: 100%;
 margin: 0px; 
 padding: 0px;
 font-family: Arial, Verdana, Tahoma;
 font-size: 12px;
 line-height: 16px;
} 

* { 
 position: relative;
 width: 100%;
 margin: 0px; 
 padding: 0px;
}

b {
 font-weight: bold;
}

img { border: 0px 
}

strong {
 font-weight: bold;
 color: #000000;
}

::-moz-selection
{
background:#32af64;
color:#fff;
}
 
::selection 
{
background:#32af64;
color:#fff;
}

a:link { text-decoration: none; font-weight: none; color: #00b8f5;}
a:visited { text-decoration: none; font-weight: none; color: #00b8f5;}
a:active { text-decoration: none; font-weight: none; color: #00b8f5;}
a:hover { text-decoration: none; color: #55d5ff;}
a:focus { outline: 0;}

.contact_link a:hover {
 text-decoration: none; 
 background: #32b767; 
 color: #ffffff;
}


h1 {
 font-family: Arial, Verdana, Tahoma;
 font-weight: bold;
 font-style:italic;
 font-size: 20px;
 padding-bottom:14px;
}

h2 {
 font-family: Georgia, Arial, Verdana, Tahoma;
 font-weight: normal;
 font-size: 20px;
 color: #000000;
 padding-top: 15px;
 padding-bottom: 6px;
}

h3{
 font-family: Arial, Verdana, Tahoma;
 font-weight: normal;
 font-style: italic;
 font-size: 11px;
 color: #8f8f8f;
 line-height: 22px;
 padding-bottom: 6px;
}

h4 {
 font-family: Georgia, Arial, Verdana, Tahoma;
 font-weight: normal;
 font-style: normal;
 font-size: 12px;
 color: #4c4c4c;
 line-height: 22px;
 padding-bottom: 30px;
}

.center {
 text-align: center;
}
 
#bg { 
 /*background: url(images/fresh_work_shadows.png) no-repeat center 408px;*/
 min-height:625px;
}
 
#stripe_black { 
 position: relative;
 margin-top: 0px;
 margin-left: 0px;
 height: 3px;
 background-color: #000000;
}
 
#container { 
 display: none; /* for fade-in */
 width: 912px;
 top: 65px;
 margin-left: auto;
 margin-right: auto;
}

#menu { 
 text-align:left;
 height:24px;
}

#main_banner { 
 height: 345px; /*279px;*/
 margin-top: 8px;
 /*background: url(images/main_banner_high.png) no-repeat 0 0;*/
}



/* ------------------------------------------------------------------------------------------*/
 /* Slaidide peakast */ 
 div#slides { 
  height: 345px; 
  width: 912px; 
  overflow: hidden; 
  position: relative; 
  margin: 0; 
  padding: 0;
  background-color:#000000;
 }
 
 
 /* Slaidi pildi m66tmed ja asjad */ 
 div#slides img { 
  position: absolute; 
  top: 0; 
  left: 0; 
  display: none;
  width: 912px; 
  height: 345px; 
 }
 
 div#slides p { 
  position: absolute; 
  bottom: 20px;	
  left: 822px;
  z-index: 10000;
  height: 20px; 
  margin: 0; 
  padding: 0;
 }
 
 /** Piltide vahetuse kastid */
 div#slides p a { 
  display: block; 
  float: left; 
  height: 20px; 
  width: 20px; 
  background: #000; 
  margin-right: 5px; 
 }
 
 div#slides p a.act { 
  background: #c30; 
 }

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




#info { 
 text-align: clear;
 height: 54px;
 top: 11px;
 background: url(images/double_stripe.gif) repeat-x;
}

#projects_fresh { 
 display: none; /* for fade-in */
 height: 217px;
 top: 7px;
}

/*#contacts { 
 margin-top: 5px;
 background: url(images/single_stripe.gif) repeat-x 0 0;
 top:10px;
 padding-top: 10px;
 min-height: 85px;
 clear:both;
 font-size:11px;
}*/

/*#contacts_index { 
 background: url(images/single_stripe.gif) repeat-x 0 0;
 top:-5px;
 padding-top: 10px;
 min-height: 85px;
 clear:both;
 font-size:11px;
}*/


/*.footroom {
 top: 60px;
}*/

#projects { 
 display: none; /* for fade-in */
 width:912px;
 top:40px;
 overflow: hidden;
}

#twobox{ 
 display: none; /* for fade-in */
 width:912px;
 top:15px;
 overflow: hidden;
 background: url(images/1px_gray.gif) repeat-y 296px 0;
}

/* --------------------------------------------------------- Meist START ---*/
#container_about { 
 font-size:12px;
}

#about { 
 display: block; 
 float: left; 
 width:272px;
 font-size:12px;
 line-height:22px;
 margin-bottom:25px;
}

#services { 
 display: block; 
 float: left; 
 width:272px;
 margin-left: 48px;
 font-size:12px;
 line-height:22px;
}

#process { 
 display: block; 
 float: left; 
 width:272px;
 margin-left: 48px;
 font-size:12px;
 line-height:22px;
}

/* --------------------------------------------------------- Meist END ---*/

/* --------------------------------------------------------- Contact START ---*/
#container_contact { 
 font-size:12px;
}

#contact_data { 
 display: block; 
 float: left; 
 width:272px;
 font-size:12px;
 line-height:22px;
 margin-bottom:25px;
}

#contact_form { 
 display: block; 
 float: left; 
 width:592px;
 margin-left: 48px;
 margin-bottom: 25px;
 font-size:12px;
 line-height:22px;
}

#form {
 background-color:#e3e3e3;
}

#letter {
 height: 298px;
}

.formfield {
 background: url(images/form_bg.gif) no-repeat 0 0;
 background-color: #fffdd1;
 border: none;
 font-family: Arial, Verdana, Georgia;
 font-size:12px;
 color: #797517;
 padding-left: 10px;
 padding-top: 6px;
 margin-bottom: 4px;
 line-height: 22px;
}

.personal {
 padding-top: 0px;
 /*line-height: 25px;*/
 width: 250px;
 height: 25px;
 padding-left: 6px;
 padding-bottom: 0px;
}

.formfield_bg {
 background: url(images/form_letterlines_bg.gif) no-repeat 0 0;
}

.form_send {
 display:block;
 float:left;
 width: 62px;
 height: 27px;
 margin-top: 4px;
 padding-bottom: 8px;
 border:0px;
}

.notice {
 color: #222;
}

fieldset {background:#e3e3e3; min-height:490px; width:565px; padding-left:8px; border:0px; }
dl {margin:0 0 0 0}
dt {float:left; text-align:left; width:500px; margin:0 0 0 0; font-weight: bold; line-height:25px; padding-top: 2px; margin: 0 0 0 0;}
dd {width:565px; line-height:25px; margin:0 0 0 0;}

/* --------------------------------------------------------- Contact END ---*/

.itemwrap_index {
 width: 936px;
 height:213px;
}

.itemwrap {
 width: 936px
}

.item {
 display: block;
 width: 288px;
 height: 199px;
 margin: 0 24px 24px 0;
}

p.clear {
 height: 0px;
 overflow: hidden;
 clear: both;
}

.project  { 
 width:288px;
 height:170px;
}

.project_page_title {
 display: block;
 float:left;
 left:0px;
 top: 5px;
 width: 600px; 
 height: 29px;
 text-align:left;
 font-family: Arial;
 font-size: 12px;
 font-weight: bold;
 line-height: 29px;
}

.project_page_back {
 display:block;
 float:left;
 height: 29px;
 width:61px;
 top: 5px;
 left: 0px;
 font-family: Arial, Verdana, Tahoma;
 font-size: 11px;
 font-weight: bold;
 line-height: 29px;
}

.project_page_back  a{
 line-height: 29px;
}


.project_page_title2 {
 left: 256px;
 width: 400px; 
 height: 19px;
 background-color: #ff0000;
 font-weight: bold;
 text-align: center;
}

.project_info  { 
 font-family:Georgia, Arial, Verdana;
 font-weight:bold;
 font-size:11px;
 color:#ffffff;
 width:288px;
 height:29px;
 background-color:#000000;
 text-indent:10px;
 line-height:29px;
}

.project_type { 
 font-family:Georgia, Arial, Verdana;
 font-size:11px;
 font-weight:normal;
 color:#a9a9a9;
 
}

.project_bigimage {
}

.project_bigimage_comment {
 height:29px;
 width:912px;
 background-color:#000000;
 margin-bottom: 10px;
 font-family: Georgia, Arial, Verdana, Tahoma;
 font-size:11px;
 color: #ffffff;
 text-indent:10px;
 line-height:29px;
}

.project_text {
 width: 456px; 
}

.gray {
 color: #a9a9a9; 
}

.normal {
 font-weight: normal; 
 font-size:12px;
}

.number {
 font-family: Georgia, Arial, Verdana; 
 color: #a9a9a9; 
 font-size:11px;
 
}
/* ------------------------------- LATEST PROJECTS - Starts ------------------------------------ */
#work1 { 
 display:block;
 width:288px;
 height:170px;
 float:left;
 background:url(images/work_fresh_1.png) no-repeat 0 0;
}
#work1_text { 
 display:block;
 width:288px;
 height:40px;
 float:left;
 top:10px;
 font-family: Arial, Verdana, Tahoma;
 font-size: 11px;
 font-weight: bold;
 color: #000000;
}


#work2 { 
 display:block;
 width:288px;
 height:170px;
 float:left;
 margin-left:24px;
 background:url(images/work_fresh_2.png) no-repeat 0 0;
}
#work2_text { 
 display:block;
 width:288px;
 height:40px;
 float:left;
 margin-left:24px;
 top:10px;
 font-family: Arial, Verdana, Tahoma;
 font-size: 11px;
 font-weight: bold;
 color: #000000;
}

#work3 {
 display:block;
 width:288px;
 height:170px;
 float:left;
 margin-left:24px;
 background:url(images/work_fresh_3.png) no-repeat 0 0;
}
#work3_text { 
 display:block;
 width:288px;
 height:40px;
 float:left;
 margin-left:24px;
 top:10px;
 font-family: Arial, Verdana, Tahoma;
 font-size: 11px;
 font-weight: bold;
 color: #000000;
}

.work_text_type { 
 font-family: Georgia, Arial, Verdana, Tahoma;
 font-size: 10px;
 font-weight: normal;
 font-style: italic;
 color: #a5a5a5;
 top: -2px;
}

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

.info_title  {
 font-family: Arial, Verdana, Tahoma;
 font-size: 11px;
 font-weight: bold;
 color: #000000;
 top: 5px;
 left: 0px;
 width:450px;
}

.info_title_2  {
 font-family: Arial, Verdana, Tahoma;
 font-size: 11px;
 font-weight: none;
 color: #8f8f8f;
 top: 3px;
 left: 0px;
 width:450px;
}

.contact_link  {
 font-family: Arial, Verdana, Tahoma;
 font-size: 11px;
 font-weight: bold;
 color: #00b8f5;
 top: 5px;
 left: 0px;
 width:94px;
 text-align:right;
}

.contact_link_2  {
 font-family: Arial, Verdana, Tahoma;
 font-size: 11px;
 font-weight: none;
 color: #8f8f8f;
 top: 3px;
 left: 0px;
 width:120px;
 text-align:right;
}

.left {
 float:left;
}

.right {
 float:right;
}

.contact_kontrast  {
 font-family: Arial, Verdana, Tahoma;
 font-size: 11px;
 font-weight: normal;
 color: #a5a5a5;
 width:125px;
}

.contact_info  {
 font-family: Arial, Verdana, Tahoma;
 font-size: 10px;
 font-weight: normal;
 line-height: 18px;
 color: #a5a5a5;
 width: 270px;
}

.cyan {
 font-family: Arial, Verdana, Tahoma;
 font-size: 10px;
 font-weight: normal;
 color: #00b8f5;
}

.contact_about  {
 font-family: Arial, Verdana, Tahoma;
 font-size: 10px;
 font-weight: normal;
 line-height: 18px;
 color: #a5a5a5;
 width: 315px;
}


div.fadehover {
	position: relative;
	}
 
a.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
    }
 
a.b {
	position: absolute;
	left: 0;
	top: 0;
	}

/* --- MENU START (with fade)---*/
.logo1  {
 display:block;
 width:120px;
 height:24px;
 background:url(images/menu_and_logo.gif) no-repeat 0 0;
 float: left;
}

.logo2  {
 display:block;
 width:120px;
 height:24px;
 background:url(images/menu_and_logo.gif) no-repeat 0 -24px;
 float: left;
}

.projektid1  {
 display:block;
 width:70px;
 height:24px;
 background:url(images/menu_and_logo.gif) no-repeat -160px 0;
 float: left;
 margin-left:160px;
}

.projektid2  {
 display:block;
 width:70px;
 height:24px;
 background:url(images/menu_and_logo.gif) no-repeat -160px -24px;
 float: left;
 margin-left:160px;
}

.meist1  {
 display:block;
 width:46px;
 height:24px;
 background:url(images/menu_and_logo.gif) no-repeat -274px 0;
 float: left;
 margin-left:274px;
}

.meist2  {
 display:block;
 width:46px;
 height:24px;
 background:url(images/menu_and_logo.gif) no-repeat -274px -24px;
 float: left;
 margin-left:274px;
}

.kontakt1  {
 display:block;
 width:60px;
 height:24px;
 background:url(images/menu_and_logo.gif) no-repeat -365px 0;
 float: left;
 margin-left:365px;
}

.kontakt2  {
 display:block;
 width:60px;
 height:24px;
 background:url(images/menu_and_logo.gif) no-repeat -365px -24px;
 float: left;
 margin-left:365px;
}
/* --- MENU END (with fade)---*/

/* --- MENU ENG START (with fade)---*/
.logo1_en  {
 display:block;
 width:120px;
 height:24px;
 background:url(images/menu_and_logo_en.gif) no-repeat 0 0;
 float: left;
}

.logo2_en  {
 display:block;
 width:120px;
 height:24px;
 background:url(images/menu_and_logo_en.gif) no-repeat 0 -24px;
 float: left;
}

.projektid1_en  {
 display:block;
 width:62px;
 height:24px;
 background:url(images/menu_and_logo_en.gif) no-repeat -160px 0;
 float: left;
 margin-left:160px;
}

.projektid2_en  {
 display:block;
 width:62px;
 height:24px;
 background:url(images/menu_and_logo_en.gif) no-repeat -160px -24px;
 float: left;
 margin-left:160px;
}

.meist1_en  {
 display:block;
 width:67px;
 height:24px;
 background:url(images/menu_and_logo_en.gif) no-repeat -268px 0;
 float: left;
 margin-left:268px;
}

.meist2_en  {
 display:block;
 width:67px;
 height:24px;
 background:url(images/menu_and_logo_en.gif) no-repeat -268px -24px;
 float: left;
 margin-left:268px;
}

.kontakt1_en  {
 display:block;
 width:60px;
 height:24px;
 background:url(images/menu_and_logo_en.gif) no-repeat -380px 0;
 float: left;
 margin-left:380px;
}

.kontakt2_en  {
 display:block;
 width:60px;
 height:24px;
 background:url(images/menu_and_logo_en.gif) no-repeat -380px -24px;
 float: left;
 margin-left:380px;
}
/* --- MENU ENG END (with fade)---*/

/* --- LANG BEGIN ---*/
.lang_et1  {
 display:block;
 width:69px;
 height:16px;
 background:url(images/lang_et_offon.gif) no-repeat 0 0;
 float: right;
 margin-top:2px;
 margin-left:843px;
}

.lang_et2  {
 display:block;
 width:69px;
 height:16px;
 background:url(images/lang_et_offon.gif) no-repeat 0px -16px;
 float: right;
 margin-top:2px;
 margin-left:843px;
}

.lang_en1  {
 display:block;
 width:80px;
 height:16px;
 background:url(images/lang_en_offon.gif) no-repeat 0 0;
 float: right;
 margin-top:2px;
 margin-left:832px;
}

.lang_en2  {
 display:block;
 width:80px;
 height:16px;
 background:url(images/lang_en_offon.gif) no-repeat 0px -16px;
 float: right;
 margin-top:2px;
 margin-left:832px;
}
/* --- LANG END ---*/

.langstrings_et {
 position: absolute;
 top:-65px;
 display:block;
 height:67px;
 width:69px;
 margin-left:843px;
  background:url(images/lang_et_strings.gif) no-repeat 0px 0px;
}

.langstrings_en {
 position: absolute;
 top:-65px;
 display:block;
 height:67px;
 width:80px;
 margin-left:832px;
  background:url(images/lang_en_strings.gif) no-repeat 0px 0px;
}