/* perusrakenne */

*{margin:0; padding:0; border:0; }

body {
	background:url(../images/layout/bg.gif);
	font:8pt Verdana, serif;
}

#logo-ct {
  width:100%;
  height:100px;
  background:url(../images/layout/logo_bg.png) repeat-x 0 bottom;
  overflow:hidden;
}

#logo {
  background:url(../images/layout/logo.png) no-repeat;
  width:209px;
  height:83px;
  margin:10px 0 0 20px;
}

#wrap {
	width:469px;
  position:relative;
  z-index:2;
	margin:10px auto 0px auto;
  /*overflow:hidden; */
  display:block;
}

#page {
	position:relative;
  z-index:2;
}

#content-top {
  background:url(../images/layout/content-top-bg.png) no-repeat;
  width:469px;
  height:7px;
  clear:both;
}

#content-ct {
  background:url(../images/layout/content_bg.png) repeat-y;
  width:431px;
  padding:0 30px 0 8px;
  clear:both;
}

#content-wrap {
  width:450px;
}

#content-header {
  background:url(../images/layout/content-header.png) no-repeat;
  height:116px;
  position:relative;
  z-index:3;
}

#content {
  position:relative;
  z-index:3;
}

#page-title {
  background:#272727;
  padding:10px 5px 10px 15px;
}

#main-content {
  padding:10px 15px 30px 15px;
  overflow:hidden;
  position:relative;
  z-index:3;
}

#content-bottom {
  background:url(../images/layout/footer.png) no-repeat;
  width:469px;
  height:36px;
	text-align:center;
}

#content-bottom p {
  padding-top:7px;
}

#header {
	color:#999;
	padding:2px 0 0 0;
	text-align:center;
} 




/* Navigaatio */

#navi-ct {
  overflow:hidden;
  float:right;
  height:37px;
  position:relative;
  z-index:1;
  margin:0 20px -2px 0;
}
/*
#navi-ct li.selected {
	top: 1px !important;
} */

.navi-left-corner {
  background:url(../images/layout/navi-leftcorner-shadow.png) no-repeat left 0; 
  padding-left:4px;
}

.navi-right-corner {
  background:url(../images/layout/navi-rightcorner-shadow.png) no-repeat right 0; 
  padding-right:4px;
}

.navi-top-center {
  background:url(../images/layout/navi-top-shadow.png) repeat-x; 
  height:4px;
}

.navi-content-left-shadow {
  background:url(../images/layout/navi-left-shadow.png) repeat-y left 0;
  padding-left:4px;
  overflow:hidden;
}

.navi-content-right-shadow {
  background:url(../images/layout/navi-right-shadow.png) repeat-y right 0;
  padding-right:4px;
  overflow:hidden;
}

ul.navi {
  margin:0 5px 0 0;
}

li.navi{
  float:left;
  display:block;
  color:#fff;
  text-decoration:none;
  overflow:hidden;
  position: relative;
  z-index:0;
  cursor: pointer;
  top:13px;
} 

a.navi-link {
  text-decoration:none;
}

a.navi-link :hover {
  text-decoration:underline;
}

a.navi-link span {
  color:#fff;
  padding:4px 5px 5px;
  height:35px;
  margin:0;
  cursor: pointer;
  letter-spacing:1px;
  overflow:hidden;
  display:block;
} 

#navi-yritys { background:url(../images/layout/yritys-bg.png) repeat-x; }
#navi-osaaminen { background:url(../images/layout/osaaminen-bg.png) repeat-x; }
#navi-refe { background:url(../images/layout/refe-bg.png) repeat-x; }
#navi-yhteys { background:url(../images/layout/yhteys-bg.png) repeat-x; }



/* Perustyylit */

ul {
  list-style:none;
}

h1 {
  font-size:105%;
  color:#fff;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:2px;
}

h2 {
  font-size:100%;
  color:#fff;
  font-weight:bold;
  letter-spacing:1px;
  margin:0 0 10px 0;
}

h3 {
  font-size:100%;
  color:#fff;
  font-weight:bold;
  letter-spacing:0px;
  margin:0 0 5px 0;
}

p {
	color:#c0c0c0;
  line-height:140%;
  margin:0 0 10px;
}

a {
  text-decoration:none;
  color:#fff;
}

a {
  text-decoration:underline;
  color:#fff;
}

.content a:hover {
  text-decoration:none;
}

/* yhteystiedot */

div.email {
  color:#fff;
  margin-bottom:10px;
}

a.email {
  color:#fff;
  text-decoration:none;
}

a.email:hover {
  color:#c0c0c0;
  text-decoration:underline;
}

.margin-20-b {
  margin-bottom:20px;
}

.yhteys-ct{
  margin:5px auto auto 100px;
}


#phone { 
  float:left;
  width:87px;
  height:70px; 
  background:url(../images/yhteys/phone.png) no-repeat;
}

/* referenssit */

div.example {
  margin:0 0 40px 0;
  overflow:hidden;
  width:400px;
}

div.example  p{
  margin-bottom:5px;
}

div.example img {
  margin-left:-5px;
  width:136px;
}

a.arrow {
  background:url(../images/layout/arrow.gif) no-repeat 0 4px;
  padding:0 0 0 10px;
  font-size:90%;
}

a.arrow:hover {
  text-decoration:underline;
}

.hide {
  visibility:hidden;
}

#refe-navi-ct {
	width:300px;
	height:60px;
	position:absolute;
	top:80px;
	left:10px;
	z-index:1;
}

#refe-navi-ct ul li {
	position:relative;
	top:10px;
	left:100px;
	z-index:1;
}

#refe-navi-ct li {
  color:#fff;
  text-decoration:none;
  cursor: pointer;
  top:13px;
} 

#refe-navi-ct a {
  text-decoration:none;
  width:200px;
  display:block;
  letter-spacing: 1px;
  padding:10px;
}

#refe-navi-ct a:hover {
  text-decoration:underline;
}

#refe-navi-ct ul li.sovellukset {
	background:url(../images/layout/refe-navi-sovellukset.png) no-repeat;
}

#refe-navi-ct ul li.sivustot {
	background:url(../images/layout/refe-navi-sivustot.png) no-repeat;
}

#refe-navi-ct .selected {
	left: 10px;
}

#refe-navi-ct.show {
	left:-120px;
}

/* Osaaminen */

ul.line-list li {
  background:url(../images/layout/list-line.gif) no-repeat 0px 7px;
  color:#c0c0c0;
  padding-left:10px;
  margin:0 0 0 5px;
}

ul.line-list {
  margin:0 0 10px 0;
}

.osaaminen {
  background:url(../images/osaaminen/bits.png) no-repeat right bottom;
  /*float:right;
  width:300px;
  height:250px; */
}

/* Slimbox */


#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #222;
}

#lbCenter {
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #222;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #222;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 73px;
	height: 22px;
	background: transparent url(../images/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

strong {
	color:#fff;
}