@import url('/css/common.css');

#mainContent {clear:both;float:left;width:390px;}
#secondaryContent {float:right;width:270px;}
#etusivu #secondaryContent {padding-top:40px;}
#etusivu #mainContent {width:400px;}


/*
ETUSIVU  -------------------------------------*/

#intro {background:#F1F3F8;background:rgba(255,255,255,.3);}

#intro-inner {width:720px;margin:0 auto;position:relative;padding:40px 0 20px;text-align:left;}

#intro-inner h1 {text-indent:-9999px;}
#intro-inner h2 {font-family:'Lucida Grande',Arial,sans-serif;color:#ba3957;font-size:32px;line-height:40px;text-transform:uppercase;background:url(../img/bg/intro-inner-h2.png) no-repeat;padding-left:50px;margin-left:-50px;}
#intro-inner p {font-size:15px;width:430px;}
#intro-inner span {color:#95999F;font-weight:bold;}

a.bigBtn {position:absolute;bottom:36px;left:450px;padding:3px 14px 3px 12px;display:block;text-decoration:none;text-align:center;font-size:11px;color:#eee;color:rgba(255,255,255,.8);text-shadow:rgba(0,0,0,.3) 1px 1px 1px;border:1px solid #F682AD;background:#D53570;background:-moz-linear-gradient(bottom, #992650, #df3875);background:-webkit-gradient(linear,left bottom,left top,from(#992650),to(#df3875));-webkit-box-shadow:-1px -1px 0 #D53570;-moz-box-shadow:-1px -1px 0 #D53570;box-shadow:-1px -1px 0 #D53570;}

a.bigBtn:active {bottom:35px;}
a.bigBtn:hover {background:#c63168;}
.bigBtn strong {font-size:16px;display:block;color:#fff;color:rgba(255,255,255,.95);}

#osaaminen li {float:left;display:block;width:140px;background:url(../img/bg/sprite.png) no-repeat 0 -65px;padding:0 8px 0 25px;margin-bottom:20px;}
#osaaminen em {color:#86898F;font-style:normal;}

.nostot {padding:20px 0;}
.nostot li {clear:both;margin-bottom:20px;background:none;font-size:12px;}
.nostot a {display:block;text-decoration:none;}

.nostot li a img, #viewMoreSlide li a img {float:left;display:block;margin-right:10px;background:#fff;background:rgba(255,255,255,.9);padding:4px;border:1px solid #E0E6EF;opacity:0.8;}
.nostot li a:hover img, #viewMoreSlide li a img:hover {opacity:1;}

.nostot li a strong {display:block;color:#ba3957;text-decoration:underline;}
.nostot li a:hover strong {color:#EF0E4C;}

#secondaryContent .nostot a {color:#888;text-decoration:none;font-weight:normal;}
#secondaryContent .nostot {margin-bottom:0;}

#etusivu #wrapper h2 {margin:30px 0 -10px 0;}

.ingress {font-size:15px;}


/*
PALVELUT  -------------------------------------*/

#palvelut #wrapper p {clear:none;}
#palvelut #wrapper img {margin:-40px 30px 29px -90px;float:left;}

#palvelut a.bigBtn {position:static;float:left;color:#eee;color:rgba(255,255,255,.8);margin:16px 0 16px 0;}
#palvelut a.bigBtn:active {margin-top:17px;}

#palvelut #mainContent, #palvelut #secondaryContent {width:340px;}

#palvelut h2 {padding:10px 0 0 30px;margin:0 0 -10px;background:url(../img/bg/sprite.png) no-repeat;}
#palvelut h2.hdr1 {background-position:0 -212px;}
#palvelut h2.hdr2 {background-position:0 -252px;}
#palvelut h2.hdr3 {background-position:0 -292px;}
#palvelut h2.hdr4 {background-position:0 -332px;}


/*
TYONAYTTEITA  -------------------------------------*/

#tyonaytteita #wrapper {padding-top:40px;}

.tyot img {margin:0 30px 30px 0;background:url(../img/bg/tyot.png);padding:10px 10px 20px;float:left;}

.tyotInfo {float:right;width:340px;padding-bottom:20px;}
#tyonaytteita h2 {margin:10px 0 -10px 0;}
.tyot p {clear:none;}

.tyot ul {margin-top:0;}
.tyot li {clear:both;padding-bottom:20px;}


/*
TYONAYTE  -------------------------------------*/

a#viewMore {background:url(../img/bg/sprite.png) no-repeat 0 -90px;padding-left:20px;position:absolute;right:0;bottom:20px;color:#ba3957;font-weight:bold;font-size:12px;}
a#viewMore:hover {color:#EF0E4C;}
a#viewMore.viewMoreActive {background-position:0 -110px;}

#viewMoreSlide {clear:both;display:none;float:right;position:relative;margin:0;}
#viewMoreSlide li {float:left;display:inline;margin:0 0 20px 10px;}
#viewMoreSlide li strong {display:none;position:absolute;right:160px;top:10px;text-align:right;width:300px;font-weight:normal;color:#aaa;}
#viewMoreSlide li:hover strong {display:block;}
#viewMoreSlide li a img {margin:0;}

#sliderArea {background:url(../img/bg/sliderArea.png);padding:10px 10px 20px;clear:both;position:relative;}

#portfolioSlider {padding:0;}
#portfolioSlider ul, #sliderArea #portfolioSlider li {margin:0;}
#portfolioSlider li {width:700px;height:230px;overflow:hidden;position:relative;}

#prevBtn, #nextBtn {float:left;position:absolute;left:-60px;top:100px;text-indent:-9999px;width:40px;height:40px;}
#nextBtn {float:right;left:740px;}

#prevBtn a, #nextBtn a {float:left;width:40px;height:40px;background-image:url(../img/bg/nextPrevBtn.png);}
#nextBtn a {background-position:top right;;}

#prevBtn a:hover {background-position:bottom left;}
#nextBtn a:hover {background-position:bottom right;}
#prevBtn:active, #nextBtn:active {top:101px;}

#tyonaytteita #secondaryContent {padding-bottom:20px;}
#tyonaytteita #secondaryContent p {color:#515358;margin-bottom:19px;border-bottom:1px dotted #ddd;}
#tyonaytteita #secondaryContent p em {color:#aaa;font-size:12px;font-style:normal;}


/*
OTA YHTEYTTA  -------------------------------------*/

form {margin-top:40px;clear:both;}
form fieldset.formLeft {float:left;margin:0 40px 5px 0;}

form fieldset label .error {color:#ad0000;font-weight:bold;padding:0 2px;}
p.messageSent {float:left;background:#FFFBCF url(../img/bg/messageSent-bg.png) 8px 50% no-repeat;border:1px solid #FFF47F;padding:9px 10px 9px 38px;margin-top:0px;}


/*
SIVUKARTTA  -------------------------------------*/

ul li ul {margin:0 0 0 20px;}
ul li ul li {font-size:12px;list-style-type:square;color:#5E6063;}


/*
404  -------------------------------------*/

#s404 #wrapper img {margin:-20px 30px 0px -90px;float:left;}
#s404 #wrapper p {clear:none;}