/*
Theme Name: Euro RSCG
Theme URI: http://www.eurorscg.fi
Description: Euro RSCG Oy wordpress-teema.
Version: 1.0
Author: Timo Sundvik, Euro RSCG Oy
Author URI: http://www.eurorscg.fi
Tags: Euro RSCG, Finland, Helsinki

*/

@import "reset.css";

/*html, body { height:100%; margin:0;	padding:0; }
body { font-size: 14px; font-family:Arial, Helvetica, sans-serif; background:#000; color:#585858; }*/

* {margin:0; padding:0;}
html { overflow: -moz-scrollbars-vertical; } 
html,body {height:100%;} 
body { font-size: 14px; font-family:Arial, Helvetica, sans-serif; background:#252525; color:#585858; margin:0 10px; } 
a { color:#00aeef; text-decoration:none; }
a:hover { color:#252525; }
p a { border-bottom:dotted 1px #585858; }
h1, h1 a { font-family:Cambria, Georgia, serif; font-size: 36px; line-height: 42px; padding: 0 0 10px 0; font-weight:bold; color:#585858; text-decoration:none; }
h2, h2 a { font-family:Cambria, Georgia, serif; font-size: 30px; line-height: 32px; padding: 0 0 10px 0; font-weight:normal; font-style:italic; color:#252525; text-decoration:none; }
h3, h3 a { font-family:Cambria, Georgia, serif; font-size: 24px; line-height: 28px; padding: 0 0 10px 0; font-weight:normal; font-style:italic; color:#585858; text-decoration:none; margin:10px 0 0 0; }
h4, h4 a { font-family:Cambria, Georgia, serif; font-size: 18px; line-height:21px; padding:0 0 10px 0; font-weight:normal; font-style:italic;  color:#585858; }
h5, h5 a { font-family:Cambria, Georgia, serif; font-size: 18px; line-height:21px; padding:5px 0; font-weight:normal; font-style:italic;  color:#585858; }
p { font-size: 12px; padding: 0 0 10px 0; line-height:21px; color:#7e7e7e; }
strong { font-weight:bold; }
.clear { clear:both; height:20px; }
.clear.div { /*background:url("images/div.gif") center center repeat-x;*/ height:15px; margin:0 10px; }
.clear.divbg { background:url("images/div.gif") center center repeat-x; margin:0 10px; }
.clear.bigdiv { background:url("images/bigdiv.png") center bottom no-repeat; height:90px; }
.error { width:800px; margin:25px auto; text-align:center; }

#Content { width:950px; margin:auto; padding:30px 30px 0 30px; }
#Content.narrow { width:900px; overflow:hidden; }
#Content.work { position:relative; width:890px; }
#Content.values { width:853px; padding-bottom:50px; }
#Container {height:100%; min-height: 100%; height: auto !important; background:#fff; }
#Header { height:145px; background:#fff; overflow:hidden; }
#Header .logo { width:180px; margin:50px auto 0 auto; }
#Navigation { width:100%; overflow:hidden; text-align:center; }
#Navigation span { display:none; }
#Navigation ul { float:left; position:relative; left:50%;margin:0 auto; }
#Navigation ul li { float:left; position:relative; right:50%; }
li#navi-etusivu a { background:url(images/navi/etusivu.png) 0 0 no-repeat; width:91px; height:30px; display:block;}
li#navi-tyot a { background:url(images/navi/toitamme.png) 0 0 no-repeat; width:105px; height:30px; display:block;}
li#navi-palvelut a { background:url(images/navi/palvelumme.png) 0 0 no-repeat; width:124px; height:30px; display:block;}
#Navigation ul li a { margin:0 5px; }
#Navigation ul li a.active { background-position:0 -30px;  }
#Navigation ul li a:hover { background-position:0 -30px;  }
#Navigation ul li a.active:hover { background-position:0 -60px;  }
#Footer { position:fixed; bottom:-290px; left:0; background:#252525; height:300px; width:100%; z-index:9999; }
#Footer .button { width:280px; margin:-37px auto 0 auto; cursor:pointer; }
#Footer .wrap { width:890px; margin:5px auto; }
#Footer .wrap h2 { color:#fff; line-height:36px; }
#Footer .wrap h4 { color:#aaa; line-height:14px; }
#Footer .wrap div.right { width:250px; float:right; text-align:left; }
#Footer .wrap div.right p { line-height:14px; }
#Footer .wrap div.left { width:200px; float:left; text-align:left; }
#Footer .wrap div.left p { line-height:14px; }
#Footer .wrap p.right { width:100px; float:right; }
#Footer a:hover { color:#fff; }
#topBorder { position:fixed; top:0; left:0; background:#252525; height:10px; width:100%; z-index:9998; }
#Illustration { clear:both; background:#fff; text-align:center; padding:0 0 50px 0; }

/* Etusivu */
#Carousel { border:double 3px #dedede; padding:7px; margin:0 35px; }
.carousel-loop { position:relative; width:860px; height:300px; overflow:hidden; }
.carousel-loop .thumbnail { position:absolute; top:0; left:0; z-index:1; }
.carousel-loop .info { position:absolute; top:300px; left:0; z-index:2; height:190px; width:810px; padding:10px 25px 5px 25px; background: url(images/overlay_bg.png) top left repeat; }
.carousel-loop .info h2 { font-family:Cambria, Georgia, serif; color:#fff; font-weight:normal; letter-spacing:-1px; padding:0 0 7px 0; }
.carousel-loop .info p { font-size:12px; color:#999; padding:0; line-height:16px; }
.carousel-loop .overlay { position:absolute; top:0; left:0; z-index:3; width:860px; }
#Headlines { padding:15px 0; margin:0 25px; }
#Headlines .wrapper { width:280px; margin:5px 10px; float:left; }
#Headlines .wrapper .more { font-family:Cambria, Georgia, serif; font-size:16px; text-transform:uppercase; border-bottom:none;  }
#Headlines .wrapper h2 { font-size: 26px; line-height: 28px; }
#Headlines .people .me-wrap.loop0 { margin:0 20px 0 0 !important; }
#Headlines .people .me-wrap.loop1 { margin:0 !important; float:right !important; }
#Headlines .news span.h4 { font-family:Cambria, Georgia, serif; font-size: 18px; line-height:21px; padding:0 0 10px 0; font-weight:normal; font-style:italic;  color:#585858; display:block; }
#Headlines .news span.p { font-size: 12px; padding:0; line-height:21px; color:#7e7e7e; display:block; }
#Headlines .news .date { font-size:10px; font-style:italic; }
#Headlines .news li { position:relative; padding:0px; font-size: 12px; line-height:21px; color:#7e7e7e; border-bottom:solid 3px #fff; }
#Headlines .news li.news-first { border-top:none; }
#Headlines .news span.arrow { display:none; position:absolute; top:50%; left:-17px; margin-top:-12px; }
#Headlines .news a { color:#7e7e7e; display:block; padding:15px; background:#f3f3f3; }
#Headlines .news a:hover { background:#252525; }
#Headlines .news a:hover span.h4 { color:#fff; }
#Headlines .news a:hover span.p { color:#aaa; }
#Headlines .blog span.h4 { font-family:Cambria, Georgia, serif; font-size: 18px; line-height:21px; padding:0 0 10px 0; font-weight:normal; font-style:italic;  color:#585858; display:block; }
#Headlines .blog span.p { font-size: 12px; padding:0; line-height:21px; color:#7e7e7e; display:block; }
#Headlines .blog .date { font-size:10px; font-style:italic; }
#Headlines .blog li { position:relative; padding:0px; font-size: 12px; line-height:21px; color:#7e7e7e; border-bottom:solid 3px #fff; }
#Headlines .blog li.blog-first { border-top:none; }
#Headlines .blog span.arrow { display:none; position:absolute; top:50%; left:-17px; margin-top:-12px; }
#Headlines .blog a { color:#7e7e7e; display:block; padding:15px; background:#f3f3f3; }
#Headlines .blog a:hover { background:#252525; }
#Headlines .blog a:hover span.h4 { color:#fff; }
#Headlines .blog a:hover span.p { color:#aaa; }
#Headlines .quote { float:left; padding:0; }
#Headlines .quote-text { font-style:italic; }
#Headlines .quote-sign { }
#Headlines .aatteemme .image { padding:7px; border:double 3px #dedede; margin:0 0 10px 0; }
#Headlines .aatteemme span.h4 { font-family:Cambria, Georgia, serif; font-size: 18px; font-weight:normal; font-style:italic; color:#585858; }

/* Tyot */
#workNavigation { margin:0 10px; }
#workNavigation li a.active { color:#000; }
#workNavigation p { padding:0; }
#workNavigation li { font-family:Cambria, Georgia, serif; font-size: 14px; line-height:21px; color:#7e7e7e; display:inline; text-transform:uppercase; margin:0 5px 0 0; }
#workNavigation li.hae { text-transform:none; }
.tyot-wrap { padding:7px; border:double 3px #dedede; width:260px; height:200px; float:left; margin:10px; overflow:hidden; }
.tyot-loop { position:relative; width:260px; height:200px; overflow:hidden; }
.tyot-loop .padding { }
.tyot-loop .thumbnail { position:absolute; top:0; left:0; z-index:1; }
.tyot-loop .info { position:absolute; top:200px; left:0; z-index:2; height:190px; width:240px; padding:5px 10px; background: url(images/overlay_bg.png) top left repeat; }
.tyot-loop .info h2 { font-family:Cambria, Georgia, serif; color:#fff; font-size:24px; font-weight:normal; letter-spacing:-1px; padding:0; }
.tyot-loop .info p { font-size:12px; color:#999; padding:0; line-height:16px; }
.tyot-loop .overlay { position:absolute; top:0; left:0; z-index:3; width:260px; }
#Media { width:430px; float:left; position:relative; z-index:1; padding:0 0 50px 0; }
#Media .main img { padding:7px; border:double 3px #dedede; margin:0 0 10px 0; }
/*#Media .main img:hover { border:double 3px #ccc; } */
#Media .additional img { padding:5px; border:double 3px #dedede; margin:0 5px 5px 0; background:#fff; }
#Media .additional img:hover { }
#Text { margin-left:450px; }
#Text ul, #newsContent ul { margin:0 0 10px 0; }
#Text ul li, #newsContent ul li { background:url(images/raquo.gif) 1px 1px no-repeat; padding:0 0 0 15px; font-size: 12px; line-height:21px; color:#7e7e7e; }
#Zoom, #Watch { display:none; position:absolute; top:0; left:0; z-index:999; }
#Category { width:30px; position:absolute; top:45px; left:45px; z-index:10; }
#Category ul li { position:relative; height:30px; margin:0 0 5px 0; cursor:pointer; }
#Category a { border:none !important; }
p.cat-main { position:absolute; top:0; left:0; }
p.cat-hover { position:absolute; top:0; left:0; display:none; }

/* Uutiset */
#News { width:310px; float:left; }
#News ul li { position:relative; font-size:12px; line-height:21px; padding:0; margin:0; border-bottom:3px solid #fff; }
#News ul li a { display:block; color:#7e7e7e; font-weight:bold;  background:#f3f3f3; color:#7e7e7e; padding:7px 7px 7px 77px; }
#News ul li a:visited { color:#bbb; }
#News ul li a:visited .date { color:#bbb !important; }
#News .active a:visited { color:#fff; }
#News ul li a:hover { background:#252525; color:#fff; }
#News .active a { background:#252525; color:#fff; }
#News .date { display:block; position:absolute; top:8px; left:13px; font-size:10px; font-style:italic; color:#7e7e7e; }
#News ul li span.arrow { display:none; position:absolute; top:50%; width:24px; height:24px; left:-15px; margin-top:-12px; }
#News .active span.arrow { display:block; }
#newsContent { margin-left:330px; }
#newsContent h4 a { text-decoration:underline; }
#newsContent h4 a:hover { text-decoration:none; }
#newsMedia { float:left; margin:0 20px 0 0; }
#newsMedia img { padding:5px; border:double 3px #dedede; margin:0 0 10px 0; }

/* Palvelumme */
#subNavigation { width:100%; overflow:hidden; text-align:center; margin:15px 0 0 0; }
#subNavigation span { display:none; }
#subNavigation ul { float:left; position:relative; left:50%;margin:0 auto; }
#subNavigation ul li { float:left; position:relative; right:50%; }
#subNavigation ul li a { margin:0 2px; }
li#navi-palvelut-yritys a { background:url(images/navi/yritys.png) 0 0 no-repeat; width:74px; height:29px; display:block;}
li#navi-palvelut-palvelut a { background:url(images/navi/palvelut.png) 0 0 no-repeat; width:92px; height:29px; display:block;}
li#navi-palvelut-aatteemme a { background:url(images/navi/aatteemme.png) 0 0 no-repeat; width:109px; height:29px; display:block;}
li#navi-palvelut-me a { background:url(images/navi/me.png) 0 0 no-repeat; width:49px; height:29px; display:block;}
#subNavigation ul li a.active { background-position:0 -29px; }
#subNavigation ul li a:hover { background-position:0 -29px; }
#subNavigation ul li a.active:hover { background-position:0 -58px; }

/* Yritys */
#Company { padding:0 0 30px 0; margin:0 25px; }
#Company .wrapper { width:280px; margin:10px; float:left; }
#Company .wrapper.big { width:570px; margin:10px; float:left; }
#Company .wrapper .more { font-family:Cambria, Georgia, serif; font-size:16px; text-transform:uppercase; border-bottom:none;  }
#Company .contact { float:right; width:270px; margin:58px 0 0 0; padding:7px; border:double 3px #dedede; }
#Company .contact img {  float:left; margin:0 7px 0 0; }
#Company .contact h4 { line-height:18px; }
#Company .contact p { line-height:14px; }
#Company .contact a { font-size:11px; }

/* Palvelut */
#Services { padding:0 0 30px 0; margin:0 25px; }
#Services p { background:#f3f3f3; padding:5px 10px; border-bottom:solid 3px #fff; }
/* #Services p:hover { background:#252525; color:#fff; } */
#Services .wrapper { width:280px; margin:10px; float:left; }
#Services .wrapper.big { width:580px; margin:10px; float:left; }
#Services .wrapper .more { font-family:Cambria, Georgia, serif; font-size:16px; text-transform:uppercase; border-bottom:none;  }
#Services ul { margin:5px 0 10px 10px; }
#Services ul li { background:url(images/raquo.gif) top left no-repeat; padding:0 0 0 15px; font-size: 11px; line-height:18px; color:#7e7e7e; }

/* Me */
.me-wrap { padding:7px; border:double 3px #dedede; width:110px; height:135px; float:left; display:inline; margin:10px; }
.me-loop { position:relative; width:110px; height:135px; overflow:hidden;  }
.me-loop .padding { }
.me-loop .thumbnail { position:absolute; top:0; left:0; z-index:1; }
.me-loop .info { position:absolute; top:135px; left:0; z-index:2; height:190px; width:90px; padding:5px 10px; background: url(images/overlay_bg.png) top left repeat; }
.me-loop .info h4 { font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-style:normal; font-weight:bold; color:#fff; padding:0; line-height:12px; }
.me-loop .info p { font-size:10px; color:#999; padding:0; line-height:12px; }
.me-loop .overlay { position:absolute; top:0; left:0; z-index:3; width:110px; }

/* Extra */
.small, .small p { font-size:10px; line-height:14px; }
.small strong { font-size:11px; }
.space { margin-top:21px; }
sup { position: relative; top: -3px; vertical-align: top; font-size: 90%; }
.alignleft { float:left; }
.alignright { float:right; }

/* ==================================================================================== */
/* Coda Slider */
/* ==================================================================================== */
.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }		
.slider-wrap { margin: 0; position: relative; width: 100%; height:300px; }

.csw {width: 100%; height: auto; display:none; }
.csw .loading {margin: 50px 0 50px 0; text-align: center; }

.stripViewer { position: relative; overflow: hidden; margin: auto; width: 860px; /* Also specified in  .stripViewer .panelContainer .panel  below */ height: 300px;	clear: both; }		
.stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 100%; list-style-type: none; }		
.stripViewer .panelContainer .panel { float:left; height: 100%; position: relative; width: 860px; /* Also specified in  .stripViewer  above */ }		
.stripViewer .panelContainer .panel .wrapper { overflow:hidden; width:860px; height:300px; }
	
.stripNav { display:none; }		
.stripNav ul { list-style: none; }		
.stripNav ul li { float: left; margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */ }		
.stripNav a { font-size: 14px; font-weight: bold; text-align: center; line-height: 32px; color: #fff; text-decoration: none; display: block; padding: 0 15px; }	
.stripNav li a:hover { color: #ffd100; }
.stripNav li a.current { color: #ffd100; }		
.stripNavL, .stripNavR { /* The left and right arrows */ position: absolute; top: 0px; text-indent: -9000em; z-index:1000; }		
.stripNavL a, .stripNavR a { display: block; height: 300px; width: 65px; }		
.stripNavL { left: -33px; }		
.stripNavR { right: -33px; }		
.stripNavL { background: url("images/arrow-left.png") no-repeat 0 0; }		
.stripNavR { background: url("images/arrow-right.png") no-repeat 0 0; }