/* Greenit.ee | 2010 */
/* SWATCHES 
GREEN 76b729

 */
/* RESET | http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* TYPOGRAPHY | Blueprint 29-09-2010 */
/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body { font-size: 75%; color: #626262; background: #fff; font-family: Arial, Helvetica, sans-serif;}

/* Headings */
h1,h2,h3,h4,h5,h6 {  font-weight: normal; color: #76b729; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #76b729; }

h1 { font-size: 2.5em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; line-height: 1.25; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img,h4 img, h5 img, h6 img { margin: 0;}

/* Text elements */
p { margin: 0 0 1.5em; }

/* These can be used to pull an image at the start of a paragraph, so that the text flows around it (usage: <p><img class="left">Text</p>) */
.left  			{ float: left !important; }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right 			{ float: right !important; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }
a:focus,
a:hover     { color: #626262; }
a           { color: #626262; text-decoration: none; cursor: pointer; }
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong,dfn	{ font-weight: bold; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }
abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }
pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Lists */
li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Tables */
/* Because of the need for padding on TH and TD, the vertical rhythm on table cells has to be 27px, instead of the standard 18px or 36px of other elements. */ 
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }

/* You can zebra-stripe your tables in outdated browsers by adding the class "even" to every other table row. */
tbody tr:nth-child(even) td, 
tbody tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* Misc classes */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }
.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* FORMS | Blueprint 29-09-2010 */
/* Sets up some default styling for forms * Gives you classes to enhance your forms * Usage: * For text fields, use class .title or .text * For inline forms, use .inline (even when using columns) */
/* A special hack is included for IE8 since it does not apply padding correctly on fieldsets */ 
label       { font-weight: bold; }
fieldset    { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; margin-top:-0.2em; margin-bottom:1em; }
fieldset, #IE8#HACK { padding-top:1.4em; } 
legend, #IE8#HACK { margin-top:0; margin-bottom:0; }

/* Form fields */
/* Attribute selectors are used to differentiate the different types of input elements, but to support old browsers, you will have to add classes for each one. ".title" simply creates a large text field, this is purely for looks. */
input[type=text], input[type=password], input.text, input.title, textarea { background-color:#fff; border:1px solid #bbb; }
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus { border-color:#666; }
select { background-color:#fff; border-width:1px; border-style:solid; }
input[type=text], input[type=password], input.text, input.title, textarea, select { margin:0.5em 0; }
input.text, input.title { width: 300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width: 390px; height: 250px; padding:5px; }

/* This is to be used on forms where a variety of elements are placed side-by-side. Use the p tag to denote a line. */
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }

/* Success, info, notice and error/alert boxes */
.error, .alert, .notice, .success, .info { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info { background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a, .alert a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }
.info a	{ color: #205791; }

/* COMMON STYLES */

body { line-height: 1.5em }
img { line-height: 1em}
h1,h2,h3,h4,h5,h6 { font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; }
#post a {color: #76b729;}
#post a:hover {text-decoration: underline;}
/* LAYOUT */

#topbar,
#header,
#slideshow,
#submenu,
#content,
#calcbar,
#calc,
#clients,
#excerpts,
#footer
{
	margin: 0 auto;
	width: 940px;
}

#slideshow-container,
#submenu-container,
#calcbar-container,
#footer-container,
#header{
	clear: both;
}
#topbar{
height: 24px;
	text-align: right;
}
#langlogin{
	float: right;
	width: 271px;
	background: #eee;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-background-clip: padding-box;
}
    #langmenu {
border-right:1px solid #fff;
        list-style-type: none;
float:right;
width: 165px;
        margin: 0;
        padding: 0;
	padding: 2px 10px 4px 10px;
    }
        #langmenu li {
            float: left;
            /*font-size: 12px;*/
            /*line-height: 24px;*/
            margin: 0 0 0 10px;
            padding: 0;
        }
            #langmenu a {
                color: #6c6b64;
            }
            #langmenu .active a {
                color: #2d2f22;
            }
            #langmenu a:hover {
                color: black;
                text-decoration: none;
            }
#logo{
	display: block;
	float: left;
	/*margin-bottom: 13px;*/
	width: 181px;
}
#nav{
	display: block;
	float: left;
	width: 550px;
}
#shoplink{
	display: none;
	float: right;
	text-align: right;
	width: 140px;
}
#submenu-container{
	min-height: 50px;
}
#post{
	float: left;
	padding: 20px;
	width: 580px;
}
#sidebar{
	float: right;
	padding: 20px;
	width: 260px;
}
#excerpts-list{
	list-style:none;
	margin:0;
	padding:0;
}
#excerpt1,
#excerpt2{
	float: left;
	margin-right: 20px;
	overflow: hidden;
	width: 293px;
}
#excerpt3{
	float: left;
	overflow: hidden;
	width: 313px;
}
#footernav{
	float: left;
	margin: 0;
	padding: 0;
	width: 620px;
}
#footercontact{
	float: right;
	width: 300px;
}
#slider-wrapper{

}
/* THE STYLES */
/* Common */
.clear{	clear: both; }
.clearfix:after {
  content: "."; display: block;height: 0;clear: both;font-size: 1px;line-height: 1px;visibility: hidden;
}
.corners {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  border-radius: 5px;
}
.title{
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight:300;
	font-stretch:normal;
}
#title1 a{
	color: #76b729;
}
#post {
	background: #fff;
	border-bottom: 1px solid #a1cc21;
	margin-bottom: 20px;
	padding: 20px;
}
#post .postthumb{
	margin-left: -20px;
	margin-bottom: 1.5em;
	overflow: hidden;
	width: 620px;
}
#sidebar{
	background: #fff;
	margin-bottom: 20px;
	padding: 20px 20px 0 20px;
}
#testimonial1 img{
	border-top: 1px solid #e9e9e9;
	margin: 0 0 0 -20px;
	padding: 0;
}
#login-container{
 float:right;
}
#login{
width: 60px;
float: right;
text-align: center;
	padding: 1px 10px 5px 10px;	background: #eee;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-background-clip: padding-box;
}
#slideshow-container{
	background: url('../images/slideshow-bg.jpg') bottom center repeat-x;
	line-height: 1em;
	margin-top: -18px;
}
#yetanother-container{
	background: url('../images/bg-ya.jpg');
}
#another-container{
	background: url('../images/content-bg4.jpg') top left repeat-x;
_height: 500px;
}
#calcbar-container{
	background: #76b729 url(../images/calcbar-bg.png);
}
#calc-container{
	background: url('../images/calc-bg.png') top center repeat-x;
}
#footer-container{
	background: url('../images/footer-bg.png') top center repeat-x;
}
#footer{
	padding: 40px 0 15px 0;
}
#calcbar{
	color: #fff;
	font-size: 2em;
}
#clients{
	color: #a0a0a0;
	font-size: 2em;
	padding: 20px 0;
}
#excerpts{
	border-top: 1px solid #f1f4ee;
	margin-bottom: 20px;
	padding-top: 20px;
}
#excerpts .sidebar-post-title{
	width: 250px;
}
#excerpt3 img{
	float: left;
	margin: 0 1.5em 1.5em 0; padding: 0;
}
#shoplink{
	color: #76b729;
	font-size: 1.5em;
	line-height: 85px;
}
#subscribeto{
	margin-top: 10px;
}
#rsslink{
	background: url('../images/icon-rss.png') no-repeat right center;
	padding: 1px 20px 1px 0;
	margin-right: 10px;
}
#emaillink{
	background: url('../images/icon-email.png') no-repeat right center;
	padding: 1px 20px 1px 0;
	margin-right: 10px;
}
#excerpt1 p,
#sidebar p,
.sidebar-post-title a{
	color: #000;
	font-size: 14px;
	font-weight: normal;
}
.sidebar-post-title{
	border-bottom: 1px solid #e9e9e9;
	float: left;
	margin-left: 10px;
	width: 200px;
}
.datebox{
	border: 1px solid #ddd;
	float: left;
	margin-bottom: 1em;
	text-align: center;
	width: 30px;
}
.datedigit{
	display: block;
	font-size: 1.5em;
	line-height: 1em;
}
.datetext{
	line-height: 1em;
}
#post-excerpt{
	margin-bottom: 1.5em;
}
#post-left{
	float: left;
	width: 120px;
}
#post-right{
	float: right;
	width: 450px;
}

/* Navigation */
#nav{
	list-style: none;
	margin: 0 0 0 50px;
	padding: 0;
}
#nav li{
	background: url('../images/nav.png') no-repeat left center;
	float: left;
	height: 85px;
}
#nav li:first-child{
	background: none;
}
#nav li a{
	display: block;
	font-size: 1.4em;
	height: 85px;
	line-height: 85px;
	padding: 0 10px;
_width: 70px;
}
#nav li.active a			{
	background: url('../images/nav-active2.png') bottom center no-repeat;
}
#nav li a:hover{
	background: url('../images/nav-hover.png') repeat-x;
}
#nav li.active a:hover{
	background: url('../images/nav-hover-active.png') bottom center no-repeat;
}
#submenu{
	list-style: none;
	margin: 0 auto;
	padding: 20px 0;
}
#submenu li{
	display: inline-block;
*display: inline;
	/*padding: 5px 10px;*/
}
#submenu li a{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px;
}
#submenu li.active a{
	background: #76b729;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-background-clip: padding-box;
}
#footernav {
	list-style-type: none;
	font-size: 12px;
}

#footernav li {
	border-left: 1px solid #d9d9d9;
	float: left;
	height: 150px;
	margin-left: 10px;
	padding-left: 10px;
}

#footernav li:first-child {
	border: none;
	margin: 0;
	padding: 0;
}

#footernav li li {
	border: none;
	height: auto;
	margin: 0;
	padding: 0;
}

#footernav li a {
	font-weight: bold;
}

#footernav li ul {
	float: none;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 2px;
}

#footernav li ul li {
	float: none;
	line-height: 1.6em;
	margin-right: 0;
}

#footernav li ul li a {
	font-weight: normal;
}

/* Bloglist */

#bloglist {
list-style: none;
margin: 0;
pading: 0;

}
#bloglist li {
    	background: none;
    	padding: 0;
    	border-bottom: 1px solid #d1e6cc;
    	padding-bottom: 10px;
	margin-bottom: 10px;
}
#bloglist li:last-child {
	border-bottom: none;
    	padding-bottom: 0;
    	margin-bottom: 0;
}
#bloglist h2 {
	margin-bottom: 0.25em;	
}
#bloglist .date{
	margin-bottom: 0.5em;
}

.postmetadata {
	list-style: none;
  	margin: 5px 0 0 0 !important;
	padding: 0;
}
.postmetadata li{
	display: inline-block;
	/*padding: 5px 10px;*/
}
.postmetadata li a{
	color: #fff !important;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px;
	background: #76b729;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-background-clip: padding-box;
}
/***** Forms *****/

/* Comments */

.comments,
.form_area {
    	background: #f4f4f4;
    	-moz-border-radius: 10px;
    	-webkit-border-radius: 10px;
    	border-radius: 10px;
    	padding: 20px;
	margin-top: 20px;
}
.comments h3 {
     /*background-image: url('../images/h3-line-dark.gif?1');*/
}
.comments h3:first-child {
     margin-top: 10px;
}
.comments ul {
}
.comments ul li {
      	background: none;
      	padding: 0;
   	/*font-family: Museo300, Helvetica, Arial, sans-serif;*/
}
.comment-author {
       	font-family: Helvetica, Arial, sans-serif;
       	/*font-family: Museo700;*/
       	text-transform: uppercase;
       	font-size: 11px;
       	font-weight: normal;
}
.comment-date {
        color: #7c8f9c;
}
.comment-body {
       	padding-left: 30px;
       	background: url('../images/quote.gif?1') no-repeat left 4px;
       	margin-top: 5px;
}
.comments form {
    	margin: 0;
}
.comments form label,
.form_fields label {
     	display: block;
     	font-size: 12px;
     	font-family: Helvetica, Arial, sans-serif;
     	/*font-family: Museo300;*/
     	margin: 12px 0 5px;
}
.comments form input.textbox,
.form_fields input.textbox {
     	width: 302px;
}
.comments form textarea {
     	height: 99px;
     	width: 502px;
}
.comments form input.submit {
    	margin-top: 10px;
}
.comments form p {
   	margin: 0;
}

/***** Original template Form Styles *****/
  .form_area {
   margin: 20px 0;
  }
   .form_field label {
    display: block;
  font-family: Helvetica, Arial, sans-serif;
    /*font-family: Museo300;*/
    font-size: 12px;
   }
   .form_field_textfield, .form_field_textarea, .textbox {
    background: #f9f9f9;
    background: -moz-linear-gradient(center bottom,rgb(242,242,242) 0%,rgb(254,254,254) 95%,rgb(255,255,255) 95%,rgb(229,229,229) 100%);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(242,242,242)),color-stop(0.95, rgb(254,254,254)),color-stop(0.95, rgb(255,255,255)),color-stop(1, rgb(229,229,229)));
    border-color: #b3b3b3 #dfdfdf #e5e5e5 #dddddd;
    border-style: solid;
    border-width: 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 3px 3px;
    font-size: 16px;
  font-family: Helvetica, Arial, sans-serif;
    /*font-family: Museo300;*/
    color: #1c2b35;
   }
   .form_error {
     color: red;
     font-weight: bold;
     font-size: 12px;
     border: 1px dotted red;
     padding: 5px;
margin-bottom: 1.5em;
   }
   .form_field_error {
     color: red;
     font-size: 10px;
     line-height: 14px;
   }
   .form_notice {
     color: green;
     border: 1px dotted green;
     padding: 5px;
margin-bottom: 1.5em;
   }
   .form_field {
    margin-bottom: 5px;
   }
   .form_field_size_large {
   width: 100%;
   }
   .form_field_size_medium {
   width: 50%;
   }
   .form_field_size_small {
   width: 25%;
   }
   .form_submit input, .submit {
   font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #447e05;
    background: #799e1c;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(95,123,24)),color-stop(0.97, rgb(144,188,31)),color-stop(0.97, rgb(194,219,132)),color-stop(1, rgb(194,219,132)));
    background: -moz-linear-gradient(center bottom,rgb(95,123,24) 0%,rgb(144,188,31) 97%,rgb(194,219,132) 97%,rgb(194,219,132) 100%);
    padding: 4px 9px;
  text-shadow: 0px -1px 1px #447e05;
   }
   .form_submit input:hover, .submit:hover {
    background: #8ab915;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(108,143,19)),color-stop(0.97, rgb(164,221,22)),color-stop(0.97, rgb(206,237,127)),color-stop(1, rgb(206,237,127)));
    background: -moz-linear-gradient(center bottom,rgb(108,143,19) 0%,rgb(164,221,22) 97%,rgb(206,237,127) 97%,rgb(206,237,127) 100%);
   }
/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/

#slider {
	position:relative;
    	width:1000px;
    	/*height:250px !important;*/
	background:url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:300px;
	bottom:20px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/***** Carousel *****/

#clientstitle {
	display: block;
	float: left;
	overflow: hidden;
	width: 130px;
}

.jcarousel-skin-tango .jcarousel-container {

}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    	width: 760px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	list-style: none;
	width:  760px;
    	height: 60px;
}

.jcarousel-skin-tango .jcarousel-item {
	width: 200px;
    	height: 60px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 30px;
    	margin-right: 30px;
	text-align: center;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    	margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    	background: #fff;
    	color: #000;
}