/* Start of CMSMS style sheet 'Adage layout' */
/* CSS Document */

#pageContainer {
	position: relative;
	width: 847px;
	margin: 0 auto;
	text-align: left;
}
 
/* HEADER */
#header {
	position: relative;
	width: 100%;
	margin-bottom: 13px;
}

#logo {
	position: relative;
	float: left;
	width: 147px;
}

#logo img {
	margin: 27px 0 0 0;
}

#search {
	position: relative;
	float: right;
	width: 420px;
	background: url("images/search_left_corner.gif") left top no-repeat;
	padding-left: 17px;
		
}

#search #searchBar {
	width: 425px;
	height: 36px;
	background: url("images/search_right_corner.gif") right top no-repeat;
	padding-top: 6px;
	line-height: normal;
}

#search .lanquages {
	padding: 0 20px;
}

#search .searchField {
	border: none;
	vertical-align: middle;
	width: 168px;
	height: 20px;
	margin: 0;
	padding: 4px 10px 0 10px;
	background: url("images/hakukentta_pyoristys.gif") left top no-repeat;
}

#search .searchButton {
	vertical-align: middle;
}

#searchForm div {
	display: inline;
}

/* MAIN NAVIGATION */
#navBar {
	position: relative;
	width: 100%;
	background: #ffffff url("images/nav_bg.gif") left top no-repeat;
}

#navigation {
	position: relative;
	float: left;
	width: 100%;
}

#navigation #tabMenu {
	position: relative;
	float: left;
	line-height: normal;
}

#navigation #tabMenu li {
	display: inline;
}

#navigation #tabMenu a, 
#navigation #tabMenu div {
	float: left;
}

#navigation #tabMenu a span, 
#navigation #tabMenu div span {
	float: left;
	display: block;
	padding: 8px 1.35em;
}

#navigation #tabMenu .firstTab a span, 
#navigation #tabMenu .firstTab div span {
	padding: 8px 1.35em 8px 1.75em;
}

#navigation #tabMenu a:hover {
	background: url("images/nav_bg_hover.gif") left top repeat-x;
}

#navigation #tabMenu #current a, 
#navigation #tabMenu #current div {
	background: url("images/nav_bg_tab.gif") left top repeat-x;
}

#navigation #tabMenu #current.firstTab div {
	background: url("images/nav_bg_first_tab.gif") left top no-repeat;
}

#navigation #tabMenu .firstTab a:hover {
	background: url("images/nav_bg_first_tab_hover.gif") left top no-repeat;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation #tabMenu a span {
	float: none;
}
/* */

/* 2nd LEVEL NAVIGATION */
#subNavBar {
	position: relative;
	width: 100%;
	background: #ffffff url("images/subnav_bg2.gif") left bottom no-repeat;
}

#IEroot #subNavBar {
    overflow: hidden;
}

#sectionHome #subNavBar,
#sectionHomeSidebar #subNavBar,
#sectionHome.page-palvelut #IEroot #subNavBar,
#sectionHome.page-services #IEroot #subNavBar {
	padding-bottom: 146px;
}


#sectionHome #IEroot #subNavBar,
#sectionHomeSidebar #IEroot #subNavBar {
	padding-bottom: 127px;
}

.page-palvelut #subNavBar,
.page-services #subNavBar {
	background-image: url("images/section_services_bg.jpg");
}

.page-asiakkaat #subNavBar,
.page-clients #subNavBar {
	background-image: url("images/section_clients_bg.jpg");
}

.page-blog #subNavBar {
	background-image: url("images/section_blog_bg.jpg");
}

.page-julkaisut #subNavBar,
.page-publications #subNavBar {
	background-image: url("images/section_publications_bg.jpg");
}

.page-yritys #subNavBar,
.page-company #subNavBar {
	background-image: url("images/section_company_bg.jpg");
}

.page-ota_yhteytta #subNavBar,
.page-contact_us #subNavBar {
	background-image: url("images/section_contact_us_bg.jpg");
}

.page-haku #subNavBar,
.page-sivukartta #subNavBar,
.page-search #subNavBar,
.page-site_map #subNavBar {
	background-image: url("images/section_search_bg.jpg");
}

#subNavi {
	position: relative;
	width: 100%;
}

#sectionHome #subNavi,
#sectionHomeSidebar #subNavi {
	position: relative;
	width: 100%;
}

#subNavi ul {
	margin-left: 10px;
}

#subNavi li {
	display: inline;
}

#subNavi a, 
#subNavi div {
	float: left;
	text-decoration: none;
	padding-left: 15px;
}

#subNavi a span, 
#subNavi div span{
	float: left;
	display: block;
	padding: 6px 15px 6px 0;
}

#subNavi a:hover {
	background:#ffffff url("images/subnav_selected_bg_left_hover.gif") left top no-repeat;
}

#subNavi a:hover span {
	background: url("images/subnav_selected_bg_right_hover.gif") right top no-repeat;
}

#subNavi .selected a, 
#subNavi .selected div {
	background: #ffffff url("images/subnav_selected_bg_left.gif") left top no-repeat;
    color: #000000;
}

#subNavi .selected a span, 
#subNavi .selected div span {
	background: url("images/subnav_selected_bg_right.gif") right top no-repeat;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#subNavi a span {
	float: none;
}

/* */

/* COLUMNS and CONTENT */
#contentWrapper {
	width: 100%;
	background: #ffffff;
}

#flashContainer {
        height: 369px;
        width: 847px;
}

#flashColumn {
	width: 100%;
}

#contentArea {
	background: #ffffff;
	border-right: 240px solid #e8e8e6;
    min-height: 450px;
}

.column {
	position: relative;
	float: left;
}

.contentcolumn45percent {
width: 45%;
	position: relative;
	float: left;
}

#pageTitle {
	width: 507px;
	padding: 0 40px 0 60px;
}

#sectionHome.page-haku #pageTitle {
	padding: 0 110px 0 110px;
}

#leftColumn {
	width: 607px;
}

#leftColumn .paddings {
	padding: 0 40px 0 60px;
}

#rightColumn {
	margin-right: -240px;
	width: 240px;
	background: url("images/bg_right_col_top2.jpg") left top no-repeat;
	min-height: 200px;
	padding-top: 35px;
}

#frontpage #contentArea {
	border-right: 284px solid #e8e8e6;
}

#frontpage #leftColumn {
	width: 563px;
}

#frontpage #rightColumn {
	margin-right: -284px;
	width: 284px;
	background: url("images/bg_right_col_top.jpg") left top no-repeat;
	min-height: 200px;
	padding-top: 35px;
}

#frontpage #leftColumn .paddings {
	padding: 0 20px 0 25px;
}

#sectionHome #content,
#sectionHomeSidebar #content,
#widePage #content {
	padding: 0 60px 10px 60px;
}

#sectionHome.page-haku #content {
	padding: 0 110px 10px 110px;
}


#sectionHome #contentArea,
#widePage #contentArea {
	border-right: none;
}

/* PAGE ELEMENTS */

/* Photos inside the content (New addition 10.8.2010) */

.kuvituskuva {
	float: right;
	margin: 0 0 15px 25px;
	padding: 2px;
	border: 1px solid #bababa;
}

/* Breadcrumb trail */
#breadcrumb {
	height: 35px;
	padding: 15px 20px 0 0;
	background: url("images/breadcrumb_bg2.gif") right top no-repeat;
}

#sectionHome #breadcrumb,
#sectionHomeSidebar #breadcrumb {
	position: relative;
	top: -3px;
	height: auto;
	padding: 0 20px 0 0;
	background: none;
}

/* Frontpage elements */
#frontpage .listBlock {
	min-height: 230px;
	width: 250px;
	float: left;
}

#frontpage .listBlock:hover {
	background: url("images/hover_bg.gif") 0 90px repeat-x;
        _background: none; /* IE6 */
}

#frontpage .listBlock + .listBlock {
	margin-left: 18px;
}

#frontpage .listBlock p a {
	color: #000000;
	text-decoration: none;
}

/* Right column elements */
#rightColumn .image {
	margin-top: -18px;
}

#rightColumn .case .picture {
	margin: -.75em 0 -.5em 0;
	border: 1px solid #ffffff;
	border-top: none;
}

#rightColumn .aBox {
	padding: 42px 20px 0 20px;
	background: url("images/rightcol_box_hr2.gif") left top no-repeat;
}

#rightColumn .wideBox {
	padding: 42px 20px 0 20px;
	background: url("images/rightcol_box_hr.gif") left top no-repeat;
}

#rightColumn #first {
	padding: 0 20px;
	background: none;
}

#rightColumn #afterImage.aBox {
	padding: 26px 20px 0 20px;
	background: url("images/rightcol_box_hr3.gif") left top no-repeat;
}

/* SectionHome elements */
#sectionHome #intro {
	float: left;
	width: 470px;
	padding-right: 20px;
}

#sectionHome #testimonial {
	float: left;
	width: 236px;
}

/* Services table */
#servicesTable {
	clear: both;
	margin: 0 -20px 10px;
    padding-top: 10px;
}

#servicesTable #colRow, 
#servicesTable #colRow2 {
	background: url("images/services_table_columns_bg.gif") left top repeat-y;
}

#servicesTable #colRow2 {
	margin-top: 2px;
}

#servicesTable #body {
	background: #e8e8e6 url("images/services_table_body_bg.gif") left top repeat-x;
}

#servicesTable #body #col1, 
#servicesTable #body #col2, 
#servicesTable #body #col3 {
	float: left;
	width: 217px;
	padding: 0 18px 15px 18px;
	margin-left: 2px;
	background: #f5f5f2 url("images/services_table_columns_gradient.gif") left top repeat-x;
}

#servicesTable #body #col4, 
#servicesTable #body #col5, 
#servicesTable #body #col6  {
	float: left;
	width: 217px;
	padding: 0 18px 10px 18px;
	margin-left: 2px;
	background: #f5f5f2;
}

#contentArea #servicesTable h2 {
	margin: 0.825em 0 0.825em 0;
	padding: 0;
}

#contentArea #servicesTable li, 
#contentArea #servicesTable ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#contentArea #servicesTable li a {
	display: block;
	padding: 2px 0 2px 25px;
	margin: 0.5em 0;
	background: url("images/bullet_link.gif") 0px 2px no-repeat;
}

#contentArea #servicesTable p {
	margin: 1em 0 1em 25px;
}

/* Services list */
#contentArea .thumbnailList li {
	position: relative;
}

#contentArea .thumbnailList img {
	position: absolute;
	left: 0;
	top: 4px;
}

/* Solutions table */
#solutionsTable {
	clear: both;
	margin: 0 -20px 10px;
    padding-top: 10px;
}

#solutionsTable #colRow, 
#solutionsTable #colRow2 {
	background: url("images/solutions_table_columns_bg.gif") left top repeat-y;
}

#solutionsTable #colRow2 {
	margin-top: 2px;
}

#solutionsTable #body {
	background: #e8e8e6 url("images/services_table_body_bg.gif") left top repeat-x;
}

#solutionsTable #body #col1, 
#solutionsTable #body #col2 {
	float: left;
	width: 344px;
	padding: 0 18px 15px 18px;
	margin-left: 2px;
	background: #f5f5f2 url("images/services_table_columns_gradient.gif") left top repeat-x;
}

#solutionsTable #body #col3, 
#solutionsTable #body #col4  {
	float: left;
	width: 344px;
	padding: 0 18px;
	margin-left: 2px;
	background: #f5f5f2;
}

#contentArea #solutionsTable h2 {
	margin: .825em 0 .825em 0;
	padding: 0;
}

#contentArea #solutionsTable p {
	position: relative;
	margin: 1em 0 1em 0;
}

#contentArea #solutionsTable p img {
	position: absolute;
	left: 0;
	top: 1.2em;
}

/* Publications */
div.bookInfo {
	clear: both;
    margin-left: 206px;
    margin-top: 1.5em;
}

#IEroot div.bookInfo {
    position: relative;
}

div.bookInfo img {
	border: 1px solid #000000;
	float: left;
    margin-left: -206px;
    margin-bottom: 1.5em;
}

#IEroot div.bookInfo img {
	margin-bottom: 0;
        position: absolute;
}

div.bookInfo:last-child img {
	margin-bottom: 0;
}

#contentArea div.bookInfo p.author,
#contentArea div.bookInfo p.publisher {
	color: #5e5e5e;
    font-style: italic;
}

/* Search results */
#contentArea ul.searchResults {
	list-style: none;
    margin: 0;
}

#contentArea ul.searchResults li { 
	margin-bottom: 1.5em;
}

#contentArea ul.searchResults li.promotedResult {
	background-color: #f0f0f0;
	margin: -0.5em -0.5em 1em -0.5em;
	padding: 0.5em;
}

#contentArea ul.searchResults li.promotedResult div.promotedLabel {
	color: #53534A;
	float: right;
	font-size: 0.85em;
	font-variant: small-caps;
	position: relative;
	right: 0;
	text-align: right;
	text-transform: lowercase;
}

#contentArea ul.searchResults li a { 
	font-size: 1.125em;
}

#contentArea ul.searchResults li span.link {
	color: #008000;
}

/* References */
#contentArea div.referenceColumn {
	float: left;
	width: 198px;
}

#contentArea div.referenceColumn + div.referenceColumn {
	margin-left: 66px;
}

#contentArea div.referenceColumn .listBlock {
	min-height: 265px;
	width: 198px;
	float: left;
	border-bottom: 1px solid #AAAAAA;
	margin: 0 -0.5em 1.5em -0.5em;
	padding: 0 0.5em 0.5em 0.5em;
}

#contentArea div.referenceColumn .listBlock:last-child {
	border-bottom: none;
	margin-bottom: 0;
	min-height: 0;
	padding-bottom: 0;
}

#contentArea div.referenceColumn .listBlock:hover {
	background: url("images/hover_bg.gif") 0 71px repeat-x;
        _background: none; /* IE6 */
}

#contentArea div.referenceColumn .listBlock p a {
	color: #000000;
	text-decoration: none;
}


/* FOOTER */
#footer {
	clear: both;
	width: 100%;
	height: 104px;
	background: url("images/footer3.jpg") left top no-repeat;
}

#frontpage #footer {
	background: url("images/footer.jpg") left top no-repeat;
}

#sectionHome #footer,
#widePage #footer {
	background: url("images/footer2.jpg") left top no-repeat;
}

#footer .content {
	padding: 28px 20px 0 20px;
}

/* IE FIXES */
#IEroot #contentArea #servicesTable li a {
	_display: inline-block;	/* IE 6 */
}

#IEroot #contentArea #rightColumn {
	_overflow: hidden;	/* IE 6 */
}

#frontpage #IEroot .listBlock {
	_margin-left: expression(this.previousSibling.className=='listBlock'?'18px':'inherit'); /* IE 6 */
}

#contentArea div.referenceColumn {
	_margin-left: expression(this.previousSibling.className=='referenceColumn'?'66px':'inherit'); /* IE 6 */
}

#IEroot #contentArea div.referenceColumn .listBlock {
	border-bottom: expression(this.nextSibling==null?'none':'inherit'); /* IE 6&7 */
	margin-bottom: expression(this.nextSibling==null?'0':'inherit'); /* IE 6&7 */;
	min-height: expression(this.nextSibling==null?'0':'inherit'); /* IE 6&7 */;;
	padding-bottom: expression(this.nextSibling==null?'0':'inherit'); /* IE 6&7 */;;
}

/* End of 'Adage layout' */