/*  
Theme Name: RL-TRANS 2008
Theme URI: http://www.rltrans.fi
Description: RL-TRANS 2008 Website
Version: 0.5
Author: Mathias Lindedahl
Author URI: http://www.iosis.fi
*/

* {
	margin: 0;
	padding: 0;
}
a {
}
a:hover {
	color: #484848;
}
ul#quicklinks {
	position: absolute;
	top: 20px;
	left: 293px;
	float: left;
	font-size: 10px;
}
ul#quicklinks li {
	display: inline;
	margin-left: 14px;
}
ul#quicklinks li a {
	text-decoration: none;
	font-weight: bold;
	color: #9d9d9d;
}
ul#quicklinks li a:hover {
	color: #bd7d56;
	font-weight: bold;
}
ul#quicklinks li.quickHome a {
	background: url(layout/home_icon.gif) no-repeat center left;
	padding-left: 15px;
}
ul#quicklinks li.quickContact a {
	background: url(layout/mail_icon.gif) no-repeat center left;
	padding-left: 15px;
}
ul#quicklinks li.quickSitemap a {
	background: url(layout/sitemap_icon.gif) no-repeat center left;
	padding-left: 15px;
}
ul#languages {
	position: absolute;
	top: 20px;
	right: 20px;
	float: right;
	font-size: 10px;
}
ul#languages li {
	display: inline;
	margin-left: 10px;
	color: #d7d7d7;
}
ul#languages li a {
	text-decoration: none;
	font-weight: bold;
	color: #d7d7d7;
}
ul#languages li a:hover, ul#languages li.languagesSelected a {
	color: #9D9D9D;
	font-weight: bold;
}
body {
	background: #fff url(layout/body_bg.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color:#4c4d4d;
	font-size:12px;
	text-align:center;
}
h1#logo a {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 52px;
	left: 32px;
	background: url(layout/new_logo.png) no-repeat 0 0;
	width: 235px;
	height: 40px;
	text-indent : -9999px;
	line-height: 83px;
	background-image: url(layout/new_logo.gif);
}
h1#logo a:hover {
/* overflow: hidden;
	display: block;
	position: absolute;
	top: 52px;
	left: 45px;
	background: url(layout/new_logo.gif) no-repeat 0 0;
	width: 235px;
	height: 40px;
	text-indent : -9999px;
	line-height: 83px; */
}
h3 {
	font-size: 18px;
	/*color: #0e3c40;*/
	font-weight: normal;
}
h2, h5 {
	font-size: 18px;
	color: #c56d3b;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 22px;
	margin-bottom: 22px;
}
h2 a {
	text-decoration: none;
	font-size: 22px;
	color: #206d93;
	font-weight: normal;
	letter-spacing: -1px;
	margin-top: 35px;
}
h2 a:hover {
	color: #0e3c40;
	background: #d7dbdc;
}
div#header h2 {
	font-size: 24px;
	color: #ffffff;
	font-weight: Bold;
	letter-spacing: -1px;
	margin: 0;
	padding: 45px 0 0 35px;
	text-transform: uppercase;
}
div#maincolumn h3 {
	margin-top: 20px;
	color: #559da4;
	font-size: 14px;
	font-weight:bold;
	letter-spacing: 0px;
	line-height: 16px;
}
h4, h4 a {
	text-decoration: none;
	font-size: 14px;
	color: #0e3c40;
	font-weight: bold;
	letter-spacing: -1px;
	margin-top: 35px;
	margin-bottom: 5px;
}
div#container {
	position: relative;
	margin : 0 auto;
	width: 920px;
	text-align: left;
	background: #fff;
	padding: 0 0 0 0;
	border:1px solid #ececec;
	margin-bottom:40px;
}
div#navigation {
	height: 72px;
	width: 100%;
}
div#topnavigation {
	width: 100px;
	position: absolute;
	top: 147px;
}
div#topimage {
	float: left;
	position: absolute;
	left: 307px;
	top: 53px;
}
div#header {
	position: relative;
	width: 100%;
	height: 260px;
}
div#content {
	float: left;
	width: 420px;
	padding: 0;
}
div#leftcolumn {
	float: left;
	width: 270px;
	padding: 0;
}
div#sidecolumn {
	float: left;
	width: 250px;
	padding: 0;
}
/*div#sidecolumn * {
	padding-left: 35px;
}*/
div#search {
	width: 175px;
}
#column-2 div#maincolumn {
	float: left;
	width: 650px;
	padding: 0;
}
div#maincolumn {
	float: left;
	width: 400px;
	padding: 0;
}
div#ancillary {
	width: 100%;
	height: 249px;
}
div#primary {
	width: 100%;
	background: #ededed url(layout/body_bg.jpg) repeat-x;
}
div#footerContainer {
	clear:both;
	position: relative;
	/*padding-top: 100px;*/
	background: url(layout/footer_swoosh.jpg) no-repeat center 50px;
}
div#footer {
	position: relative;
	height: 45px;
	margin: 0 auto;
	line-height: 45px;
	font-size: 8px;
	font-weight: bold;
	letter-spacing: 1px;
	width: 880px;
	padding-top: 100px;
}
div#maincolumn a {
	text-decoration: none;
	color: #C56D3B;
}
div#maincolumn a:hover {
	color: #0e3c40;
	background: #d7dbdc;
}
div#web {
	color: #4a4a4a;
	margin: 20px 0 0 3px;
	padding-left: 148px;
	background:url(layout/web_grey.jpg) #f7f7f7 no-repeat;
	border: 5px solid #f4f4f4;
	height: 102px !important;
	height /**/:112px;
	width: 241px !important;
	width /**/:399px;
}
div#print {
	color: #4a4a4a;
	margin: 20px 0 0 3px;
	padding-left: 148px;
	background:url(layout/print_grey.jpg) #f7f7f7 no-repeat;
	border: 5px solid #f4f4f4;
	width: 100%;
	height: 102px !important;
	height /**/:112px;
	width: 241px !important;
	width /**/:399px;
}
div#detail {
	color: #4a4a4a;
	margin: 20px 0 0 3px;
	padding: 10px 0 0 10px;
	background: #f7f7f7;
	border: 5px solid #f4f4f4;
	height: 90px !important;
	height /**/:110px;
	width: 295px !important;
	width /**/:315px;
}
li {
	list-style-type: none;
}
ul#lnav {
	list-style-type: none;
	padding: 10px 0;
}
ul#lnav li {
	background:transparent url(layout/lnav_bg.gif) no-repeat scroll left center;
	margin-left:10px;
	padding:4px 0 4px 15px;
}
ul#lnav li:hover {
/* background:transparent url(layout/lnav_bg.gif) no-repeat scroll left -90px;	*/
	}
ul#lnav li.sub {
	background: #fff;
	padding-left: 26px;
	background: url(layout/lnav_bg.gif) no-repeat 13px center;
}
ul#lnav li.subselected {
	background: #fff;
	padding-left: 26px;
	background: url(layout/lnav_bg.gif) no-repeat 13px center;
}
ul#lnav li a.selected {
	color: #fff;
}
ul#lnav a {
	text-decoration: none;
	color: #fff;
	font-size: 11px;
}
ul#lnav a:hover {
	color: #484848;
}
div#lnav h3 {
	border-bottom: 1px dotted #ccc;
	padding: 10px 0 10px 10px;
	margin: 0;
	font-size: 12px;
	color: #fff;
	display:none;
}
div#lnav {
	margin: 0 37px 0 15px;
	/*background: #909090 url(layout/lnav-gradient-bg.gif) repeat-x 0 -20px;*/
	background: #909090;
}
/* ul#nav {list-style-type: none; position: relative; width: 500px; height: 72px;}
ul#nav li a{ text-decoration: none; text-indent: -9999px; overflow: hidden; height: 72px; width: 72px;}
ul#nav li {display: inline; background: url(layout/hnav_bg.gif) no-repeat; height: 72px; width: 72px; line-height: 72px;} */

ul#nav {
	list-style-type: none;
	position: relative;
	width: 293px;
	height: 72px;
	padding-left: 14px;
	font-size: 10px;
}
ul#nav li a {
	display:block;
	text-decoration: none;
	height: 22px;
	width: 72px;
	background: url(layout/hnav_bg.gif) no-repeat;
	text-align: center;
	color: #fff;
	font-weight: bold;
	vertical-align: bottom;
	padding-top: 50px;
}
ul#nav li a:hover, ul#nav li.navSelected a {
	background: url(layout/hnav_bg.gif) no-repeat 0 -72px;
}
ul#nav li {
	float: left;
	padding-left:1px;
}
li#home {
	position: absolute;
	left: 190px;
	background:url(layout/li_navigation.gif) no-repeat 0 0;
	width: 54px;
	height: 24px
}
li#services {
	position: absolute;
	left: 244px;
	background:url(layout/li_navigation.gif) no-repeat -54px 0;
	width: 77px;
	height: 24px;
}
li#portfolio {
	position: absolute;
	left: 321px;
	background:url(layout/li_navigation.gif) no-repeat -131px 0;
	width: 91px;
	height: 24px;
}
li#blog {
	position: absolute;
	left: 412px;
	background:url(layout/li_navigation.gif) no-repeat -222px 0;
	width: 52px;
	height: 24px;
}
li#about {
	position: absolute;
	left: 464px;
	background:url(layout/li_navigation.gif) no-repeat -274px 0;
	width: 60px;
	height: 24px;
}
li#home a:hover {
	background: url(layout/li_navigation.gif) no-repeat 0 -24px;
}
li#services a:hover {
	background: url(layout/li_navigation.gif) no-repeat -54px -24px;
}
li#portfolio a:hover {
	background: url(layout/li_navigation.gif) no-repeat -131px -24px;
}
li#blog a:hover {
	background: url(layout/li_navigation.gif) no-repeat -222px -24px;
}
li#about a:hover {
	background: url(layout/li_navigation.gif) no-repeat -274px -24px;
}
li#homeactive {
	position: absolute;
	left: 190px;
	background:url(layout/li_navigation.gif) no-repeat 0 -24px;
	width: 54px;
	height: 24px
}
li#servicesactive {
	position: absolute;
	left: 244px;
	background:url(layout/li_navigation.gif) no-repeat -54px -24px;
	width: 77px;
	height: 24px;
}
li#portfolioactive {
	position: absolute;
	left: 321px;
	background:url(layout/li_navigation.gif) no-repeat -131px -24px;
	width: 91px;
	height: 24px;
}
li#blogactive {
	position: absolute;
	left: 412px;
	background:url(layout/li_navigation.gif) no-repeat -222px -24px;
	width: 52px;
	height: 24px;
}
li#aboutactive {
	position: absolute;
	left: 464px;
	background:url(layout/li_navigation.gif) no-repeat -274px -24px;
	width: 60px;
	height: 24px;
}
div#maincolumn p {
	margin-top: 20px;
	line-height: 1.5;
}
p.image {
	margin-top: 25px;
}
p#viewall, p#viewall a {
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 3px;
	color: #206D93;
	font-size: 16px;
	font-weight:100;
	letter-spacing: 0px;
	text-decoration: none;
}
p#viewall a {
	color: #206D93;
}
p#viewall a:hover {
	color: #559DA4;
}
div#maincolumn img {
	border: 3px solid #f4f4f4;
	margin-top: 10px;
}
div#maincolumn img a:hover {
	border: 3px solid #206d93;
}
.image {
	margin:0;
	padding:0;
}
.image img {
	border: 3px solid #f4f4f4;
	margin: 10px 0 0 0;
	padding:0;
}
.image:hover img {
	border: 3px solid #206d93;
}
.image:hover {
	color: red;
}
div.clear {
	clear: both;
}
div#footerspace {
	height: 35px;
	clear:both
}
img.border {
	border: 5px solid #f4f4f4;
	margin: 20px 0 0 3px;
}
div#fullportfolio {
	width: 100%;
}
.bold {
	font-weight: bold;
}
div#ancillary .block {
	margin: 0 0 70px 35px;
	width: 210px;
	height:115px;
	float:left;
	display: inline;
}
ul.counts {
	list-style-type:none;
}
ul.counts li {
	list-style-type:none;
	border-bottom:1px solid #a0a0a0;
}
ul.counts li:hover {
	background: #d7dbdc;
}
ul.counts li a {
	color: #206d93;
	text-decoration: none;
}
ul.counts li a:hover {
	color: #0e3c40;
	text-decoration: none;
	background: #d7dbdc;
}
#search input {
	width:145px;
	font-size: 10px;
	background: url(layout/search_input_bg.gif) repeat-x;
	border: 3px solid #ffffff;
	height: 14px;
	margin: 0 0 33px 0;
}
#searchform #searchsubmit {
	position: absolute;
	top: 222px;
	width: 21px;
	height: 20px;
	border:none;
	background:url(layout/search.gif) 0 0 no-repeat;
	margin: 0;
	padding:0;
}
.post h2 {
	width: 355px;
	float:left;
}
.post h5 {
	float: right;
	color: #bcc6c7;
	font-weight:bold;
	text-transform:uppercase;
	font-size:18px;
	padding-top: 1px;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}
div.entry {
	border-top: solid #d7dbdc 1px;
	clear: both;
	width: 100%;
}
.postmetadata a {
	font-size:10px;
	color: #206d93;
	text-decoration: none;
}
.postmetadata a:hover {
	color: #0e3c40;
	background: #d7dbdc;
}
#author, #email, #url {
/*border: 3px #ffffff solid;
	background: url(layout/search_input_bg.gif) repeat-x #ffffff; */
}
#comment {
	width: 443px;
	border: 3px #ffffff solid;
	background: url(layout/search_input_bg.gif) repeat-x #ffffff;
}
div#footerCopyright {
	position: absolute;
	float: left;
	color: #afafaf;
}
div#footerContact {
	position: absolute;
	right: 0;
	float: left;
	color: #afafaf;
}
div#footerContact ul {
}
div#footerContact li {
	display: inline;
	margin-left: 10px;
}
div#news {
	margin-left: 35px;
	margin-right: 15px;
	border: 1px dotted #ddd;
}
div.newsItem {
	padding-left: 10px;
	padding-bottom: 10px;
}
div#news h4 {
	font-size: 12px;
}
div#news h3 {
	font-size: 16px;
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	color: #6f6f6f;
}
div.newsItem a {
	color: #c56d3b;
	text-decoration: none;
}
div.newsItem a:hover {
	color: #000;
}
div.newsItem a.date {
	color: #9d9d9d !important;
	font-size: 10px;
	line-height: 1.5;
}
div#contact-box {
	margin-left: 35px;
	margin-right: 15px;
	margin-top: 10px;
	border: 1px dotted #ddd;
}
div#contact-box h3 {
	font-size: 16px;
	font-weight: normal;
	padding: 10px 10px 10px 10px;
	color: #6f6f6f;
}
div#contact-box p {
	color: #c56d3b;
	margin-left: 10px;
	padding-left: 17px;
	background: url(layout/mail_icon.gif) no-repeat center left;
}
.contact-box-bottom {
	border-top: 1px dotted #ddd;
	margin: 10px;
	padding-top: 5px;
}
div.contact-box-bottom a {
	color: #c56d3b;
	text-decoration: none;
	font-size: 10px;
}
div.contact-box-bottom a:hover {
	color: #484848;
	text-decoration: none;
	font-size: 10px;
}
.contact-box-locations {
	float: right;
}
#personal-table {
	width: 100%;
}
#personal-table td {
	padding: 5px 0px;
}
.name {
	color: #000;
}
.contact-box-personnel {
	background: url(layout/person_icon.gif) left center no-repeat;
	padding-left: 15px;
}
.contact-box-personnel {
	background: url(layout/person_icon.gif) left center no-repeat;
	padding-left: 15px;
}
.contact-box-locations {
	background: url(layout/globe_icon.gif) left center no-repeat;
	padding-left: 15px;
}
form label {
	display: block;
	margin-top: 22px;
	margin-bottom: 5px;
}
form input, form textarea {
	display: block;
	width: 300px;
	padding: 3px;
	border: 1px inset #484848;
}
.submit-button {
	margin-top: 30px;
	width: 100px;
	border: auto;
	background: auto;
	border: 1px outset #484848;
}
.submit-button:hover {
	margin-top: 30px;
	width: 100px;
	border: auto;
	background: auto;
	border: 1px outset #484848;
	background: #bd7d56;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
.pdf {
	background: url(images/page_white_acrobat.png) no-repeat;
	height: 16px;
	line-height: 16px;
	display: block;
	padding-left: 22px;
}
.pdf:hover {
	background: url(images/page_white_acrobat.png) no-repeat !important;
}
.news-box-bottom {
	border-top: 1px dotted #ddd;
	margin: 10px;
	padding-top: 5px;
	text-align: right;
}
div.news-box-bottom a {
	color: #c56d3b;
	text-decoration: none;
	font-size: 10px;
}
div.news-box-bottom a:hover {
	color: #484848;
	text-decoration: none;
	font-size: 10px;
}
.news-box-archive {
	background: url(layout/archive_icon.gif) left center no-repeat;
	padding-left: 15px;
}
#box24 {
position:absolute;
right:15px;
border: 1px dotted #ccc;
padding: 24px 20px;
background: #f3f3f3;
}

#box24 p {
margin:0 !important;
padding: 0 0 0 20px !important;
font-size:10px;
background: url(layout/exclamation.png) left -0px no-repeat;
}