/*-----------------------------------------------
# [Master Stylesheet] 
#  
# Project:				Kirnauskis 2.0 
# Version:				2.2 
# Last change:			6.10.2008 
# Last assigned to:		Joni 
-----------------------------------------------*/


/*-----------------------------------------------
Colors
-----------------------------------------------*/
/*	
#	paragraph:		#2a4454; 
#	headings:		#003e64;
#	date:			#bcbcbc;
#	links:			#1495e5;
*/



/*-----------------------------------------------
General
-----------------------------------------------*/

body
{
background: #000;
border-top: 5px solid #1495e5;
color: #2a4454; 
font: 75% Helvetica, Arial, sans-serif; 
}

html>body {
font-size:12px;
}




/*-----------------------------------------------
Typography - General
-----------------------------------------------*/

h1, h2, h3, h4, h5 
{
color:#003e64;
}

h1 {
line-height:1em; /* 24px / 24px = 1em */
font-size:2em; /*  = 24px / 12px */
font-weight:normal;
margin:1.25em 0 0.8em 0;
color: #1495e5; /* Sivun pääotsikko */
}
h2 {
line-height:1em; /* 24px / 24px = 1em */
font-size:2em; /*  = 24px / 12px */
font-weight:normal;
margin:1.25em 0 0.8em 0;
}
#content h2 {
line-height:1.2em; /* 24px / 16px = 1.2em */
font-size:1.333em; /*  = 16px / 12px = 1.333em */
font-weight:bold;
margin:2.2em 0 1.25em 0;
}
h3 {
line-height:1.2em; /* 24px / 16px = 1.2em */
font-size:1.333em; /*  = 16px / 12px = 1.333em */
font-weight:bold;
margin:2.2em 0 1.25em 0;
}
h4 {
line-height:1.714em; /* 24px / 14px = 1.2em */
font-size:1.166em; /*  = 14px / 12px = 1.333em */
font-weight:normal;
margin: 2.4em 0 1em 0;
}

h5 {
line-height:1em; /* 24px / 14px = 1.2em */
font-size:1em; /*  = 14px / 12px = 1.333em */
font-weight:bold;
margin:3.2em 0 1.8em 0;
}

p {
font-size:1em;
line-height:1.5em; 
margin:0 0 1.5em 0;
}

blockquote p{
font: 1.15em Times, serif;
font-style: italic;
line-height: 1.3em;
}

blockquote p.quote_owner {
color:#6f8b9d;
display:block;
font-size: 1.1em;
}

address {
font-style: normal;
}

span.bullet {
color: #ccc;
padding: 0 5px;
}

strong {
font-weight: bold;
}

/*-----------------------------------------------
Links - General
-----------------------------------------------*/

a 	
{
color: #1495e5; 
text-decoration: none;
}

a:hover 
{
text-decoration: underline;
}




/*-----------------------------------------------
Form
-----------------------------------------------*/
input, textarea {
font: 0.95em 'Helvetica neue', Helvetica, Arial, sans-serif; 
}





/*-----------------------------------------------
Layout
 -----------------------------------------------*/

div.container {
position: relative;
margin: 0px auto 30px;
overflow: auto;
width: 900px;
}

#reference_page div.container {
position: relative;
background:#fff url(../i/bg_reference_paper.jpg) 0 230px no-repeat;
margin: 0px auto;
width: 960px;
overflow: hidden;
}

div#header {
position: relative;
height: 90px;
margin: 0 auto;
text-align: center;
width: 900px;
}

#front_page div#header {
height: 350px;
}

div#content_wrapper {
position: relative;
float: left;
clear: both;
background: #fff;
width: 100%;
}

div#sidebar {
position: relative;
float:left;
background:url(../i/bg_blogi_tausta_pysty.jpg) right 60px no-repeat;
padding-right:30px;
width:300px;
}

div#content {
position: relative;
float: left;
margin-bottom: 50px; 
padding-left: 70px;
width: 500px;
}

div#footer {
position: relative;
clear: both;
height: 65px;
padding-top: 15px;
text-align: center;
}

div.hr {
display: block;
clear: both;
height: 1.5em;
background:url(../i/hr1.jpg) repeat-x 0 top;
margin-bottom: 1.5em;
}

div.clear {
clear: both;
}

#blog_article div.hr {
clear: both;
height: 2px;
background:url(../i/hr1.jpg) repeat-x 0 0;
}

#blog_article hr {
display: none;
}



/*-----------------------------------------------
Buttons & Banners
 -----------------------------------------------*/

a.btn_contact_us {
position: relative;
float: left;
background: url(../i/btn_contact_us.gif) no-repeat 50% 0;
display: block;
height: 29px;
margin-top: 0.4em;
overflow: hidden;
text-indent: -9999px;
width: 200px;
}

a.btn_contact_us:hover {
background: url(../i/btn_contact_us.gif) no-repeat 50% -29px;
}

h5#teaser_contact_us a.btn_contact_us {
margin-top: 0.85em;
}

#teaser_contact_us {
position: relative;
float: right;
line-height:1.2em; /* 24px / 16px = 1.2em */
font-size:1.333em; /*  = 16px / 12px = 1.333em */
font-weight:bold;
margin:2.2em 0px 1.25em 0;
text-align:center;
width: 200px;
z-index: 100;
}

#people #teaser_contact_us {
margin: 2.2em 65px 1.25em 0;
}

a#teaser_contact_coffee {
position: relative;
float: left;
background:url(../i/btn_frontpage_coffee.gif) 0 0 no-repeat transparent;
line-height: 1.2em; /* 24px / 16px = 1.2em */
font-size: 1.333em; /*  = 16px / 12px = 1.333em */
font-weight:normal;
margin: 1.5em 0px 1.25em 0;
display:block;
height: 55px;
padding: 5px 0 0 70px;
width: 130px;
text-decoration: none;
}

a#teaser_contact_coffee:hover {
background:url(../i/btn_frontpage_coffee.gif) 0 -65px no-repeat transparent;
}




/*-----------------------------------------------
Header
 -----------------------------------------------*/
 
h1#header_logo {
position: relative;
float: left;
top: 4px;
background:url(../i/mainostoimisto_kirnauskis_logo.gif) no-repeat transparent;
height:21px;
left:0;
text-indent: -9999px;
top:0;
width:214px;
}

h1#header_logo a {
position:absolute;
font-size:1em;
background:url(../i/mainostoimisto_kirnauskis_logo.gif) no-repeat transparent;
height:21px;
left:0;
text-indent: -9999px;
top:0;
width:214px;
}

a#header_logo {
position:absolute;
font-size:1em;
height:21px;
left:0;
top: 35px;
width:214px;
}

#front_page #myAlternativeContent {
position: absolute;
bottom: 0px;
left: 60px;
z-index:99;
}




/*-----------------------------------------------
Navigation
 -----------------------------------------------*/

ul#navigation {
position: relative;
float: right;
height:47px;
right:25px;
top:43px;
}

ul#navigation  li {
display:inline;
}

ul#navigation  li a {
float:left;
background:url(../i/navi_main.gif) 0 0 no-repeat;
color:#fff;
display:block;
font-size: 1px;
height: 47px;
margin-right: 24px;
padding: 0;
text-indent: -9999px; 
text-transform:uppercase;
width: 50px;
}

ul#navigation li a#navigation_etusivu:hover {
background-position:-1px -47px; width:49px;
}

ul#navigation li.active a#navigation_etusivu 
ul#navigation li.active a#navigation_etusivu:hover {
background-position:0 -94px;
width:49px;
}

ul#navigation li a#navigation_kirnauskis {
background-position:-73px 0;
width:73px;
}

ul#navigation li a#navigation_kirnauskis:hover {
background-position:-73px -47px;
}

ul#navigation li.active a#navigation_kirnauskis,
ul#navigation li.active a#navigation_kirnauskis:hover {
background-position:-73px -94px;
}

ul#navigation li a#navigation_tyot {
background-position:-169px 0;
width:108px;
}

ul#navigation li a#navigation_tyot:hover {
background-position:-169px -47px;
}

ul#navigation li.active a#navigation_tyot,
ul#navigation li.active a#navigation_tyot:hover {
background-position:-169px -94px;
}

ul#navigation li a#navigation_blogi {
background-position:-301px 0;
width:37px;
}

ul#navigation li a#navigation_blogi:hover {
background-position:-301px -47px;
}

ul#navigation li.active a#navigation_blogi,
ul#navigation li.active a#navigation_blogi:hover {
background-position:-301px -94px;
}

ul#navigation li a#navigation_otayhteytta {
background-position:-362px 0;
width:88px;
}

ul#navigation li a#navigation_otayhteytta:hover {
background-position:-362px -47px;
}

ul#navigation li.active a#navigation_otayhteytta,
ul#navigation li.active a#navigation_otayhteytta:hover {
background-position:-362px -94px;
}




/*-----------------------------------------------
Frontpage
 -----------------------------------------------*/

div#frontpage_looking_for {
position: relative;
float:left;
background: url(../i/bg_blogi_tausta_pysty.jpg) no-repeat scroll 230px 0px;
padding-right: 100px;
width:300px;
}

div#frontpage_looking_for h2 {
color: #1495e5;
margin-bottom: 0.3em;
}

#front_page .blog a#open_blog {
background:url(../i/cnt_link_arrow.gif) left 3px no-repeat;
display: block;
padding:0 0 0 10px;
}

#front_page .blog a#open_blog {
float: left;
margin-top: 1.5em;
}

#front_page div.blog {
background: url(../i/bg_blogi_tausta_pysty.jpg) no-repeat scroll 185px 0;
position: relative;
float: left;
width: 270px;
padding-right: 30px;
}

h2#frontpage_normal_h2{
background:url(../i/cnt_hr_graydots.gif) 0 bottom repeat-x transparent;
color: #003e64;
font-size: 1.333em !important;
font-weight: bold;
margin: 2.3em 0 0.6em 0 !important;
padding-bottom: 1.5em;
}

h2#frontpage_normal_h2 span{
background:url(../i/icon_blog_header.gif) 0 3px no-repeat;
}

#front_page div.blog h3{
font-size: 1.2em;
margin: 1.2em 0 0 0;
}

#front_page div.blog span.date_time{
line-height: 1.7em;
}

div#frontpage_teasers {
position: relative;
float: left;
width: 200px;
}

div#frontpage_teasers a#teaser_contact_coffee {
margin-top: 1.8em;
}

div#frontpage_teasers h5#teaser_contact_us {
background:url(../i/cnt_hr_graydots.gif) 0 bottom repeat-x transparent;
margin: 0;
padding: 2.2em 0 2.9em 0;
}

#front_page div#frontpage_statement {
position:absolute;
background:transparent url(../i/etusivu_activepage.gif) no-repeat scroll 0 0;
height:10px;
right: 465px;
width:21px;
}

ul#frontpage_we_are{
float: left;
background: transparent url(../i/cnt_hr_graydots.gif) repeat-x scroll 0 bottom;
line-height: 1.5em;
margin: 1.7em 0 1.5em 0;
}

ul#frontpage_we_are li{
background:url(../i/cnt_frontpage_bullet.gif) 0 5px no-repeat transparent;
margin: 0 0 1.5em 0px;
padding-left: 20px;
}

div#frontpage_looking_for a {
float: left;
background:url(../i/cnt_link_arrow.gif) 10px 3px no-repeat;
display: block;
padding:0 0 0 20px;
margin-left: 10px;
width: 100%;
}

* html div#frontpage_looking_for a {
background: url(../i/cnt_link_arrow.gif) 20px 3px no-repeat;
padding:0 0 0 30px;
margin-left: 0px;
width: 200px;
}


/*-----------------------------------------------
Paragraph navigation
 -----------------------------------------------*/
 
p#paragraph_navigation {
position: relative;
float: left;
clear: both;
background:url(../i/bg_paragraph_navi.gif) 50% bottom no-repeat transparent;
color:#6e8593;
font: 2.5em Times, serif;
font-style:italic;
font-weight:normal;
line-height: 1.2em;
padding: 50px 0 80px 90px;
margin-bottom: 0;
text-align:center;
width: 720px;
}

p#paragraph_navigation a {
background:url(../i/bg_kirnauskis_navi_link.gif) 0 1.2em repeat-x;
padding: 5px 0;
text-decoration:none;
}

p#paragraph_navigation .lausenavigaatio_active {
background:url(../i/bg_kirnauskis_navi_active.gif) 0 1.2em repeat-x;
}




/*-----------------------------------------------
People
 -----------------------------------------------*/

div#people_attidute {
position: relative;
float: left;
margin-left: 65px;
width: 420px;
z-index: 100;
}




/*-----------------------------------------------
People slider
 -----------------------------------------------*/
 
#people_slider {
position:relative;
float:left;
width:900px;
height:380px;
margin-top: -20px;
padding-top:140px;
background:url(../i/bg_ihmiset_paper.jpg) top left no-repeat;
}

.slider_buttons_people {
position:relative;
float:left;
width:65px;
padding-top:120px;
text-align:center;
}

#people_slideshow {
position:relative;
float:left;
overflow:hidden;
width:770px;
height:305px;
margin:0;
}

#people_slideshow ul {
width:10000px;
list-style:none;
}

#people_slideshow li {
float:left;
padding-right:60px;
width:355px;
}

#people_slideshow li.people_rightside {
text-align:right;
}

#people_slideshow li.people_rightside img {
float:right;
padding:0 0 100px 20px;
}

#people_slideshow li blockquote {
font:1.45em Times,serif;
font-style:italic;
color:#6E8593;
}

#people_slideshow li img {
position:relative;
float:left;
padding:0 20px 100px 0;
}

#people_slideshow li h3 {
font-size:1em;
margin-top:5px;
}

#people_slideshow li .title {
color:#808A90;
font-size:.9em;
}

#people_slideshow li.people_rightside .title {
float:right;
}

a.btn_slider_prev {
float: left;
background: url(../i/btn_slider_prev.gif) 0 0 no-repeat;
display: block;
height: 25px; 
width: 25px;
}

a.btn_slider_prev:hover {
background: url(../i/btn_slider_prev.gif) 0 -25px no-repeat;
}

a.btn_slider_next {
float: right;
background: url(../i/btn_slider_next.gif) 0 0 no-repeat;
display: block;
height: 25px; 
width: 25px;
}

a.btn_slider_next:hover {
background: url(../i/btn_slider_next.gif) 0 -25px no-repeat;
}




/*-----------------------------------------------
Sidebar
 -----------------------------------------------*/

ul#sidebar_blog_categories {
background:url(../i/cnt_hr_graydots.gif) 0 bottom repeat-x transparent;
line-height: 1.5em;
padding-bottom: 1.5em;
}

ul#sidebar_blog_categories a{
background:url(../i/cnt_link_arrow.gif) left 3px no-repeat;
cursor:pointer;
padding-left: 10px;
}

#sidebar_blog_seeall {
margin-top:1.5em;
}


form#sidebar_search {
position: relative;
float: left;
background:url(../i/cnt_hr_graydots.gif) 0 bottom repeat-x transparent;
margin-bottom: 2.2em;
padding-bottom: 1.5em;
width: 100%;
}

input#sidebar_search_textfield {
position: relative;
float: left;
width:225px;
}

input#sidebar_search_button {
position: relative;
float: right;
}

address#with_map {
position: relative;
float: left;
background:url(../i/cnt_sidebar_address_map.gif) 0 0 no-repeat transparent;
font-style:normal;
font-size: 0.95em;
display:block;
line-height: 1.5em;
margin-top: 1.5em;
padding: 3.9em 0 0 118px;
}

address#with_map a {
background:url(../i/cnt_link_arrow.gif) left 3px no-repeat;
cursor:pointer;
padding:0 0 0 10px;
}
#refrence_story a {
background: none;
padding: 0;
}

#reference_story h3.question a {
background: none;
padding: 0;
}


address#with_map strong{
font-weight: bold;
display: block;
}

#contact_page div#sidebar h1 {
color:#003e64;
font-size:1.333em; 
font-weight:bold;
line-height:1.5em;
margin:2.2em 0 0 0;
}

#contact_page div#sidebar h3 {
margin-top: 2.9em;
}

address#contact_info a{
background: none;
display: block;
padding-left: 0px;
}

#contact_page div#sidebar {
background: none;
width: 300px;
padding: 0px;
}

div#sidebar.english {
height: 300px;
padding-top: 1.1em;
}

div.sidebar_block {
position: relative;
float: left;
background: url('../i/cnt_hr_graydots.gif') repeat-x;
padding-top: 3em;
margin-top: 1.5em;
width: 300px;
}

div.sidebar_block img {
position: relative;
float: left;
padding: 0 25px 10px 0; 
}


/*-----------------------------------------------
References
 -----------------------------------------------*/

div#case {
position:relative;
float:left;
height: 300px;
margin-top: 40px;
width:960px;
}

div#case div#reference_prev {
position:relative;
float:left;
width:25px;
padding-top:85px;
}

div#case div#reference_next {
position:relative;
float:right;
width:25px;
padding-top: 85px;
}

div#case div#reference_next .disabled {
background:url(../i/kirnauskisPeoplePageNextHidden.gif);
}

div#case h3#work {
position: absolute;
color: #6E8593;
font: normal 2.0em Times,serif;
font-style:italic;
line-height:1.2em;
margin: 2em 0 0 100px;
text-align:left;
width:420px;
}

div#case .slider_buttons_people {
width:25px;
padding-top:100px;
}

div#case #description_short {
position: absolute;
right: 65px;
text-align: left;
top: 80px;
width: 190px;
}

div#case #description_short h1 {
font-size: 1.5em;
font-weight: bold;
color:#003e64;
}

a#gonext {
position:relative;
float:right;
background:url(../i/btn_references_gonext.gif) no-repeat 0 0 transparent;
display: block;
height:48px;
margin: 65px 100px 115px 0;
text-indent:-9999px;
width:180px;
}

div#case object {
position:relative;
float: left;
left:25px;
margin-right: 80px;
width: 600px;
height: 300px;
}


div#case #slider_buttons_people_next {
position: absolute;
right: 0px;
top: 0px;
}

div#reference_story {
position:relative;
float:left;
display: inline; /* FIX IE DOUBLE MARGIN BUG */
margin: 0 0 0 73px;
padding: 0;
width: 833px;
z-index: 80;
}

div#reference_story h2{
color: #1495e5;
}

div#reference_story a#reference_link_outside{
background:url(../i/cnt_link_arrow.gif) left 3px no-repeat;
padding:0 0 0 10px;
}

/*div#reference_story #description_long {
position:relative;
float:left;
width:580px;
text-align:left;
margin:0 60px 30px 0;
}

div#reference_story #description_long h2 {
position:relative;
float:left;
width:580px;
text-align:left;
margin:0 60px 30px 0;
}*/

div#reference_story div#succeed {
position:relative;
float:right;
margin: 0 0 3em 60px;
width:200px;
}

div#reference_story div#succeed h3 {
color:#003e64;
text-transform:none;
font-weight:bold;
margin-bottom:1.3em;
}

div#succeed blockquote span {
margin-bottom: 3em;
}

div#succeed blockquote img {
position: relative;
float: left;
padding-right: 5px;
}

div#reference_story .question {
background: url(../i/hr1.jpg) repeat-x scroll 0 top;
margin: 1.5em 0 3em 0;
padding-top: 1.5em;
width: 70%;
}




/*-----------------------------------------------
References - 0809
 -----------------------------------------------*/
 
#reference_page div#new_refs {
background: transparent url(../i/bg-reference-box.png) 30px 0 no-repeat;
}

#reference_page div#new_refs div#case {
display: inline;
margin: 0 0 0 30px;
width: 900px;
} 

* html #reference_page div#new_refs div#case {
margin-left: 27px;
}   

#reference_page div#new_refs div#innerfade_carousel img {
display: none;
}

#reference_page div#new_refs div#innerfade_carousel {
margin: 25px 0 0 50px;
}

#reference_page div#new_refs div#succeed {
float: left;
display: inline;
margin: 0 50px 1.5em 80px;
width: 300px;
}
 
#reference_page div#new_refs div#reference_story .question {
clear: both;
width: 100%;
}

#reference_page div#new_refs div#reference_story {
float: left;
margin: 0;
width: 450px;
}

#reference_page div#new_refs div#succeed h1 {
color:#003E64;
font-size: 1.33em;
font-weight:bold;
margin: 2.6em 0 1em;
}

#reference_page div#new_refs div#case .slider_buttons_people {
padding-top: 135px;
}




/*-----------------------------------------------
Blog
 -----------------------------------------------*/

div.blog h3,
div.blog h2,
div.blog h1
{
position: relative;
float: left;
width: 100%;
}

#blog_article div.blog h2 {
margin-top: 0.95em;
}

div.blog h3 span, 
div.blog h2 span, 
div.blog h1 span{
position: absolute;
display: block;
height: 35px;
left: -50px;
top: -5px;
width: 30px;
}


div.blog .aihe-aika-ilmiot span{
background:url(../i/icon_aika-ilmiot.jpg) 0 0 no-repeat;
}

div.blog .aihe-aivoimet-tyopaikat span {
background:url(../i/icon_avoimet-tyopaikat.jpg) 0 0 no-repeat;
}

div.blog .aihe-e3-yhteistyo span{
background:url(../i/icon_e3.jpg) 0 0 no-repeat;
}

div.blog .aihe-mainostoimisto-kirnauskis-2-0 span{
background:url(../i/icon_kirnauskis.jpg) 0 0  no-repeat;
}

div.blog .aihe-kolumni span{
background:url(../i/icon_kolumni.jpg) 0 0 no-repeat;
}

div.blog .aihe-nimitykset span{
background:url(../i/icon_nimitykset.jpg) 0 0 no-repeat;
}

div.blog .aihe-tapahtumat span{
background:url(../i/icon_tapahtumat.jpg) 0 0 no-repeat;
}

div.blog .aihe-tyot-tulokset span{
background:url(../i/icon_tyot-tulokset.jpg) 0 0 no-repeat;
}

div.blog .aihe-yhteistyokumppanit span{
background:url(../i/icon_yhteistyokumppanit.jpg) 0 0 no-repeat;
}

div.blog span.date_time {
position: relative; 
float: left;
background:url(../i/cnt_hr_graydots.gif) 0 bottom repeat-x transparent;
color: #708796;
padding-bottom: 1.5em;
width: 100%;
}

div#blog_writer {
position: relative;
float: left;
margin: 4em 0;
width: 100%;
}

div#blog_writer img {
position:relative;
float:left;
padding:0 20px 0 0;
}

div#blog_writer p {
padding-top:5px;
}

div#blog_writer p span {
display:block;
font-size:16px;
font-weight: bold;
color: #003e64;
}

div#blog_writer p a {
display:block;
}	

h3#search_results, h2#category_heading {
background:url(../i/cnt_hr_graydots.gif) 0 bottom repeat-x transparent;
color: #003e64;
margin-bottom: 0px;
padding-bottom: 1.2em;
}

h2#category_heading {
background:url(../i/cnt_hr_graydots.gif) 0 bottom repeat-x transparent;
}

#blog_article div#content ul li{
background:url(../i/cnt_frontpage_bullet.gif) 0 5px no-repeat transparent;
line-height: 1.5em;
margin-left: 20px;
padding-left: 20px;
}


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

#contact_page div#content {
width: 600px;
padding-left: 0px;
background:url(../i/bg_contact_now.jpg) 30px 30px no-repeat;
}

#contact_page h2 {
line-height:1em; /* 24px / 24px = 1em */
font-size:2em; /*  = 24px / 12px */
font-weight:normal;
margin:1.25em 0 0.8em 0;
color: #1495e5; /* Sivun pääotsikko */
}

#contact_page div.coffee {
background:url(../i/bg_contact_coffee.jpg) 0 30px no-repeat !important;
}

#contact_page div#sidebar img {
position:relative;
float:left;
background:#fff;
border:1px solid #f6f6f6;
margin:0 10px 20px 0;
padding:1px;
}

#contact_page div#sidebar strong {
font-weight: bold;
}

#contact_page div#content div.hr {
width: 80%
}

#contact_page div#sidebar div.hr {
margin-top: 1.5em;
}

a#contact_now_banner, 
a#contact_coffee_banner {
position: relative;
float:left;
color:#1495E5;
font-size:1.333em; 
font-weight:bold;
line-height:1.2em; 
text-decoration: none;
z-index: 200;
margin: 0px;
padding: 0px;
height: 69px;
}

a#contact_now_banner {
background:url(../i/btn_contact_letter.jpg) 35px 15px no-repeat transparent;
padding: 0 46px 0 100px;
width: 170px;
top: 36px;
}

a#contact_now_banner:hover {
background:url(../i/btn_contact_letter) 35px -54px no-repeat transparent;
}

a#contact_coffee_banner {
background:url(../i/btn_contact_coffee.jpg) 0 0 no-repeat transparent;
padding-left: 100px;
top: 36px;
width: 170px;
}

a#contact_coffee_banner:hover {
background:url(../i/btn_contact_coffee.jpg) 0 -80px no-repeat transparent;
}

a#contact_now_banner span, 
a#contact_coffee_banner span {
color:#2A4454;
display:block;
font-size: 0.7em;
font-weight:normal;
line-height:1.35em;
margin-top:0.4em;
}

form#contact_now, 
form#contact_coffee,
form#contact_newsletter {
position: relative;
float: left;
width: 500px;
padding: 63px 0 0 100px;
}

form#contact_now fieldset, 
form#contact_coffee fieldset,
form#contact_newsletter fieldset {
width: 500px;
}

form#contact_now h3, 
form#contact_coffee h3,
form#contact_newsletter h3  {
margin-bottom: 1em;
}

form#contact_now p.mandatory,
form#contact_coffee p.mandatory,
form#contact_newsletter p.mandatory{
font-style: italic;
}

form#contact_now label,
form#contact_coffee label,
form#contact_newsletter label{
line-height: 1.3em;
display: block;
margin-bottom: 0.2em;
}

form#contact_coffee label#suggest{
margin: 1.7em 0 0.9em;
}

form#contact_now input,
form#contact_now textarea,
form#contact_coffee input,
form#contact_coffee textarea,
form#contact_coffee select,
form#contact_newsletter input{
margin-bottom: 2.2em;
line-height: 1.5em;
width: 300px;
}

form#contact_coffee select{
width: 305px;
}

form#contact_coffee select#available_day {
margin: 0 0 3em 24px;
width: 281px;
}


* html form#contact_coffee select#available_day {
margin: 0 0 3em 31px;
width: 274px;
}

form#contact_now textarea,
form#contact_coffee textarea{
width: 304px;
}

form#contact_coffee input.radio{
margin: 0 10px 0 0;
width: auto;
}

form#contact_now .button,
form#contact_coffee .button,
form#contact_newsletter .button {
display: block;
width: auto;
}

form#contact_now .star,
form#contact_coffee .star,
form#contact_newsletter .star{
color:#1495E5;
font-weight:bold;
font-size: 1.2em;
}

div#thank_you {
position: relative;
float: left;
height: 300px;
margin: 63px 0 0 100px;
width: 450px;
}




/*-----------------------------------------------
Header references
 -----------------------------------------------*/

div#header_references {
clear: both;
height: 200px;
line-height: 1px;
overflow: hidden;
padding-top: 40px;
}

* html div#header_references {
line-height: 18px;
}

div#header_references a {
float: left;
height: 260px;
margin-right: 25px;
padding-top: 20px;
text-align: center;
width: 160px;
z-index: 100;
}

div#header_references a:hover {
text-decoration: none;
}

div#header_references a img.references_pic {
background: #fff;
padding: 5px;
}

div#header_references a img.arrow {
margin: 0 70px;
}

div#header_references a img.arrow,
div#header_references a span {
display: none;
line-height: 18px;
}

div#header_references a.last {
margin-right: 0;
}



/*-----------------------------------------------
Sivukartta
 -----------------------------------------------*/
#page_sitemap {
line-height: 1.5em;
}




/*-----------------------------------------------
Footer
 -----------------------------------------------*/

#footer ul li {
background:url(../i/cnt_footer_bullet.gif) right 5px no-repeat transparent;
display:inline;
padding:0 10px 0 0;
}

#footer ul li.last{
background: none;
}

#footer address {
font-style:normal;
display:block;
margin:7px 0 0;
padding:0 0 30px;
}

#footer address strong {
color: #fff;
font-weight:normal;
}

#footer address span {
color:#999;
background:url(../i/cnt_footer_bullet.gif) right 5px no-repeat transparent;
margin:0 5px 0 0;
padding:0 10px 0 0;
}