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


www.helac.fi
site spesific CSS
author: mik@kolahti.com

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

body, h1 {
color:#333;
}

.container {
padding-left:30px;
padding-right:30px;
padding-bottom: 291px;
}

a {
font-weight:bold;
color:#908371;
}

a:hover {
color:#333;
}


#logo  {
background:url(images/layout/logo_big.png) 0 34px no-repeat;
height:150px;
text-indent:-9999px;
}

#logo a {
display:block;
height:150px;
overflow:auto;
}

#mainNav {
margin:0;
padding:0;
list-style:none;
}

#mainNav01, #mainNav03, #mainNav02 {
height: 110px;
display:block;
text-indent:-9999px;
overflow:auto;
}

#mainNav01 {
background:url(images/layout/mainNav01.png) no-repeat;
}

#mainNav02 {
background:url(images/layout/mainNav02.png) no-repeat;
}

#mainNav03 {
background:url(images/layout/mainNav03.png) no-repeat;
}

#mainNav01:hover, #mainNav02:hover, #mainNav03:hover {
background-position:0 -110px;
}

#services #mainNav01, #solutions #mainNav02, #about #mainNav03 {
background-position:0 -110px;
}

.intro {
font-size:1.75em; 
color:#908371;
margin-top:0.75em;
}

.h2_blue, .h3_blue { 
color:#61b5d0;
}

.h2_green, .h3_green { 
color:#bcbe00;
 }

#index .h2_blue, #index .h2_green {
font-weight:bold;
font-size:2.5em;
}

#index .h2_blue {
border-bottom: solid 2px #61b5d0;
margin-bottom:1em;
}

#index .h2_green {
border-bottom: solid 2px #bcbe00;
margin-bottom:1em;
}

#index .h3_blue {
font-size:1.75em;
margin-top:0;
margin-bottom:0.25em;
}

#index .h3_green {
font-size:1.75em;
margin-top:0;
margin-bottom:0.25em;
}


#index .feature .span-5 {
padding-left:1px;
width:189px;
padding-top:0;
margin-top:0;
}

#services h2, #solutions h2, #about h2  {
font-size:2.75em;
font-weight:bold;
margin-bottom:0;
}

#services h3, #solutions h3, #about h3 {
font-size:1.75em;
margin-top:2em;
margin-bottom:0;
padding-bottom:1em;
}

#services h2  {
color:#61b5d0;
}

#services h3 {
color:#61b5d0;
}

#solutions h2 {
color:#bcbe00;
}

#solutions h3 {
color:#bcbe00;
}

#about h2 {
color:#908371;
}

#about h3 {
color:#908371;
}

.summary {
color:#333;
margin-top:0;
margin-bottom:2.5em;
font-size:1.5em; 
 
}

#services h3.top, #solutions h3.top, #about h3.top {margin-top:0;padding-top:0;}

#services h4, #solutions h4, #about h4  {
margin-bottom:0.75em;
}

#services h4 span, #solutions h4 span, #about h4 span,  {
font-size:90%;
font-weight:normal;
color:#908371;
}

p { margin-bottom:25px; }

.right {
float:right;
}

.push-right {
float:right;
margin-right:-160px;
}

.break {
margin-bottom:0.75em
}

.contact {
margin-top:-1.2em;
font-size:95%;
}

/*lovely sticky footer */

html, body, #footer_wrap {
height: 100%;
}

#footer_wrap {
background: url(images/layout/footer_wrap_bg.png) 0 bottom repeat-x; 
}

body > #footer_wrap {height: auto; min-height: 100%;}

#footer {
position: relative;
margin-top: -235px; /* negative value of footer height */
height:235px;
clear:both;
width:100%;
background:#908371;
color:#fff;
}


.footerfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.footerfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.footerfix {display: block;}
/* End hide from IE-mac */

#footer .footer_container {
width:950px;
margin:0 auto 0 auto;
padding:2em 30px 0 30px;

}

#index .footer_container h3, #services .footer_container h3, #solutions .footer_container h3, #about .footer_container h3 {
color:#fff;
margin-top:2em;
} 

#footer .footer_container .prepend-top {margin-top:2em;}

#footer .footer_container h4 {
color:#fff;
font-size:1.5em;
margin-left:-1px;
margin-bottom:0.75em;
}

#footer #address { 
background:url(images/layout/logo_footer.png) no-repeat;
padding:119px 0 0 0;
}

#footer .footer_container a {
color:#fff;
font-weight:normal;
text-decoration:none;
}

#footer .span-6 {
width:228px;
paddding-left:1px;
}


#footer .footer_container a:hover {
color:#333;
}