/*	

	Less+ by Jimmy Rosén, http://www.angrycreative.se/projekt/less-framework
	Based on Less Framework 4 by Joni Korpi, http://lessframework.com
	
*/

/*		Desktop layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

/* Common */
a {
	color: #F90;
}
body {
	overflow-x: hidden;
	background-image: url(/layout/aptual2011/images/top-black.png);
	background-repeat: repeat-x;
	background-position: top;
}
.hidden {
	display: none; 
}
.top {
	width: 896px;
	margin: 0 auto;
	position: relative; 
	height: 90px;
	z-index: 60; 
}
.topMenu {
	position: absolute; 
	left: 438px;
	top: 42px;
}
.topMenu a {
	float: left; 
}
.topMenu a.inactive {
	margin-top: 5px; 
}
.location a {
	color: #ffffff; 
	text-decoration: none; 
}
.title .jalustaH1 {
	font-size: 60px; 
	color: #ffffff; 
	font-weight: bold; 
  letter-spacing: -3px;
}
.subTitle {
  min-height: 15px; 
}
.subTitle, .subTitle .richtext, .subTitle .leipis, .subTitle .jalustaLeipis, .subTitle .j_td, .subTitle .j_datastream, .subTitle .jalustaH1 {
	font-size: 20px; 
	color: #ff9900; 
	font-weight: normal; 
  letter-spacing: -1px;
}
.desc, .desc .richtext, .desc .leipis, .desc .jalustaLeipis, .desc .j_td, .desc .j_datastream {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #999999; 
}
input.nappi, span.nappi{
	height: 37px; 
	background-image: url(../../images/bluebutton-bg.png); 
	background-repeat: no-repeat; 
	background-position: left top; 
	border: 0px; 	
	color: #ffffff; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	border-right: 1px #202020 solid;
	padding-left: 10px; 
	padding-right: 10px; 
}
span.nappi, input.nappi, input[type=button] {
	cursor: pointer;
}
.footerContent span.nappi, .footerContent input.nappi  {
	line-height: 37px;
	background-image: url(../../images/casebutton-bg.png); 
	background-repeat: no-repeat; 
	background-position: left top; 
	border: 0px; 	
	color: #ffffff; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	border-right: 1px #202020 solid;
	padding-left: 10px; 
	padding-right: 10px; 
}

span.nappi {
	display: inline-block;
	padding-top: 12px;
	padding-left: 12px;
	height: 26px; 
	font-size: 15px;
}

input.syote {
	height: 37px; 
	border: 0px; 	
	margin-bottom: 5px; 
	font-weight: normal; 
	color: #666666;
	padding-left: 10px;
	padding-right: 10px;
	width: 80%; 
	background-image: url(../../images/input-bg.png); 
	background-repeat: repeat-x; 
	background-position: top; 
	height: 29px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
}
textarea.syote {
	border: 0px; 	
	margin-bottom: 5px; 
	font-weight: normal; 
	color: #666666;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	width: 80%; 
	background-image: url(../../images/input-bg.png); 
	background-repeat: repeat-x; 
	background-position: top; 
	min-height: 29px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
}
.portfolioBg textarea.syote {
	width: 250px;
}
/* Jalusta-only styles */
.jalustaContentBg {
  position: relative; 
  width: 100%; 
  background-image: url(../../images/bottom-bg.png); 
  background-repeat: repeat-x; 
  padding-top: 15px; 
}
.jalustaContent {
	width: 896px;
	margin: 0 auto;
	position: relative; 
  margin-bottom: 15px; 
}
.jalustaContent .desc {
  font-size: 14px; 
  font-weight: bold; 
  color: #ffffff;   
}
.jalustaContent #bgimage, .jalustaContent #bgimagemiddle {
	width: 340px; 
	height: 232px;
  margin-bottom: 15px; 
  margin-top: 15px; 
}
.jalustaContent .featuresContainer {
  margin-top: 12px; 
}
.jalustaContent .featureIndex {
  float: left; 
  width: 30px; 
  font-size: 30px; 
  color: #ffffff; 
  font-weight: bold; 
  height: 100px; 
}
.jalustaContent .featureWrapper {
  float: left; 
  width: 280px;
}
.jalustaContent .featureItem {
  float: left; 
  margin-bottom: 15px; 
}
.jalustaContent .featureDesc {
  font-size: 12px; 
  font-weight: normal; 
  color: #aaaaaa; 
  margin-top: 12px; 
}
.jalustaContent .featureData {
  font-size: 12px; 
  font-weight: bold; 
  color: #ffffff; 
}
/* Intro */

.introblade {
	width: 10px;
	height: 600px;
	position: absolute;
	background-attachment: fixed;
	background-position: center 138px;
}

/* Front page */
.featureBg, .introfeatureBg {
    height: 678px;
    min-width: 896px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.featureBgFader {
    height: 600px;
    min-width: 896px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    background-color: #000;
}
.introfeatureBg {
    height: 600px;
}
.featureBg ul, .introfeatureBg ul {
	list-style: none outside none; 
}
.featuresWrapper {
    height: 678px;
    left: 50%;
    margin-left: -986px;
    overflow: hidden;
    position: absolute;
    width: 1972px;	
}
.introfeatureBg .featuresWrapper {
    height: 600px;
}

#features {
	height: 678px;
	overflow: hidden;
	width: 5916px; 
}
.introfeatureBg #features {
	height: 600px;
}
.feature {
    float: left;
    height: 678px;
    position: relative;
    width: 1972px;
}
.introfeatureBg .feature {
    height: 600px;
}
.featureImage {
    left: 50%;
    margin-left: -972px;
    overflow: hidden;
    position: absolute;
    width: 1972px;
	background-repeat: no-repeat; 
	background-position: center bottom;  
	min-height: 678px;
}
.introfeatureBg .featureImage {
	min-height: 600px;
}
.featureDetails {
	left: 50%;
    position: absolute;
    top: 0;
    width: 896px;
    z-index: 2;
}
.featureExtras {
	left: 50%;
    position: absolute;
    top: 0;
    width: 896px;
    margin-left: -448px;
    z-index: 3;
}

.featureDetails input.nappi {
	background-image: url(../../images/greenbutton-bg.png); 
	height: 46px;
	margin-top: 4px;
}
.featureTabs {
  position: absolute; 
  z-index: 100; 
  top: -38px;
  left: 0px; 
  height: 38px; 
}
.featureTabs ul {
  list-style-type: none; 
}
.featureTabs li.active {
  height: 38px; 
  margin-top: 0px; 
}
.featureTabs li {
  background-image: url(../../images/featuretab-bg.png);
  background-repeat: no-repeat; 
  background-position: left top; 
  float: left; 
  margin-top: 10px; 
  height: 28px; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; 
  font-weight: bold; 
  color: #ffffff; 
  float: left; 
  padding-left: 20px; 
  padding-right: 20px; 
  position: relative; 
}
.featureTabs li span {
  display: block; 
  padding-top: 12px;
}
.featureTabs .active .shade {
  display: none; 
}
.featureTabs .shade {
  position: absolute; 
  top: 0; 
  left: 0; 
  padding-left: 20px; 
  padding-right: 20px; 
  z-index: 110; 
  background-image: url(../../images/featuretab-inactivator.png); 
  background-repeat: repeat-x;
}
.featureTabs .shade span {
  visibility: hidden; 
}
.mainMenuBg {
	background-image: url(../../images/mainmenu-bg.png);
	background-repeat: repeat-x;
	background-color: #000;
	width: 100%;
	position: relative; 
	z-index: 60; 
}
.mainMenu {
	width: 896px;
	margin: 0 auto;
	position: relative; 
	height: 48px;
}
.mainMenuItems {
	height: 48px;
	float: left;
  width: 896px; 
}
.mainMenuItems a.active, .mainMenuItems a.inactive {
	display: block; 
	float: left; 
	height: 48px; 
	padding-left: 18px; 
	padding-right: 15px; 
	padding-top: 15px; 
	color: #ffffff;
	text-decoration: none; 
	font-size: 16px; 
}
.mainMenuItems a.active {
	background-image: url(../../images/mainmenu-active-bg.png);
	background-repeat: repeat-x;
	padding-top: 22px;
}
.mainMenuItems a.inactive {
	background-image: url(../../images/mainmenu-separator.png); 
	background-repeat: no-repeat; 
	color: #b0b0b0; 
}
.twitterBg {
	background-image: url(../../images/twitter-bg.png);
	background-repeat: repeat-x;
	min-height: 178px;
	width: 100%;
	margin-top: -122px;
	position: relative;
	/*
	zoom: 1;
    filter: alpha(opacity=80);
    opacity: 0.8;
	*/
}
.twitter {
	width: 896px;
	margin: 0 auto;
	position: relative; 
	min-height: 90px;
	color: #cccccc; 
}
.twitter .arrowLeft {
	position: absolute; 
	left: -20px; 
	top: 70px; 
  display: none;
}
.twitter .arrowRight {
	position: absolute; 
	left: 900px; 
	top: 70px; 
  display: none;
}
.twitterWrapper {
	margin-left: 35px; 
	background-image: url(../../images/10col-creative-twitter-fullbg.png); 
	background-position: bottom center; 
	background-repeat: no-repeat; 
	padding-bottom: 30px; 
  min-height: 148px; 
}
.twitterCol {
	width: 254px; 
	margin-top: 25px; 
	padding-left: 10px; 
	padding-right: 20px; 
	float: left; 
}
.twitterText {
	font-family: Georgia; 
	font-size: 14px; 
	font-weight: bold; 
	font-style: italic;
	margin-bottom: 15px; 	
}
.twitterText strong {
	font-size: 24px; 
	font-weight: bold; 
}
.twitterNick {
	font-size: 11px; 
	float: left; 
}
.twitterDate {
	font-size: 11px; 
	float: right; 
}
.middleBg {
	background-image: url(../../images/creative-front-middle-bg.png);
	background-repeat: repeat-x;
	height: 283px; 
	width: 100%;
	position: relative;
}
.middle {
	height: 283px; 
	background-image: url(../../images/10col-creative-front-middle-fullbg.png); 
	background-repeat: no-repeat; 
	background-position: center top; 
	width: 100%;
}
.middleWrapper {
	width: 896px;
	margin: 0 auto;
	position: relative; 
	height: 283px;
	color: #cccccc; 
}
.bgImage {
	position: absolute;
	width: 375px; 
	height: 402px;
	background-position: bottom right; 
	background-repeat: no-repeat; 
  bottom: -131px; 
  z-index: 80; 
}
.bgImageMiddle {
	position: absolute;
	width: 375px; 
	height: 402px;
	background-position: bottom right; 
	background-repeat: no-repeat; 
  bottom: -131px; 
  left: 130px; 
  z-index: 81; 
}
.middleCol {
	padding-top: 50px; 
	float: left; 
	margin-right: 25px; 
}
.middleWrapper .col1 {
	width: 350px; 
}
.middleWrapper .col2 {
	width: 250px; 
}
.middleWrapper .col3 {
	width: 200px; 
}
.middleCol .jalustaH1, .middleCol .jalustaH3 {
	font-size: 15px; 
	font-weight: bold; 
	color: #ffffff; 
  letter-spacing: 0px;
}
.middleCol a {
  text-decoration: none; 
}
.middleCol strong {
	font-weight: bold; 
	color: #ffcc00; 
}
.middleCol, .middleCol .richtext, .middleCol .leipis, .middleCol .jalustaLeipis, .middleCol .j_td, .middleCol .j_datastream {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #cccccc; 
}
.middleContent .formDescription {
  display:none;
}
.middleCol form .formSubHeading {
  padding-bottom: 15px; 
}
.middleCol .nappi {
  margin-top: 15px; 
}
.col2 .middleContent {
  position: absolute; 
  z-index: 82; 
  width: 230px; 
}
.bottomBg {
	background-image: url(../../images/bottom-bg.png);
	background-repeat: repeat-x;
	width: 100%;
	position: relative;
	padding-top: 25px;
	z-index: 60; 
}
.bottom {
	width: 896px;
	margin: 0 auto;
	position: relative; 
	color: #ffffff; 
	background-image: url(../../images/10col-bottom-bg.png); 
	background-repeat: no-repeat; 
	background-position: bottom center; 
	min-height: 200px;
}
.bottomTitle {
  min-height: 30px; 
}
.bottomTitle, .bottomTitle .richtext, .bottomTitle .leipis, .bottomTitle .jalustaLeipis, .bottomTitle .j_td, .bottomTitle .j_datastream {
	font-size: 18px; 
	font-weight: normal; 
	font-family: Arial, Helvetica, sans-serif; 
}
.bottomCol {
	float: left; 
}
.bottomIcon {
	float: left; 
	width: 43px; 
	margin-left: 5px; 
	margin-right: 12px;
	margin-top: 8px;
}
.bottomContent {
	float: left; 
	width: 200px;
}
.bottomColumns {
	margin-top: 30px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal; 
}
.bottomColumns .col1 {
	width: 297px; 
	color: #ffffff; 
}
.bottomColumns .col2{
	width: 297px; 
	color: #1773A1; 
}
.bottomColumns .col3 {
	width: 297px; 
	color: #CC0000; 
}
.footer {
	width: 896px;
	margin: 0 auto;
	position: relative; 
	color: #cccccc; 
	background-image: url(../../images/footer-bg.png); 
	background-repeat: no-repeat; 
	background-position: bottom center; 
	height: 51px; 
	z-index: 60; 
}
.footer a {
  text-decoration: none; 
  color: #cccccc; 
}
.footerLogin {
	float: left; 
	width: 184px;
}
.footerLogin img, .footerSupport img {
	float: left; 
	margin-top: 15px; 
}
.footerContent {
	margin-left: 30px;
	position: relative;
	z-index: 10;
}
.footerContent span {
	color: #333333;
}
.footerText {
	float: left; 
	margin-top: 19px; 
	margin-left: 5px;
}
.footerSupport {
	float: left; 
}
.footerSupport img {
	float: left; 
}

/* Team page */

.teamBg {
	background-image: url(../../images/team-all.jpg);
	background-repeat: no-repeat;
	background-position: center top; 
	width: 100%;
	min-height: 800px;
	position: relative;
	padding-bottom: 30px;
}
.team {
	width: 896px;
	margin: 0 auto;
	position: relative; 
	color: #ffffff; 
	min-height: 500px;
}
.teamContent {
	margin-top: 30px; 
}
.teamContent .location {
	margin-left: 10px; 
}
.teamContent .title {
	margin-left: 10px; 
}
.teamContent .subTitle {
	margin-left: 10px; 
	margin-top: -15px;
}
.teamContent .desc {
	width: 350px; 
	margin-left: 10px;
	margin-top: 10px; 
}
.teamContent .desc .jalustaIngressi {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	color: #ffffff; 
}
.teamCompetenciesBox {
	width: 344px; 
	height: 130px; 
	overflow: hidden; 
	background-image: url(../../images/keycomp-bg.png);
	background-repeat: no-repeat; 
	padding-left: 16px;
	padding-top: 16px; 
	position: relative;
	margin-top: 25px;	
}
.teamCompetenciesBox, .teamCompetenciesBox .richtext, .teamCompetenciesBox .leipis, .teamCompetenciesBox .jalustaLeipis, .teamCompetenciesBox .j_td, .teamCompetenciesBox .j_datastream {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	color: #999999;  	
}
.teamCompetenciesBox p{
	padding: 0px; 
	padding-bottom: 8px;
}
.teamCompetenciesBox .jalustaH1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	font-weight: bold; 	
	color: #ffffff; 
  letter-spacing: 0px;
}
.teamCompetenciesBox ul {
	list-style-type: square; 
}
.teamCompetenciesBox li {
	margin-left: 20px;
}
.teamPdf {
	position: absolute; 
	top: 22px;
	left: 250px;
}
.teamLinks {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 	
	color: #ffffff; 
	width: 400px;
	margin-top: 30px;
}
.teamLinks strong {
	font-weight: bold; 
	color: #ff9900; 
}
.teamItem {
	float: left; 
	width: 180px; 
	height: 45px;
	position: relative; 
}
.teamItem .link a {
	color: #ffffff; 
	text-decoration: none; 
}
.teamItem .icon {
	position: absolute; 
	top: 0px;
	left: 1px; 
}
.teamItem  .title {
	margin-left: 0px; 
	font-size: 12px; 
	position: absolute; 
	left: 48px; 
	top: 2px; 
	color: #ff9900; 
	font-weight: bold; 
}
.teamItem .link {
	position: absolute; 
	left: 48px; 
	top: 18px;
  min-width: 100px;
}
.teamClickArea {
  position: absolute; 
  top: 0px; 
  left: 415px; 
}
.teamClickArea #markoSpacer {
  width: 185px;
  height: 800px; 
}
.teamClickArea #sakuSpacer {
  width: 140px; 
  height: 800px; 
}
.teamClickArea #samiSpacer {
  width: 130px; 
  height: 800px; 
}

/* Contact page */

.contactBg {
	background-image: url(../../images/contact-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top; 
	width: 100%;
	min-height: 800px;
	position: relative;
	padding-bottom: 30px;
}
.contact {
	width: 896px;
	margin: 0 auto;
	position: relative; 
	color: #ffffff; 
	min-height: 500px;
}
.contactContent {
	margin-top: 30px; 
}
.contactContent .location {
	margin-left: 10px; 
}
.contactContent .title {
	margin-left: 10px; 
}
.contactContent .col1 .subTitle {
	margin-left: 10px; 
}
.contactContent .col1, .contactContent .col2, .contactContent .col3 {
	float: left; 
}
.contactContent .col1 {
	width: 345px;
	margin-right: 15px; 
}
.contactContent .col2 {
	width: 250px;
	margin-right: 15px; 
}
.contactContent .col3 {
	width: 200px;
}
.contactContent .col1 .map {
  
}
.contactContent .col1 .content {
	background-image: url(../../images/contact-info-bg.png); 
	background-repeat: no-repeat; 
	width: 345px;
	min-height: 130px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	color: #cccccc; 
	padding-top: 20px; 
	padding-left: 20px; 
  padding-bottom: 10px; 
}
.contactContent .col1 .content p {
	padding: 0px; 
	padding-bottom: 8px;
}
.contactContent .col1 .content .jalustaH1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	font-weight: bold; 	
	color: #ffffff; 
  letter-spacing: 0px;
}
.contactContent .col1 .content .jalustaH3 {
  font-size: 15px; 
  font-weight: bold; 
  color: #ffffff; 
}
.contactContent .col1 .content, .contactContent .col1 .content .richtext, .contactContent .col1 .content .leipis, .contactContent .col1 .content .jalustaLeipis, .contactContent .col1 .content .j_td, .contactContent .col1 .content .j_datastream, 
.contactContent .col2 .content, .contactContent .col2 .content .richtext, .contactContent .col2 .content .leipis, .contactContent .col2 .content .jalustaLeipis, .contactContent .col2 .content .j_td, .contactContent .col2 .content .j_datastream, 
.contactContent .col3 .content, .contactContent .col3 .content .richtext, .contactContent .col3 .content .leipis, .contactContent .col3 .content .jalustaLeipis, .contactContent .col3 .content .j_td, .contactContent .col3 .content .j_datastream {
	font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-weight: normal; 
  color: #cccccc; 
}

.viewAtGoogleMaps {
	position: absolute; 
	top: 376px;
	left: 159px;
}
.contactContent .col2 .content {
/*	margin-top: 13px; */
}
.contactContent input.syote, .contactContent textarea.syote {
	width: 90%; 
}
.col1 .contactLinks {
  margin-top: 15px;
  width: 500px;
}
.contactLinks, .contactLinks .richtext, .contactLinks .leipis, .contactLinks .jalustaLeipis, .contactLinks .j_td, .contactLinks .j_datastream {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 	
	color: #ffffff; 
/*	margin-top: 15px; */
}
.contactLinks strong {
	font-weight: bold; 
	color: #ff9900; 
}
.contactItem {
	float: left; 
	width: 180px; 
	height: 45px;
	position: relative; 
  background-color: transparent; 
	color: #ffffff; 
}
.contactItem .link a {
	color: #ffffff; 
	text-decoration: none; 
}
.contactItem .icon {
	display: block;
	position: absolute; 
	top: 0px;
	left: 1px; 
}
.contactItem  .title {
	display: block;
	margin-left: 0px; 
	font-size: 12px; 
	position: absolute; 
	left: 48px; 
	top: 2px; 
	color: #ff9900; 
	font-weight: bold; 
}
.contactItem .link {
	position: absolute; 
	left: 48px; 
	top: 18px;
	font-size: 12px; 
}
.col1 .contactItem  {
	width: 200px;
}
.contactContent .formDescription {
  display:none;
}
.contactContent .nappi {
  margin-top: 15px; 
}
.contactContent .formPlainText {
  font-size: 12px; 
  color: #666666 ! important; 
  margin: 4px; 
  padding-left: 8px;
  padding-top: 4px;
}
.contactContent .formRadioButton {
  font-size: 12px; 
  font-weight: bold; 
}
.contactPersonCol1 {
  margin-left: 20px; 
  width: 400px; 
  float: left; 
  position: relative; 
  min-height: 275px;
}
.contactPersonCol2 {
  width: 400px; 
  float: left; 
  position: relative; 
  min-height: 275px;
}
.contactPersonCol1 .contactItem, .contactPersonCol2 .contactItem {
  margin-bottom: 10px; 
}
.contactContent .personTitle {
  margin-top: 30px; 
  height: 70px; 
}
.contactContent .personTitle .jalustaH3 {
  font-size: 15px; 
  font-weight: bold; 
  color: #ffffff; 
}
.contactContent .personTitle, .contactContent .personTitle .richtext, .contactContent .personTitle .leipis, .contactContent .personTitle .jalustaLeipis, .contactContent .personTitle .j_td, .contactContent .personTitle .j_datastream {
  font-size: 12px; 
  font-weight: normal; 
  color: #cccccc; 
}
.contactContent .personImage {
  position: absolute; 
  right: 0px; 
  top: 0px; 
}

/* Products page */
.productsBg {
	background-repeat: no-repeat;
	background-position: center top; 
	width: 100%;
	min-height: 400px;
	position: relative;
	padding-bottom: 30px;
}
.productsInnerBg {
	background-repeat: no-repeat;
	background-position: center top; 
	background-color: #000000; 
	width: 100%;
	min-height: 400px;
	position: relative;
}
.products {
	width: 896px;
	margin: 0 auto;
	position: relative; 
	color: #ffffff; 
	min-height: 500px;
	z-index: 50; 
}
.productsContent {
	padding-top: 30px; 
	position: relative;
}
.productsContent .location {
	margin-left: 10px; 
}
.productsContent .title {
	margin-left: 10px; 
}
.productsContent .title p {
  padding-bottom: 0px; 
}
.productsContent .subTitle {
	margin-left: 10px; 
  height: 30px;
}
.productsContent .desc {
	width: 550px; 
	margin-top: 20px; 
	margin-left: 10px; 
  height: 200px; 
}
.productsContent .desc .jalustaIngressi {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	color: #ffffff; 
  font-weight: normal; 
}
.productsContent .items {
	margin-top: 15px; 
	width: 920px; /* this smells of some purkka */
}
.productsContent .item {
	float: left; 
	margin-right: 24px; 
	margin-bottom: 24px; 
	position: relative; 
}
.products .vignette {
	display: none; 
	position: absolute; 
	width: 400px; 
	height: 400px; 
	top: 0px; 
	left: 0px; 
}
.products .vignette .vTop, .products .vignette .vLeft, .products .vignette .vRight, .products .vignette  .vBottom {
	background-color: #000000; 
}
.products .vignette .vLeft {
	height: 307px; 
}
.products .vignette .vRight {
	height: 307px; 
}
.products .vignette .vCenter {
	width: 378px; 
	height: 307px; 
	background-image: url(../../images/product-vignette.png); 
	background-repeat: no-repeat; 
}
.productsContent #readmore {
  display: none;   
}
.productsContent #readmore input {
	background-image: url(../../images/greenbutton-bg.png); 
	height: 46px;
	margin-top: 4px;
  border-right: 0px white solid;
}

/* Services page */
.servicesBg {
	background-image: url(../../images/services-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top; 
	width: 100%;
	min-height: 400px;
	position: relative;
	padding-bottom: 30px;
}
.services {
	width: 896px;
	margin: 0 auto;
	position: relative; 
	color: #ffffff; 
	min-height: 500px;
	z-index: 50; 
}
.servicesContent {
	padding-top: 30px; 
	position: relative;
}
.servicesContent .location {
	margin-left: 10px; 
}
.servicesContent .title {
	margin-left: 10px; 
}
.servicesContent .title p {
  padding-bottom: 0px; 
}
.servicesContent .subTitle {
	margin-left: 10px; 
  height: 30px;
}
.servicesContent .desc {
	width: 550px; 
	margin-top: 20px; 
	margin-left: 10px; 
  height: 200px; 
}
.servicesContent .desc .jalustaIngressi {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	color: #ffffff; 
  font-weight: normal; 
}
.servicesContent .column {
  float: left; 
  width: 160px; 
  margin-right: 15px; 
}
.servicesContent .columns {
  margin-left: 10px; 
}
.servicesContent .columns ul {
  padding-left: 15px; 
}
.servicesContent .columns .jalustaH3 {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 15px; 
  color: #ffcc00;
  font-weight: bold; 
}
.servicesContent .columns, .servicesContent .columns .richtext, .servicesContent .columns .leipis, .servicesContent .columns .jalustaLeipis, .servicesContent .columns .j_td, .servicesContent .columns .j_datastream {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 15px; 
  color: #ffffff; 
}

/* Russian marketing page */
.russianTop {
	background-image: url(../../images/venaja-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top; 
	width: 100%;
	height: 514px;
	position: relative;
}
.russianTopContent {
	width: 896px;
	margin: 0 auto;
	position: relative; 
	color: #ffffff; 
	height: 514px;
	z-index: 50; 
}
.russianTopTitle {
  position: absolute; 
  top: 255px; 
  left: -100px; 
  z-index: 60; 
}
.russianTopButton {
  position: absolute; 
  top: 435px; 
  left: 600px; 
  z-index: 60; 
}
.russianTopButton input.nappi {
	background-image: url(../../images/greenbutton-bg.png); 
	height: 46px;
	margin-top: 4px;
}
.russianBg {
	background-image: url(../../images/venaja-middle-bg.png);
	background-repeat: repeat-x;
	background-position: center top; 
	width: 100%;
	min-height: 400px;
	position: relative;
}
.russianInnerBg {
	background-image: url(../../images/venaja-middle-innerbg.jpg);
	background-repeat: no-repeat;
	background-position: center top; 
	width: 100%;
  position: relative; 
}
.russian {
	width: 896px;
	margin: 0 auto;
	position: relative; 
	color: #ffffff; 
	min-height: 500px;
	z-index: 50; 
}
.russianContent {
	padding-top: 30px; 
	position: relative;
}
.russianBody {
  margin-bottom: 30px; 
}
.russianBody, .russianBody .richtext, .russianBody .leipis, .russianBody .jalustaLeipis, .russianBody .j_td, .russianBody .j_datastream {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #cccccc; 
}
.russianBody .jalustaIngressi {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 15px; 
  color: #ffffff; 
  font-weight: bold; 
}
.russianContent .jalustaH1 {
  font-family: "Myriad Pro", Arial, Helvetica, sans-serif; 
  font-size: 31px; 
  color: #ffffff; 
  font-weight: bold; 
}
.russianContent .jalustaH1 {
  font-family: "Myriad Pro", Arial, Helvetica, sans-serif; 
  font-size: 25px; 
  color: #ffffff; 
  font-weight: bold; 
}
.russianContent .jalustaH3 {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 15px; 
  color: #ffffff; 
  font-weight: bold; 
}
.russianContent .columns {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
}
.russianContent .columns .col1 {
  color: #999999; 
  width: 350px; 
  margin-right: 15px; 
}
.russianContent .columns .col2 {
  color: #cccccc; 
  width: 340px; 
}
.russianContent .col1, .russianContent .col2 {
	float: left; 
}
.russianContent ul {
	width: 344px; 
	height: 160px; 
	overflow: hidden; 
	background-image: url(../../images/list-bg-160.jpg);
	background-repeat: no-repeat; 
	padding-left: 16px;
	padding-top: 32px; 
	position: relative;
	list-style-type: square; 
}
.russianContent li {
	margin-left: 20px;
  font-size: 12px; 
  font-family: Arial, Helvetica, sans-serif; 
}
.russianContent .personImage {
  position: absolute; 
  right: 0px; 
  top: 0px; 
}
.russianContactTop, .russianContactTop .richtext, .russianContactTop .leipis, .russianContactTop .jalustaLeipis, .russianContactTop .j_td, .russianContactTop .j_datastream {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #999999; 
}
.russianContent .contactImage {
  position: absolute; 
  bottom: 0; 
  right: 0; 
  z-index: 60; 
  height: 346px; 
  width: 208px; 
}
.russianContent .formDescription {
  display:none;
}
.russianContent .nappi {
  margin-top: 15px; 
  margin-bottom: 25px; 
}
.russianContent .formPlainText {
  font-size: 12px; 
  color: #666666 ! important; 
  margin: 4px; 
  padding-left: 8px;
  padding-top: 4px;
}
.russianContent .formRadioButton {
  font-size: 12px; 
  font-weight: bold; 
}

/* Product minisite */
.prodsite_topBg {
	background-repeat: repeat-x; 
    height: 649px;
    position: relative;
    width: 100%;
}
.prodsite_top {
	background-repeat: no-repeat; 
	background-position: center top; 
    height: 649px;
    position: relative;
    width: 100%;
}
.prodsite_middle {
	width: 896px;
	margin: 0 auto;
	position: relative; 
	background-repeat: no-repeat; 
	background-position: center top; 
	min-height: 200px;
	padding-top: 15px; 
}
.prodsite_footerBg {
	background-image: url(../../images/interactive-bottom-bg.png);
	background-repeat: repeat-x; 
	background-position: top; 
    min-height: 263px;
    position: relative;
    width: 100%;
	background-color: #00283b; 
}
.prodSite_footer {
	width: 896px;
	margin: 0 auto;
	position: relative; 
	padding-top: 25px;
}
.prodSite_footer .footerContent {
	margin-left: 0px; 
	margin-top: 15px; 
	width: 400px;
	color: #cccccc; 
}
.prodsite_content .jalustaIngressi {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	font-weight: bold; 
	color: #ff9900; 
}
.prodsite_content .jalustaH1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 31px; 
	font-weight: bold; 
	color: #ffffff; 
	letter-spacing: 0px;
}
.prodsite_content .col1 {
	float: left; 
	width: 550px; 
}
.prodsite_content .col2 {
	float: left; 
	width: 200px; 
	color: #cccccc; 
}
.prodsite_content ul {
	list-style-type: square; 
}
.prodsite_content li {
	color: #ffffff; 
	margin-left: 15px; 
	font-size: 15px; 
}
.prodsite_content .col1 img {
	float: left; 
	margin-right: 15px; 
}
.prodsite_content .contactItem {
	width: 200px;
}
.prodsite_content .contactItem .title {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}
.prodsite_contacts {
	margin-top: 30px;
	margin-bottom: 30px; 
}
.prodsite_content span {
	font-size: 12px; 
	color: #cccccc; 
	font-weight: normal; 
}
.prodsite_content {
	color: #999999; 
}
.prodsite_content input.syote {
	width: 250px;
}
.prodsite_content .jalustaH3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	font-weight: bold; 
	color: #ffffff; 
}
.prodsite_contacts {
	position: relative; 
}
.prodsite_contacts.portfolio_content {
	position: static; 
}
.bgJarno {
    background-image: url("../../images/jarno-hires.png");
    background-repeat: no-repeat;
    height: 419px;
    left: 234px;
    position: absolute;
    top: -266px;
    width: 379px;
}
.bgMinna {
    background-image: url("../../images/minna-hires.png");
    background-repeat: no-repeat;
    height: 402px;
    left: 234px;
    position: absolute;
    top: -266px;
    width: 375px;
}

/* Portfolio site */
.portfolioTop {
	background-repeat: no-repeat; 
	background-position: center top; 
    height: 621px;
    position: relative;
    width: 100%;
}
.portfolio_top_change {
    background-position: center top;
    background-repeat: no-repeat;
    height: 621px;
    position: relative;
    width: 100%;
}
.portfolioBg {
	background-image: url(../../images/portfolio-middle-bg.png);
	background-repeat: repeat-x; 
	background-position: top; 
    position: relative;
    width: 100%;
}
.portfolio_middle {
	width: 896px;
	margin: 0 auto;
	position: relative; 
	background-repeat: no-repeat; 
	background-position: center top; 
	min-height: 200px;
	padding-top: 35px; 
}
.portfolioFooter,.introPortfolioFooter {
	background-image: url(../../images/portfolio-footer-bg.png);
	background-repeat: repeat-x; 
	background-position: top; 
    min-height: 174px;
    position: relative;
    width: 100%;
	background-color: #2b2b2b; 
}
.introPortfolioFooter {
	background-image: url(../../images/bottom-bg.png);
	background-color: #000;
}
.portfolio_footerInnerBg {
	background-image: url(../../images/portfolio-footer-innerbg.jpg);
	background-repeat: no-repeat; 
	background-position: center top; 
    min-height: 174px;
    position: relative;
    width: 100%;
}
.introPortfolio.portfolio_footerInnerBg {
	background-image: none;
	height: 240px;
}
.onerow .casescontainer, .caseswrap.onerow{
	height: 160px;
	overflow: hidden;
	width: 100%;
}
ul.casescontainer {
	list-style-type: none;
	display: block;
}
ul.casescontainer li {
	display: block;
	float: left;
}
.portfolio_footer {
	width: 896px;
	margin: 0 auto;
	position: relative; 
	padding-top: 25px;
}
.portfolio_footer .footerContent {
	margin-left: 0px; 
	margin-top: 15px; 
	width: 896px;
	color: #ffffff; 
}
.portfolio_content .richtext {
	font-size: 12px; 
	color: #CCCCCC; 
}
.portfolio_footer .jalustaH1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	color: #ffffff; 
  letter-spacing: 0px;
}
.portfolio_content .jalustaIngressi {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	font-weight: bold; 
	color: #ffffff; 
}
.portfolio_content .jalustaH1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 31px; 
	font-weight: bold; 
	color: #ffffff; 
	 letter-spacing: 0px;
}
.portfolio_content .jalustaH2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 24px; 
	font-weight: bold; 
	color: #41A9E0; 
	 letter-spacing: 0px;
}
.portfolio_content .col1 {
	float: left; 
	width: 550px;
	padding-right: 40px;
}
.portfolio_content .col2 {
	float: left; 
	width: 200px; 
	color: #cccccc;
}
.portfolio_content .fcol2 {
	width: 220px;
}
.portfolio_content .fcol2 .contactItem {
    width: 220px;
    white-space: nowrap;
}
.portfolio_content ul {
	list-style-type: square; 
}
.portfolio_content li {
	color: #ffffff; 
	margin-left: 15px; 
	font-size: 12px; 
}
.portfolio_content #screenshots a.screenshot {
	float: left; 
	margin-right: 15px;
	margin-bottom: 16px;
	display: block;
	position: relative;
	padding: 2px;
	height: 113px;
	width: 160px;
}
.portfolio_content .contactItem {
	width: 200px;
}
.portfolio_content c {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

.contactItem a {
	text-decoration: none;
	border: none;
}
.portfolio_contacts {
	margin-top: 30px;
	margin-bottom: 30px; 
}
.portfolio_content {
	color: #999999; 
}
.portfolio_content input.syote {
	width: 250px;
}
.portfolio_content .jalustaH3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	font-weight: bold; 
	color: #ffffff; 
}
.portfolio_contacts {
	position: relative; 
}
.portfolio_middle .bluebox {
	position: absolute; 
	left: 650px;
	top: -50px; 
	width: 251px; 
}
.portfolio_middle .casetitle {
	position: absolute;
	margin-left: -30px;
	top: -180px
}
ul.casescontainer li {
	display: block;
	float: left;
	margin-right: 24px;
	margin-bottom: 24px;
	width: 160px;
	height: 160px;
	overflow: hidden;
}
ul.casescontainer li:nth-child(5n) {
	margin-right: 0px;
}
.portfolio_content td.formPlainText {
	padding-right: 100px;	
}
ul.casefilters {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	height: 32px;
	top: -32px;
	z-index: 10;
}
ul.casefilters li.casefilter {
	display: block;
	float: left;
	line-height: 32px;
}
ul.casefilters div.casesloading {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
}
ul.casefilters li.casefilter a {
	display: block;
	background-image: url(/layout/aptual2011/images/folio-filter-middle.png);
	height: 32px;
	position: relative;
	padding-left: 12px;
	padding-right: 12px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #999;
}
ul.casefilters li.casefilter.active a {
	background-image: url(/layout/aptual2011/images/folio-filter-middle-s.png);
	height: 32px;
	color: #FFF;
}
ul.casefilters li.casefilter .filterleft {
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background-image: url(/layout/aptual2011/images/folio-filter-left.png);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.casefilters li.casefilter .filterright {
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
	background-image: url(/layout/aptual2011/images/folio-filter-right.png);
	background-repeat: no-repeat;
	background-position: right top;
}
ul.casefilters li.casefilter.active .filterright {
	background-image: url(/layout/aptual2011/images/folio-filter-right-s.png);
}
ul.casefilters li.casefilter.active .filterleft {
	background-image: url(/layout/aptual2011/images/folio-filter-left-s.png);
}

.bgSami, .rekryBgSami {
	position: absolute; 
	top: -246px;
	left: 280px; 
	width: 279px; 
	height: 419px;
	background-image: url(../../images/sami.png); 
	background-position: top right; 
	background-repeat: no-repeat; 
}
.rekryBgContainer {
	width: 896px;
	margin: auto;
	position: relative;
	z-index: 61;
}
.portfolio_footer .arrowLeft {
	position: absolute; 
	left: -40px; 
	top: 136px;
	z-index: 10;
}
.portfolio_footer .arrowRight {
	position: absolute; 
	left: 900px; 
	top: 136px;
	z-index: 11;
}
.introPortfolio .arrowRight,.introPortfolio .arrowLeft {
	top: 110px;
}
.footerGallery {
	margin-bottom: 15px;
}
.footerGallery .item{
	width: 160px; 
	float: left; 
	margin-right: 15px; 
}
.footerGallery .image {
	margin-bottom: 5px; 
}
.footerGallery .title {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	color: #ff9900; 
}
.footerGallery .desc {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal; 
	color: #ffffff; 
}
.bluebox .blueboxBg {
	background-image: url(../../images/bluebox-bg.png);
	background-repeat: repeat-y; 
	width: 251px; 
}
.bluebox .blueboxTop {
	background-image: url(../../images/bluebox-top-bg.png); 
	background-repeat: no-repeat; 
	background-position: top; 
	width: 251px; 
}
.bluebox .blueboxBottom {
	background-image: url(../../images/bluebox-bottom-bg.png); 
	background-repeat: no-repeat; 
	background-position: top; 
	width: 251px; 
	height: 99px; 
}
.bluebox .blueboxContent {
	padding: 15px; 
}
.bluebox p {
	padding-bottom: 6px; 
}
.bluebox .jalustaH1, .bluebox .jalustaH2, .bluebox .jalustaH3 {
	font-family: Georgia, "Times New Roman"; 
	font-size: 14px; 
	font-weight: bold; 
	font-style: italic; 
	color: #ffffff; 
  letter-spacing: 0px;
}
.bluebox {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #ffffff; 
	font-weight: normal; 
}

/* Portfolio group page */
.portfolio_groupBg {
	background-image: url(../../images/portfolio-group-bg.png);
	background-repeat: repeat-x; 
	background-position: top; 
	position: relative;
	width: 100%;

}
.portfolio_groupInnerBg {
	background-image: url(../../images/portfolio-group-innerbg.jpg);
	background-repeat: repeat-x; 
	background-position: top; 
	position: relative;
	width: 100%;
	min-height: 200px;
	padding-top: 60px;
}
.portfolio_group {
	width: 896px;
	margin: 0 auto;
	position: relative; 
	min-height: 200px;
	padding-top: 15px; 
}
.portfolio_group .items {
	margin-top: 15px; 
	width: 920px; /* this also smells of some purkka */
}
.portfolio_group .item {
	float: left; 
	margin-right: 24px; 
	margin-bottom: 24px; 
	position: relative; 
}
.portfolio_groupPage {
	background-color: #2b2b2b; 
}
.portfolio_groupPage .topBg {
  position: relative;
  width: 100%;
	background-color: #000000; 
}
.portfolio_content .formDescription {
  display:none;
}
.portfolio_content .nappi {
  margin-top: 15px; 
}
.portfolio_content .formPlainText {
  font-size: 12px; 
  color: #999999 ! important; 
  margin: 4px; 
  padding-top: 4px;
  padding-bottom: 8px; 
}
.portfolio_content .formPlainText span { 
  color: #999999 ! important; 
} 
.portfolio_content .formRadioButton {
  font-size: 12px; 
  font-weight: bold; 
}
.thumbcontainer {
  width: 340px;
}
.thumbitem {
  width: 160px;
  float: left;
  padding-right: 12px;
}
.thumbitem .thumbtext {
  display:block;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 8px;
}
.thumbitem.thumb2 {
	padding-right: 0px;
}
input, select, textarea {
  font-family: Arial, Verdana, Tahoma, "Times New Roman";
  font-size: 12px;
}
.syote {
  width: 250px;
}

.caseicon {
	width: 38px;
	height: 38px;
	background-image: url(/layout/aptual2011/images/case-icons-all.png);
	background-repeat: no-repeat;
}

.caseicon {
	background-position: left 0px;
}
.caseiconcreative {
	background-position: left -39px;
}
.caseiconinteractive {
	background-position: left -78px;
}
.caseiconadvertising {
	background-position: left -117px;
}
.caseiconbob, .caseiconboxofficebooster {
	background-position: left -156px;
}
.caseiconfleetmanager {
	background-position: left -196px;
}
.caseiconkontakti, .caseiconcontact {
	background-position: left -235px;
}
.caseiconwebhosting {
	background-position: left -274px;
}
.caseiconupposhop {
	background-position: left -313px;
}
.caseiconvideohosting {
	background-position: left -352px;
}
.caseiconrussian {
	background-position: left -391px;
}
.caseiconjalusta,.caseiconwebsite {
	background-position: left -431px;
}
.caseiconfinnish {
	background-position: left -471px;
}
.caseiconenglish {
	background-position: left -511px;
}
.caseiconimage {
	background-position: left -551px;
}
.introPortfolioLink {
	background-image: url(../../images/introlinkbg.png);
	background-color: #000;
	background-repeat:  repeat-x;
}
.introPortfolioButton {
	padding-top: 12px;
	padding-bottom: 10px;
	height: 43px;
	width: 896px;
	margin: auto;
}
.introHilite {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 1px;
	background-color: #FFF;
	z-index: 2000;
	-moz-opacity:.33; filter:alpha(opacity=33); opacity:.33;
}
.introPortfolioButton a {
	display: block;
	background-image: url(../../images/viewportfolio.png);
	width: 173px;
	height: 43px;
	text-decoration: none;
}
.introPortfolioButton a span {
	display: none;
}
hr {
	border:0;
	color: #666;
	background-color: #666;
	padding:0;
	margin: 0;
	margin-top:15px;
	margin-bottom:15px;
	height: 1px;  
}
span.thumbborder {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	background-image:url(/layout/aptual2011/images/ssoverlay.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 160px;
	height: 113px;
}
.casebutton {
	padding-bottom: 24px;
}

div.clear {
	height: 1px;
	overflow: hidden; 
	margin-bottom: -1px;
	clear:both;
}
:focus {
        outline: 0;
}
*:focus { outline: none; }
*::-moz-focus-inner { border: none;}