* { padding: 0; margin: 0; }

body {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color: #333;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 width: 98%;
 height: 80px;
 margin: 10px 0px 5px 0px;
}

#header h1{
	background: transparent url(../public/images/logo.png) no-repeat top left;
	width: 337px;
	height: 67px;
}

#title{
	font-size: 24px;
	height: 67px;
}

#navigation {
 width: 100%;
 margin: 0px 0px 5px 0px;
}
#content { 
 width: 96%;
 margin: 0px 20px 5px 20px;
 
}
#footer { 
 width: 96%;
 margin: 0px 20px 20px 20px;

}


/*anchor*/
a,
a:link{
	color:#007AC9;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

#breadcrumb {
	font-size:11px;
	color: #9D9D9D;
	margin: 0 5px 15px 15px; 
}

#breadcrumb a {
	color: #007AC9;
}


/*main content */
h1,
h2,
h3,
h4,
h5,
h6{
	font-weight:normal;
	color: #5B5B5B;
	padding: 0 15px 0 15px;
	
}
h1{
	font-size:24px;
	padding-bottom:20px;
}
h2 {
	font-size:18px;
	padding-bottom:20px;
}

h3{
	font-size:16px;
	padding-bottom:15px;

}
h4{
	font-size:13px;
	padding-bottom:15px;

}
h5{
	font-size:12px;
	padding-bottom:15px;
}
h6{
	font-size:12px;
	padding-bottom:15px;

}

p, ul, ol, li, td, span {
	font-size:12px;
	padding-bottom:15px;
	color:#333;

}
p {
 padding: 0 15px 0 15px;
}

p.ingress {
	font-size:14px;
	color: #333;
}

p.small {
	font-size:10px;
}

span.blue {
	color:#007AC9;
	font-weight: bold;
}

/*contact-form*/
form{
	padding: 0 15px 0 15px;
	margin:0;
}

input {
	padding: 2px;
}

/*common styles*/

p,pre,ol,ul,dl{
	padding-bottom:20px;
}
ul li{
	list-style:outside;
	margin-left:20px;
}

ol li{
	list-style:decimal;
	margin-left:20px;
}
dl dt{
	font-weight:bold;
}
dl dd{
	padding-bottom:10px;
	margin-left:10px;
	font-style:italic;
}


strong{
	font-weight:bold;
}
em, code{
	font-style:italic;
}
ul, ul li {

}
ol, ol li {

}

table {
	margin-bottom:1.4em;
/*	width:100%; */
}

th {
	font-weight:bold;
}
th, td, caption {
	padding:4px 10px 4px 5px;
}
tfoot {
	font-style:italic;
}
sup, sub {
	line-height:0;
}
abbr, acronym {
	border-bottom: 1px dotted;
	cursor:help;
}
address {
	margin:0 0 1.5em;
	font-style:italic;
}
del {
	text-decoration: line-through;
}
pre {
	white-space:pre;
}
img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	display: inline;
	margin:0 0 10px 20px;
}
img.alignleft {
	display: inline;
	margin:0 20px 10px 0px;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}


em{
	font-style:italic;
}

.clear { clear: both; background: none; }



/*  custom lists */

ul.iconlist {
  list-style-type: none;
}

li.icon {
	padding: 5px 10px 0 60px;
	
	list-style-type: none;
}

li.juna {
  background: url(../public/images/iconit/juna.png) no-repeat top left;
}

li.bussi {
  background: url(../public/images/iconit/bussi.png) no-repeat top left;
}

li.raitio {
  background: url(../public/images/iconit/raitio.png) no-repeat top left;
}

li.lautta {
  background: url(../public/images/iconit/lautta.png) no-repeat top left;
}

li.metro {
  background: url(../public/images/iconit/metro.png) no-repeat top left;
}



/* SH */
table.half {
	width: 50%;
}

td.title {
	font-weight:normal;
	color: #5B5B5B;
	font-size:16px;
}

.links {
	font-size:11px;
	color: #9D9D9D;
	margin: 0 5px 15px 15px; 
}

.links a {
	color: #007AC9;
}


#left-column {
	float:left;
	margin:10px 10px 5px 0;
	width:450px;
}

#right-column {
	float:left;
	margin:10px 0 5px 10px;
	width:410px;
}

#l-breadcrumb {
	font-size:11px;
	color: #333333;
}

#l-breadcrumb a {
	color: #007AC9;
}

#muuli .linetype {
	font-weight:bold;
	padding: 5px;
}


#muuli span.line {
	color:#007AC9;
	font-weight: bold;
	padding: 5px;
}


span.title {
	font-weight:normal;
	color: #5B5B5B;
	font-size:16px;
}


span.icontitle {
	font-weight:normal;
	color: #5B5B5B;
	font-size:16px;
	padding: 15px;	
}