/* 
	www.rahtihuolinta.fi
   Author:     Paul @ webdesign39 . fi
   
   ----------------------------------------------------*/
/* COLORS:
	   background/grey: #dbdada
	   dgrey:			#b1b1b1
	   dark (black):	#171717  
	   lgeen: 			#87b470
	   green: 			#79a168
	   dgreen: 			#396e26
	   blue (links): 	#2f5f8c   
*/

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

/* =GENERIC Styles
-------------------------------------------------------------*/

/* Reset styles
-------------------------------------------------------------*/


body, html {
	margin: 0;
	padding:0;
}
/*
html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}
*/
img { border:0; }
ul {padding: 0 20px; }
li { line-height: 1.5em; margin: 0; padding: 0; }

a { outline: none; }

/*** typography ***/
body {
	background: url(../img/body_bg.jpg) no-repeat center 0px #dbdada;
	font-size:62%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #374765;
}
p, ul {	font-size:1.5em; margin: 0px 10px 5px 10px; line-height: 1.5em; color:#171717;}



.clear { clear:both; }

h1 {
	padding: 5px 20px 10px 20px;
	font-size:2.0em;
	font-weight:normal;
	color:#79a168;
	margin: 0;
}
h2 {
	font-size:2.6em;
	font-weight:bold;
	font-style: italic;
	padding: 0.3em 10px 0.2em 10px;
	margin-bottom: 10px;
	color:#79a168;
}
h3 {
	font-size:2.2em;
	padding: 0.5em 10px 0.2em 10px;
	margin:0;
	color:#396e26;
	font-weight: normal;
}
h4 {
	font-weight: normal;
	font-style: italic;
	font-size:1.8em;
	padding: 5px 10px 10px 10px;
	margin: 0;
}
a, a:visited {
	color:#2f5f8c;
	text-decoration: none;
}
a:hover, a:active {
	color:#b1b1b1;
	text-decoration: none;
}

/* =LAYOUT
---------------------------------------------------------------------*/

#container {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	top:0;
	background: url(../img/container_bg.png) repeat-y 0 0;
}
#mast {
	width: 918px;
	height: 148px;
	padding: 0px;
	margin: 30px auto 0 auto; 
	position: relative;
	background: #fff;
	z-index: 10;
	border-top: 1px solid #dbdada;
}
#slide {
	width: 960px;
	height: 330px;
	padding: 20px 0 0 0px;
	margin: -150px auto 0 auto; 
	position: relative;
	background: url(../img/slide_top_bg.png) no-repeat top left transparent;
	z-index: 1;
}
.slide_content {
	width: 940px;
	height: 330px;
	padding: 0px;
	margin: 17px 0 0 10px; 
	position: relative;
}

.sub #slide {
	width: 960px;
	height: 230px;
	padding: 5px 0 0 0px;
	margin: -150px auto 0 auto; 
	position: relative;
	background: url(../img/slide_top_bg.png) no-repeat top left transparent;
	z-index: 1;
}
.sub .slide_content {
	width: 940px;
	height: 230px;
	padding: 0px;
	margin: 12px 0 0 10px; 
	position: relative;
}
.slide_content.slide1 { background: url(../img/slide/flight_2.jpg) no-repeat 0 -2px transparent; }
.slide_content.slide2 { background: url(../img/slide/sea_1.jpg) no-repeat 0 -2px  transparent; }
.slide_content.slide3 { background: url(../img/slide/road_2.jpg) no-repeat 0 -2px  transparent; }
.slide_content.slide4 { background: url(../img/slide/rails_2.jpg) no-repeat 0 -2px  transparent; }

img#slogan { position: absolute; top: 0; right: 0; margin: -70px 50px 0 0; }
.sub img#slogan { position: absolute; top: 0; right: 0; margin: -50px 50px 0 0; }

#content_full {
	padding: 0px;
	margin: 0 10px;
	position: relative;
	height: auto;
	min-height: 200px;
	background-color: #ededed;
	clear: both;
}
#content_main {
	padding: 0px;
	margin: 0 0 0 300px;
	position: relative;
	height: auto;
	min-height: 300px;
}

#left {
	float: left;	
	width: 300px;
	margin: -40px 0 0 0;
	padding: 0 0 25px 0;
	position: relative;
	background: url(../img/left_bg_280.png) no-repeat top right transparent;
	min-height: 300px;
	z-index: 5;
}
#left hr {border: none; padding: 0; margin: 10px 10px 10px 30px; background: url(../img/left_hr_bg.png) repeat-x 0 0; height: 2px;}
#left h3 { color: #171717; margin: 10px 10px 0px 30px; background: url(../img/icons/black_arrow_down.gif) no-repeat 15px 20px transparent; padding-left: 30px; }
#left ul { color: #171717; margin: 0px 10px 0px 30px; padding: 0;}
#left li { color: #171717; padding: 3px 0; margin: 0 10px 0 30px; }

#left a, #left a:visited{
	color:#fff;
	text-decoration: none;
}
#left a:hover, #left a:active{
	color:#dbdada;
	text-decoration: none;
}
#left a { color:#fff;}

#left_bottom { position: absolute; bottom: 0; left:0; height: 20px; 
	width: 300px; background: url(../img/left_bg_280.png) no-repeat bottom right; }

#footer {
	position: relative;
	margin: 0 auto;
	height: 110px;
	width: 960px;
	padding-top: 20px;
	clear:both;
	background: url(../img/footer_bg.png) repeat-x top #dbdada;
} 
#footer p { margin: 0; text-align: center; padding: 10px 0 0 0; color: #fff; font-size: 1.2em;}

#footer a, #footer a:visited { color:#fff; }
#footer a:hover, #footer a:active { color:#364664; }
/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* =MODULES
---------------------------------------------------------------------*/
.col_33 { float: left; position: relative; width:300px; margin: 5px; padding: 5px;  }
.col_66 { float: left; position: relative; width:610px; margin: 5px; padding: 5px; background-color: #fff; }
.col_100 { position: relative; width:920px; margin: 0px auto 0px auto; padding: 10px; }
.col_50 {float: left; position: relative; width:440px; margin: 0px 0px 10px 0px; padding: 10px; }
.grey_border_right { border-right: 1px dashed #87b470; }
.date { color: #b1b1b1; font-size: 0.9em; }
.float_right { float: right; margin: 5px; }
img.float_right{ float: right; margin: 5px 0px 10px 15px; }

.service { border-bottom: 1px dashed #87b470; }
.service img#iata { float: right; margin:5px; max-height: 100px; }

/* NEWS */
.news_container {border-bottom: 1px dashed #87b470;}
.news_container h4 { padding-bottom: 0; font-size: 1.5em; }
.news_container h4 span { font-size: 0.9em; }
.news_container p { margin-top: 0; }


/* Contact TABS */
.tabs { margin: 20px 10px 0 10px; position: relative; }
.tabs ul.tabNavigation { bottom: 0; list-style: none; margin: 0; padding: 0; }
.tabs ul.tabNavigation li { 
	float: left; 
	margin: 0 2px 0 0; 
	padding: 0; 
	font-size: 1.45em;
	color:#396e26;
	font-weight: normal;
}
.tabs ul.tabNavigation li a { 
	padding: 4px 15px; 
	/*
	background: url(../img/left_arrow_down.png) no-repeat 6px 10px transparent;  
	*/
	display: block;
}
.tabs ul.tabNavigation li a.selected {
	color: #000;  
	cursor: default; 
	background: url(../img/tab_bg_green.png) repeat-x top #79a168;
}
.tabs div#vantaa, .tabs div#tampere { clear: left; top: 0; margin: 0; padding: 10px; border: 2px solid #79a168; }
.tabs > div { margin-top: 0; }
.tabs > div h3, .tabs > div h3 { margin-top: 0; }


/* SERVICES */
.accordion_header { cursor: pointer; }
.accordion_header.selected h3 { cursor: default; color: #2f5f8c; background: url(../img/icons/black_arrow_down.gif) no-repeat 5px 12px;}
.accordion_header:hover { background: #efefef; }
.accordion_header.selected:hover { background: #fff; }
.accordion_header h3 { margin: 0; padding: 4px 10px 4px 20px; background: url(../img/icons/green_arrow_down.gif) no-repeat 5px 12px; }
.service { padding-top: 10px; }
/*** Navigation
-------------------------------------------------------------*/
/* Main menu - see superfish.css 
   SUB NAVIGATION
*/
#subnav ul{ margin: 10px 5px 10px 25px; padding: 0; list-style: none; }
#subnav ul li { padding: 0px; list-style: none; margin: 0; }
#subnav ul li a{ 
	border-bottom: 1px dashed #396e26;
	font-size: 1.1em;
	display: block;
	padding: 5px 0 5px 10px;
	list-style: none;
	margin: 0;
}
#subnav ul li.active a { color: #000; cursor: default; /*background: url(../img/sub_nav_active_bg.png) no-repeat right bottom transparent;*/ }

/*** Lang nav ***/
ul#langs { position: absolute; top:0; right:0; list-style: none; margin: 0 30px 0 0; z-index: 1002;}
ul#langs li { float: left; margin: 0; padding: 2px 5px; border-left: 1px solid #dbdada; }
ul#langs li.last { border-right: 1px solid #dbdada; }
ul#langs li.current_lang a { color: #79a168; cursor: default; }

/*** Lang nav ***/
ul#footer_nav { position: absolute; top:0; right:0; list-style: none; margin: 0 30px 0 0;}
ul#footer_nav li { float: left; margin: 0; padding: 2px 5px; border-left: 1px solid #fff; }
ul#footer_nav li.last { border-right: 1px solid #dbdada; }
ul#footer_nav li.current a { color: #79a168; cursor: default; }

/* Lists 
-------------------------------------------------------------*/
dl { font-size: 1.5em; margin: 5px 10px;}
dl.cols dt {
	color:#331E0A;
	float:left;
	font-weight:bold;
	line-height:130%;
	margin:0;
	padding:2px 7px 7px 0;
}

dl.cols dd {
	line-height:130%;
	margin:0;
	padding:2px 0 7px;
}
ul.contact { list-style: none; margin-top: 0px; padding-top: 0; }
ul.contact li { padding-top: 4px; }
li.fax { padding-left: 20px; background: url(../img/icons/fax_black_16x16.png) no-repeat 0 7px; }
li.tel { padding-left: 20px; background: url(../img/icons/phone_black_16x16.png) no-repeat 0 7px; }
li.email { padding-left: 20px; background: url(../img/icons/mail_black_16x16.png) no-repeat 0 7px; }

/* Tables 

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

table { margin: 10px; color: #161616; font-size: 1.5em; width:600px; }
th { color: #364664; font-size: 1.1em; border-bottom: 1px double #79a168; text-align: left; font-style: italic; font-weight: bold; padding: 3px 5px;}
td { padding: 5px 10px; }
tr { background-color: #fff; }
tr.even { background-color: #efefe1; }

/* Forms
-------------------------------------------------------------*/

/* Forms 
-------------------------------------------------------------*/

legend { font-size: 1.4em; font-weight: bold; font-style: italic; padding: 0 5px; color:#934123; }
fieldset {  border: 1px solid #fff; background-color: #fff; margin: 10px 20px; padding: 10px; }
form ul { margin:0 0 0 10px; padding:0; list-style:none;}
form ul li {clear:both; background:none; padding: 4px 0; }
form label { color: #161616; font-weight: normal; display:block; float:left; width:160px; padding: 5px 5px 0 0;}
form ul li.short label{  float:left; display: block; padding:5px 5px 3px 5px; width: 380px; font-weight: normal;}
form ul li.short input { width: 1em; float:left; margin-top: 5px;}
form br { display: none; height: 0; width: 0; margin:0; padding: 0; }
form .txtField, form .extraField {
	display:block;
	float:left;
	padding:3px;
	width:280px;
	margin: 2px 0 7px 0;
	font: 1.2em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	color:#000;  
	border: 3px double #79a168; 
	background: url(../img/layout/main_bg.png) repeat-x 0 -180px #fff; 
	outline: none;
}
form textarea { 
	padding:3px; 
	width:400px; 
	margin:5px 0 7px 0;
	font: 1.2em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	border:3px double #79a168;
	background: url(../img/layout/main_bg.png) repeat-x 0 -140px #fff;
	outline:none;
}
form .txtField:hover, .huolto_form .txtField:focus, .huolto_form .txtField:active { border-color:#b1b1b1; background:#fff;} 
label.error { color: red; font-weight: normal; width: auto; padding-left: 5px; }
label.error:before{
content: "^";
}

label.long { width: 400px; padding: 0 0 5px 5px; }
input.radio { float: left; }
#delivery_address { display: none; clear: left; }

p.form_buttons { 
	background-color: #dbdada; 
	padding: 5px 15px; 
	text-align: right; 
	margin: 0px 30px; 
	width: 440px;
}

.awesome, a.awesome{
	background: #222 url(../img/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin: 5px 0;
	outline: none;
}

.awesome:active	 { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; padding: 3px 5px 2px; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }



.green.awesome, .green.awesome:visited { background-color: #396e26; }
.green.awesome:hover { background-color: #79a168; }

.dark.awesome, .green.awesome:visited { background-color: #171717; }
.dark.awesome:hover { background-color: #333; }







/* Headers Image replacement
-------------------------------------------------------------*/
h1.ir{
	clear: both;
	margin: 0px;
	padding: 0;
	width: 918px;
	height:100px;
	/*
	width: 385px;
	height: 70px;
	*/
	position: relative;
	float: left;
	left: 0; top: 0;
	z-index: 1000;
}

h1.ir span {
	text-indent: -9999px;
	margin:0;
	padding:0;
	position: absolute;
}
h1.ir a { width: 385px;  height:70px; display:block; border: none;}

h1#logo { background: url(../img/rahtihuolinta_logo.png) no-repeat 15px 15px;	}


h2.ir{
	margin: 15px 0 0 28px;
	padding:0;
	width: 260px;
	height: 123px;
	position: relative;
	}
h2.ir span{
	position: absolute;
	text-indent: -9999px;
}
h2#intro { background: url(../img/intro_h2.png) no-repeat;	}


h3.ir{
	margin: 0px 0px 0px 10px;
	padding:0;
	width: 270px;
	height: 30px;
	position: relative;
}

h3.ir span{
	position: absolute;
	text-indent: -9999px;
}

h3#current { background: url(../img/headers/ajankohtaista_h3.png) no-repeat; }
h3#services { background: url(../img/headers/palvelut_h3.png) no-repeat; }
h3#quality { background: url(../img/headers/laatu_h3.png) no-repeat; }
h3#enviroment { background: url(../img/headers/ymparisto_h3.png) no-repeat; }