@charset "utf-8";
/* CSS Document */

html {
background : #fff;
text-decoration : none;
}

body {
font : 8pt Verdana, Arial, sans-serif;
margin-top : 0px;
}

img, p, h1, h2, h3, h4 {
margin : 0;
padding : 0;
border : none;
}

a:link, a:visited, a:hover, a:active {
text-decoration : none;
color : #008;
outline: none;
}

ul, li {
list-style-type : none;
margin : 0;
padding : 0;
}

.contentwrapper {
margin : 0 auto;
width : 975px;
}

#logopalkki {
background : url(kuvat/Talonet-logopalkki.jpg) no-repeat;
text-indent : -9999px;
width : 975px;
height : 150px;
margin : 0 auto;
clear : both;
}

#ylapalkki, #footer {
background : url(kuvat/vaakapalkkivari.jpg) repeat;
width : 100%;
height : 39px;
line-height : 39px;
color : #fff;
}

#ylapalkki ul {
margin-left : 163px;
}

li.menu {
float : left;
text-indent : -9999px;
position : relative;
}

#liikkuva1, #liikkuva2, #liikkuva3, #liikkuva4, #liikkuva5 {
position : absolute;
}

#liikkuva1 {
left: 0px;
}

#liikkuva2 {
left: 123px;
}

#liikkuva3 {
left: 283px;
}

#liikkuva4 {
left: 432px;
}

#liikkuva5 {
left: 594px;
}

#ylapalkki li a {
height : 39px;
width : 100%;
display : block;
outline : none;
}

/* ----- */

.etusivu_aktiivi, .etusivu_eiaktiivi {
width : 103px;
height : 39px;
}

.etusivu_aktiivi {
background : url(kuvat/Etusivu-aktiivi.jpg) no-repeat;
}

.etusivu_eiaktiivi {
background : url(kuvat/Etusivu-eiaktiivi.jpg) no-repeat;
}

.yritysesittely_aktiivi, .yritysesittely_eiaktiivi {
width : 140px;
height : 39px;
}

.yritysesittely_aktiivi {
background : url(kuvat/Yritysesittely-aktiivi.jpg) no-repeat;
}

.yritysesittely_eiaktiivi {
background : url(kuvat/Yritysesittely-eiaktiivi.jpg) no-repeat;
}

.referenssit_aktiivi, .referenssit_eiaktiivi {
width : 129px;
height : 39px;
}

.referenssit_aktiivi {
background : url(kuvat/Referenssit-aktiivi.jpg) no-repeat;
}

.referenssit_eiaktiivi {
background : url(kuvat/Referenssit-eiaktiivi.jpg) no-repeat;
}

.yhteystiedot_aktiivi, .yhteystiedot_eiaktiivi {
width : 142px;
height : 39px;
}

.yhteystiedot_aktiivi {
background : url(kuvat/Yhteystiedot-aktiivi.jpg) no-repeat;
}

.yhteystiedot_eiaktiivi {
background : url(kuvat/Yhteystiedot-eiaktiivi.jpg) no-repeat;
}

.yhteydenotto_aktiivi, .yhteydenotto_eiaktiivi {
width : 150px;
height : 39px;
}

.yhteydenotto_aktiivi {
background : url(kuvat/Yhteydenotto-aktiivi.jpg) no-repeat;
}

.yhteydenotto_eiaktiivi {
background : url(kuvat/Yhteydenotto-eiaktiivi.jpg) no-repeat;
}

/* ----- */


#kulmapyoristys {
background : url(kuvat/kulmapyoristys.jpg) no-repeat;
width : 100%;
height : 48px;
clear : both;
}

.ruskeapystyviiva {
background : url(kuvat/ruskeapystyviiva.jpg) repeat-y;
width : 82px;
height : 600px;
float : left;
}

h1#otsikko-paasivu {
margin : 5px 0 15px 100px;
width : 618px;
float : left;
}

#leipateksti, #boxwrapper {
width : 500px;
margin-left : 100px;
margin-top : 10px;
font-size : 8pt;
line-height : 1.5em;
float : left;
}

#leipateksti ul {
margin-left : 1.5em;
margin-top : 0.8em;
}

#leipateksti li {
list-style-image: disc;
padding-top : 0.6em;
}

#palvelut li, #palvelut ul {
list-style-image: url(kuvat/list-arrow.gif);
margin: 0;
padding: 0;
color : #008;
font : 8pt Verdana, Arial, sans-serif;
line-height : 1.5em;
padding-top : 0.3em;
}

#palvelut li:hover {
list-style-image: url(kuvat/list-arrow-red.gif);
}

div.palvelusisalto {
padding-top : 0.3em;
padding-bottom : 0.3em;
display : none;
}

div.palvelusisalto a:link, div.palvelusisalto a:visited, div.palvelusisalto a:hover, div.palvelusisalto a:active {
text-decoration : none;
color : #801;
outline: none;
}

#otsikko-paasivu {
background : url(kuvat/otsikko-paasivu.jpg) no-repeat;
width : 515px;
height : 69px;
text-indent : -9999px;
margin-bottom : 30px;
}

#keltainenlaatikko {
margin : 0px 0 0 50px;
background : url(kuvat/keltainenlaatikko-paasivu.jpg) no-repeat;
width : 178px;
height : 449px;
text-indent : -9999px;
float : left;
clear : right;
}

.dummydiv {
clear : both;
}

#footer {
text-align : center;
}

#ruskeapystyviiva-alapalkki {
background : url(kuvat/ruskeapystyviiva-alapalkki.jpg) repeat-y;
width : 82px;
height : 39px;
float : left;
}


/* --- yritysesittely-laatikot --- */

#boxwrapper {
width : 801px;
margin-left : 51px;
float : left;
}

.yritysesittely-laatikko-ylaosa, .referenssit-laatikko-ylaosa {
background : url(kuvat/yritysesittely-laatikko-ylaosa.jpg) no-repeat;
width : 801px;
height : 27px;
}

.yritysesittely-laatikko-keskiosa, .referenssit-laatikko-keskiosa {
background : url(kuvat/yritysesittely-laatikko-keskiosa.jpg) repeat-y;
width : 801px;
}

.yritysesittely-laatikko-alaosa, .referenssit-laatikko-alaosa {
background : url(kuvat/yritysesittely-laatikko-alaosa.jpg) no-repeat;
width : 801px;
height : 42px;
}

#yritysesittely-vasen, #referenssityypit {
float : left;
width : 350px;
padding-left : 50px;
}

#yritysesittely-oikea {
float : left;
width : 350px;
padding-right : 51px;
}

#yritysesittely-laatikko2, #referenssit-laatikko2 {
margin-top : 20px;
}

#yritysesittely-esittelyteksti, #referenssilista {
float : left;
width : 415px;
padding-left : 50px;
}

#yritysesittely-esittelyteksti li, #referenssilista li {
list-style-type: disc;
margin-left: 1em;
}

#yritysesittely-kuva {
float : left;
width : 306px;
padding-right : 30px;
text-align : right;
}

#yritysesittely-kuva img {
border: solid #AAA 2px;
}

#referenssilista {
height : 300px;
width : 730px;
overflow : auto;
}


/* --- yhteydenottolomake --- */

#leipateksti table {
text-align : left;
border: none;
border-spacing: 0;
}

#leipateksti table#yhteyslomake {
padding : 0;
margin : 10px 0 0 0;
width : 490px;
}

#leipateksti table#yhteyslomake td {
text-align : left;
padding : 0 0 5px 0;
margin : 0;
}

#leipateksti table#yhteyslomake td.kuvaus {
width : 210px;
}



/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/


/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-weight: normal; color: #008; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #008; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { font-weight: normal; color: #008; }
.ui-state-hover a, .ui-state-hover a:hover { color: #008; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { font-weight: normal; color: #008; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #008; text-decoration: none; }
.ui-widget :active { outline: none; }