/* Yleiset */

html {height: 100%;width:100%;} 
body {
	height: 100%;
	width:100%;
	margin:0;
	padding:0;
    border:none;
	color:#978e7b;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	background-color:#fafaf2;
	background-image:url(../img/tausta.jpg);
	background-repeat: no-repeat;
	background-position:center center;
	background-attachment:fixed;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
td {vertical-align: top;}
img {border: 0;}
a {color:#978e7b}
hr {height:1px; border:0; background-color:#978e7b; margin:20px 0 20px 0;}	
.clear {clear:both}

* {transition: all .2s linear;}

/* Otsikot (leipäteksti ks. chiliTeksti) */
h1 {
	font: 22px  Calibri, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #978e7b;
}
h2 {
	font: 16px  Calibri, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #978e7b;
}


/* chili-asettelut */

.chiliContainerTop {
	width:1016px;
	margin: 0 auto; 
}
.chiliContainerTop hr {margin:10px 0 20px 0}
.chiliContainerMiddle {
	width:1016px;
	padding-bottom:20px;
	margin: 0 auto; 
}
.chiliContainerMiddle > div {
	background-color:#fff;
	background-color:rgba(255,255,255,.7);
	min-height:400px;
}
.chiliContainerMiddle div div {background-color:transparent;}

.chiliHeader {height:130px; position:relative}
.chiliHeader hr {margin-top:20px}
.chiliLogo {
	height:110px;
	float:left;
	padding-left:40px;
}
.chiliLogo img {margin:17px 0 0 20px}

.chiliValikkoVaaka {
	font: 15px Calibri, Arial, Helvetica, sans-serif;
	overflow:hidden;
	min-width:350px;	
	position:absolute;
	bottom:13px;
	left:320px;
}
.chiliValikkoVaaka nav {display:inline-block}
.chiliValikkoVaaka ul {
	list-style:none;
	margin:0;
	padding: 0;
	display:inline-block;
}
.chiliValikkoVaaka li {
	border-left: 1px solid #978e7b;
	list-style-type:none;
	display:block;
	float:left;
}
.chiliValikkoVaaka li a {
	padding: 5px 20px 5px 20px;
	text-decoration:none;
	color:#978e7b;
}
.chiliValikkoVaaka li:first-child {border-left: none;}
.chiliValikkoVaaka li li {display:none}

.csSome {
	position:absolute;
	right:40px;
	bottom:17px;
}

.chiliTaittoalue {
	font: 14px Calibri, Arial, Helvetica, sans-serif;
	line-height: 27px;
	padding: 40px 20px 80px 20px;
	width:400px;
	color:#978e7b;
	min-height:200px;
	ZZZZfloat:left;
}
.chiliTaittoalue h1 {
	font-weight:normal;
	padding-top:0; 
	margin-top:0
}
.chiliTaittoalue ul {padding-left:18px}
.chiliTaittoalue img[style*="float: right"] {margin:0 0 10px 15px}
.chiliTaittoalue img[style*="float: left"] {margin:0 20px 10px 0}

/* Etusivu */
.chiliContainerMiddle.etusivu > div {background-color:transparent}
.chiliTaittoalue.etusivu {margin-left:150px;}
.chiliTaittoalue.etusivu .csContent {
	font-size:20px;
	width:300px;
	text-align:justify 
}
.chiliTaittoalue.etusivu .csContent h1 {
	font-size:50px;
	margin-bottom:1px;
}

/* Peruspohja */
.chiliTaittoalue.perus {
	padding-left:60px;}
.chiliTaittoalue.perus .csContent {}
.chiliTaittoalue.perus .csContent h1 {}

/* Alavalikko-sivu */
.chiliContainerMiddle.alavalikko > div {background-color:transparent}
.alavalikko {}
.alavalikko td {
	text-align:right;
	font-size:22px;
	padding:0 30px 25px 40px;
	background-image:url(../img/valikkonuoli.png);
	background-position:top right;
	background-repeat:no-repeat;
}
.alavalikko a {text-decoration:none}
.alavalikko a:hover {text-decoration:underline}
.symbolikuvio {margin-top: -90px; margin-left: 170px; z-index: 2; position: absolute; display: block;}

/* Nosto */
.chiliNosto.etusivu {margin-left:150px;}
.chiliNosto {
	font: 14px Calibri, Arial, Helvetica, sans-serif;
	margin-top:30px;
	margin-bottom:60px;
	padding-left:20px;
}

.chiliNosto div {
	float:left;
	padding:8px 15px 15px 15px;
	width:300px;
	min-height:115px;
	margin:30px 30px 60px 0;
	background-color:#FFF !important;
	border-radius: 8px;
	box-shadow: 5px 5px 15px #aaa;	
}
.chiliNosto div p {margin: 8px 0 8px 0}
.chiliNosto div p:nth-child(1) {font-size:18px}
.chiliNosto div p:nth-child(2) {}
.chiliNosto div p:last-child {float:right; margin: 9px 0 0 0}
.chiliNosto div span {font-size:110px; float:left; margin-top:-30px; height:60px;}
.chiliNosto div a {text-decoration:none}
.chiliNosto div a:hover {text-decoration:underline}
.chiliNosto div img[style*="float: left"] {margin:0 17px 0 0}

/* Lomake */
.chiliLomake {
	font: 12px Calibri, Arial, Helvetica, sans-serif;
	color: #978e7b;
	padding-left:3px;
}
.chiliLomake div {width:400px; clear:both; padding-top:5px}
.chiliLomake div span {display:block; float:left}
.chiliLomake div span:first-child {width:170px}
.chiliLomake div span:nth-child(2) {width:230px}
.chiliLomake textarea {
	font: 12px Calibri, Arial, Helvetica, sans-serif;
	color: black;
	width:400px;
}
.chiliLomake input {
	font: 12px Calibri, Arial, Helvetica, sans-serif;
	padding:4px;
	width:222px;
}
.chiliLomake input[type="button"], .chiliLomake input[type="submit"] {
	width:100px;
	font-weight:bold;
	background-color:#00a021;
	color:white;
	border-style: solid;
	border-width: 0px;
	border-color: #222222;
	cursor: pointer;
}

/* kuvakansio */
.kuvakansio {}
.kuvakansio div {float:left; width:90px; height:90px; background-color:#FFF; text-align:center; padding-top:4px; margin:2px;}

/* Sivukartta */
.csSivukarttaVaaka {min-height: 100px;}
.csSivukarttaVaaka a{
	color:#000; 
	text-decoration:none;
	font: 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.csSivukarttaVaaka ul{
	list-style:none;
	margin:0;
	padding: 0;
}
/* ylin taso */
.csSivukarttaVaaka li{
	list-style-type:none;
	float:left;
	min-width:100px;
	text-align:left;
	padding: 0 40px 0 0;
}
/* alavalikko */
.csSivukarttaVaaka li ul{
	height:auto;
	position:absolute;
}
/* alavalikkokohta (rivi) */
.csSivukarttaVaaka li li { 
	float:none;
	min-width:100px;
	padding: 0 0 0 15px;
}
.csSivukarttaVaaka li li a {color:#333}
/* sisennykset */
.csSivukarttaVaaka li li ul{margin: 0}

/* Lightbox */
#nextLink, #prevLink  {transition:none}

/* some */
.csSome div {
	float:left;
	width:29px;
	height:29px;
	margin-left:10px;
	background-repeat:no-repeat;
	cursor:pointer
}
#some-fb {background-image:url(../img/some_fb.png)}
#some-twitter {background-image:url(../img/some_twitter.png)}
#some-blogger {background-image:url(../img/some_blogger.png)}
#some-linkedin{background-image:url(../img/some_linkedin.png)}