/* Start of CMSMS style sheet 'Nordic' */
body {
   border-top: 10px solid #2e7f9f;
   font-family: Tahoma, arial, sans-serif;
}
#content-page {
}
p {
   margin: 20px 0;
   font-size: 12px;
   line-height: 1.6em;
   color:#485155;
}
h2 {
   color:#333;
   font-size:28px;
   font-weight:normal;
   margin: 0 0 15px 0;
   letter-spacing:2px;
}
h3 {
   color:#333;
   font-size:18px;
   font-weight:normal;

   letter-spacing:1px;
}
h4 {
   color:#555;
   font-size:14px;
   font-weight:normal;
   letter-spacing:1px;
}
a {
   color: #1d8fb1;
   text-decoration: none;
}
/* Containers */
#page-container {
   width: 960px;
   margin: 0 auto;
}
#header {
   height: 80px;
}
#logo {
   width: 190px;
   height: 80px;
   float: left;
   background: url(uploads/layout/logo.png) no-repeat center 15px;
   overflow: hidden;
}
#logo a {
   display: block;
   padding: 90px 0 0;
}
/* Navigation */
#nav-main {
   float: right;
   text-align: right;
   width: 600px;
   margin: 30px 0 0 0;
}
#nav-main li {
   display: inline-block;
   *display: inline;
   *zoom: 1;
   padding: 0 10px;

}
#nav-main a {
   text-decoration: none;
   color: #666;
   font-size: 14px;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-weight: bold;
}
#nav-main .currentpage a, #nav-main .menuactive a {
   color: #999;
} 
#nav-sub {
   float: right;
   text-align: right;
   width: 600px;
   margin: 5px 0 0 0;
}
#nav-sub li {
   display: inline-block;
   *display: inline;
   *zoom: 1;
   padding: 0 10px;
}
#nav-sub a {
   text-decoration: none;
   color: #999;
   font-size: 12px;
   letter-spacing: 1px;
   font-weight: bold;
}
#nav-sub .currentpage a {
   color: #1e90b2;
} 
/* Home */
#index-slide {
   float: left;
   width: 960px;
   height: 290px;
   background: url(uploads/layout/index-slideback.jpg) no-repeat;
   border-bottom: 8px solid #0d303e;
   position: relative;
}
.index-left-content {
   float: left;
   display:inline;
   width: 390px;
   padding:25px 60px 20px 20px;
   margin: 0 0;
}
.index-right-content {
   background: url(uploads/layout/index-right-bg.png) no-repeat left top;
   float: left;
   display:inline;
   width: 440px;
   padding:25px 20px 20px 30px;
   margin: 0 0;
}
.index-left-content h3, .index-right-content h3 {
   font-size: 24px;
}
.index-left-content iframe {
   padding:0;
   margin: 15px 0 0 0;
   height: 150px;
   overflow: hidden;
}
.index-left-content ul {
   font-size: 12px;
   line-height: 18px;
   margin: 15px 0;
}
.index-left-content strong {
   width: 265px;
   float: left;
   background: url(uploads/layout/arrow.png) no-repeat 0 4px;
   padding: 0 0 0 15px;
   font-weight: normal;
}
.index-left-content span {
   padding: 0 0 0 10px;
   color: #666;
}
/* Services menu */
#services {
   width: 960px;
   height: 70px;
   float: left;
}
#services li {
   float: left;
   width: 320px;
   height: 70px;
   overflow: hidden;
}
#services li a {
   display: block;
   width: 320px;
   height: 70px;
   padding: 80px 0 0 0;
}
#henkilostovuokraus a { background: url(uploads/layout/index-tab-1.png) no-repeat; }
#henkilostovuokraus a:hover { background: url(uploads/layout/index-tab-1.png) no-repeat 0 -70px; }
#rekrytointipalvelut a { background: url(uploads/layout/index-tab-2.png) no-repeat; }
#rekrytointipalvelut a:hover { background: url(uploads/layout/index-tab-2.png) no-repeat 0 -70px;  }
#ict-palvelut a { background: url(uploads/layout/index-tab-3.png) no-repeat; }
#ict-palvelut a:hover { background: url(uploads/layout/index-tab-3.png) no-repeat 0 -70px; }
/*Site*/

#content {
   padding: 150px 0 0 0;
   float:left;
   width:960px;
   margin-bottom:30px;
   background-repeat: no-repeat;
}
.yritys { background-image: url(uploads/layout/back-default.jpg); }
.yhteystiedot { background-image: url(uploads/layout/back-default.jpg); }
.rekrytointipalvelut { background-image: url(uploads/layout/back-rekry.jpg); }
.henkilostovuokraus { background-image: url(uploads/layout/back-henkilosto.jpg); }
.ict-palvelut { background-image: url(uploads/layout/back-it.jpg); }

.tyontekijalle { background-image: url(uploads/layout/back-default.jpg); }
.avoimet-tyopaikat, .yhteydenotto { background-image: url(uploads/layout/back-default.jpg); }

.rekrytointipalvelut h2 { color: #00731f; }
.henkilostovuokraus h2 { color: #1e90b2; }
.ict-palvelut h2 { color: #f15213; }

#content-left{
   float: left;
   display:inline;
   width: 620px;
   padding: 15px;
   margin:15px;
   background: #fff;
   background: rgba(255,255,255,0.5);
}
#content-right{
   float: left;
   display:inline;
   width: 220px;
   padding: 15px;
   margin:15px; _margin: 15px 0 0 15px;
   background: #fff;
   background: rgba(255,255,255,0.5);
}
#content-right p {
   margin: 10px 0 20px 0;
}
/*********FOOTER************/
#footer-wrap{
   background: url(uploads/layout/footer-wrap.png) repeat-x top;
   padding-top:30px;
   overflow: hidden;
}
#footer{
   width: 940px;
   padding:15px 15px;
   margin:0 auto;
   background:#FFF;
/*Rounded corners*/
   -moz-border-radius-topleft: 6px;
   -webkit-border-top-left-radius:6px;
   -moz-border-radius-topright: 6px;
   -webkit-border-top-right-radius:6px;
/*Shadow*/
   -moz-box-shadow: 0px  -4px 4px #CCC;
   -webkit-box-shadow: 3px 3px 3px #666;
   box-shadow: 3px 3px 3px #666;
   overflow: hidden;
}
.footer-block{
   float: left;
   display:inline;
   width: 155px;
   font-size:11px;
   color:#7e7e7e;
   line-height:14px;
}
.footer-bottom{
   float: left;
   display:block;
   width: 960px;
   margin: 10px 0 0;
}
.footer-bottom p {
   color:#7e7e7e;
   margin: 0;
   padding: 0;
   font-size: 10px;
}
#footer-logos {
   width: 220px;
   float: right;
}
#footer-logos img {
   padding: 0 10px; 
}
/*********clear etc***********/
.sidebar-button, #index-slide .sidebar-button {
   background-image: url(uploads/layout/button-fade.png);
   background-repeat: repeat-x;
   background-position: center;
   background-color: #666;
   border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius:20px;
   padding: 7px 6px;
   color: #fff;
   text-align: center;
   font-size: 12px;
   font-weight: bold;
   letter-spacing: 1px;
   text-transform: uppercase;
   border-top: 1px solid rgba(255,255,255,0.2);
   border-right: 1px solid rgba(0,0,0,0.1);
   border-bottom: 1px solid rgba(0,0,0,0.1);
   border-left: 1px solid rgba(255,255,255,0.2);
}
#content-right .sidebar-button {
   margin: 0 0 20px;
}
.sidebar-button a { color: #fff; }
.sidebar-button a:hover { color: #ccc; }
.rekrytointipalvelut .sidebar-button { background-color: #00731f; }
.henkilostovuokraus .sidebar-button { background-color: #1e90b2; }
.ict-palvelut .sidebar-button { background-color: #f15213; }

.clear{clear:both;}

#block1-content,
#block2-content,
#block3-content {
   display: none;
   background: url(uploads/layout/block-bg.png);
   width: 320px;
   height: 288px;
   position: absolute;
   color: #fff;
}
#block1-content {
   left: 0; top: 0;
}
#block2-content {
   left: 320px; top: 0;
}
#block3-content {
   left: 640px; top: 0;
}
#block4-content {
   position: absolute;
   left: 40px; top: 40px;
   width: 440px;
   height: 170px;
   color: #fff;
   background: rgba(20,50,70,0.4);
}
#index-slide p {
   padding: 20px 20px 0;
   margin: 0;
   color: #fff;
   font-size: 14px;
}
#block4-content p {
   font-size: 16px;
}
#index-slide p.sidebar-button {
   margin: 20px 20px 0;
   background-color: #fff;
}
#index-slide p.sidebar-button a {
   color: #333;
}

.button {
   background-image: url(uploads/layout/button-fade.png);
   background-repeat: repeat-x;
   background-position: center;
   background-color: #fff;
   border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius:20px;
   padding: 7px 12px;
   color: #fff;
   text-align: center;
   font-size: 12px;
   font-weight: bold;
   letter-spacing: 1px;
   text-transform: uppercase;
   border-top: 1px solid rgba(255,255,255,0.2);
   border-right: 1px solid rgba(0,0,0,0.1);
   border-bottom: 1px solid rgba(0,0,0,0.1);
   border-left: 1px solid rgba(255,255,255,0.2);
   float: left;
   clear:both;
   margin: 0 0 10px 0;
}
/* Henkilosto */
.henkilostotable {
   width: 650px;
}
.henkilostotable img { 
}
/* Jobs */
#jobs-full {
   font-size: 12px;
   line-height: 24px;
   margin: 15px 0;
}
#jobs-full a {
   width: 250px;
   float: left;
}
#jobs-full li {
   clear: both;
   border-bottom: 1px solid #ccc;
}
#job-headers {
   font-weight: bold;
}
.job-description, .job-location, .job-area, .job-end {
   float: left;
}
.job-description {
   width: 250px;
}
.job-location {
   width: 100px;
}
.job-area {
   width: 150px;
}
.job-end {
   width: 100px;
}
/* Form */
input[type=text], input[type=password], textarea {
	border: 1px solid #ccc;
	padding: 3px;
	font-size: 12px;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
  border: 1px solid #666;
  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.inputwrap, .textareawrap, .submit {
	float: left;
	margin: 0 20px 0 0;
   width: 550px;
	line-height: 20px;
	display: inline;
}
.inputwrap input, .textareawrap textarea {
	float: left;
   width: 350px;
	margin: 2px 0 10px 0;
	line-height: 20px;
	display: inline;
}
.inputwrap label, .textareawrap label {
	color: #333;
   width: 150px;
	float: left;
	margin: 0 0 3px 0;
	line-height: 24px;
	font-size: 14px;
	display: inline;
	clear: both;
}
.submit input {
   margin: 0 0 0 150px;
}
/* End of 'Nordic' */