* {
	margin: 0px;
	padding: 0px;
	outline: none;
	border: none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif, Arial;
}

body {
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif, Arial;
	background-image: url(../kuvat/body-bg.png);
	background-repeat: repeat;
	color: #D1B791;
} 




html, body {
                height: 100%;                                                                   
                margin: 0;                                                                      
                padding: 0;                                                                     
            }




p {
	font-size: 1em; /* 12px */
	line-height: 1.5em; /* 18px */
	margin: 0 0 1.5em 0;
	color: #D1B791;
}


h1 {
	font-size: 1.8333em; /* 22px */
	line-height: 1.6364em; /* 36px */
	margin-top: 0.8182em;
	margin-bottom: 0em;
	color: #D1B791;
	font-weight: normal;
}

h2 {
	font-size: 1.6667em; /* 20px */
	line-height: 1.8em; /* 36px */
	margin-top: 0.9em;
	margin-bottom: 0em;
	color: #D1B791;
	font-weight: normal;
}

h3 {
	font-size: 1.5em; /* 18px */
	line-height: 1em; /* 18px */
	margin-top: 1em;
	margin-bottom: 0em;
	color: #D1B791;
	font-weight: normal;
}

h4 {
	font-size: 1.3333em; /* 16px */
	line-height: 1.125em; /* 18px */
	margin-top: 1.125em;
	margin-bottom: 0em;
	color: #D1B791;
}

h5 {
	font-size: 1.1667em; /* 14px */
	line-height: 1.2857em; /* 18px */
	margin-top: 1.2857em;
	margin-bottom: 0em;
	color: #D1B791;
}


#container {
	height: 642px;
	background-image: url(../kuvat/container-bg.png);
	width: 960px;
	margin-left:  auto;
	margin-right:auto;
	background-repeat: no-repeat;
	position: relative;	
}
#logo {
	width: 101px;
	height: 545px;
	float: left;
	margin-left: 0px;
	margin-top: 50px;
	text-indent: -999px;
	padding-left: 95px;
}
#logo a:link, #logo a:visited {
	background-image: url(../kuvat/logo.png);
	background-repeat: no-repeat;
	width: 101px;
	height: 545px;
	display: block;
}





p a:link, p a:visited, #footer ul li a:link, #footer ul li a:visited {
	text-decoration: none;
	color: #D1B791;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-color: #C80073;
}
p a:hover, #footer ul li a:hover {
	text-decoration: none;
	color: #ffbf63;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fb0086;
	font-weight: bold;
}



#logo a:hover {
	background-image: url(../kuvat/logo.png);
	background-repeat: no-repeat;
	width: 101px;
	height: 545px;
	display: block;
	background-position: -119px 0px;
}
#navi {
	height: 38px;
	width: 600px;
	float: right;
	padding-right: 55px;
	padding-top: 87px;
}
#navi ul li {
	display: inline;
	margin-right: 0.5em;
	font-size: 12px;
	color: #D1B791;
	line-height: 2.5em;
	float: left;
}
#navi   li   a       {
	text-decoration: none;
	text-transform: uppercase;
	color: #D1B791;
	font-weight: bold;
	background-image: url(../kuvat/tahti.gif);
	padding-left: 25px;
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-bottom: 4px;
	background-position: 0px 0px;
	cursor: pointer;
}




#navi li a:hover {
	text-decoration: none;
	color: #ffbf63;
	font-weight: bold;
	background-image: url(../kuvat/tahti.gif);
	padding-left: 25px;
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-bottom: 4px;
	background-position: 0px -24px;
	text-transform: uppercase;
}
#navi li a:active {
	text-decoration: none;
	color: #fb0086;
	font-weight: bold;
	background-image: url(../kuvat/tahti.gif);
	padding-left: 25px;
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-bottom: 4px;
	background-position: 0px -24px;
	text-transform: uppercase;
}


            /*
             *
             * Issue: IE5mac interprets negative values as positive.
             *
             * I haven't figured out a workaround for this yet. The content won't be vertically centered but it won't be messed up by the previous code either.
             *
             */

            /* Hide from IE5mac \*//*/
                div#shim {
                    display: none;
                }
                html, body {
                    height: auto;
                }
            /* end hack */


		/* ]]> */


           
#navi li #aktiivinen {
	text-decoration: none;
	text-transform: uppercase;
	color: #FB0086;
	font-weight: bold;
	background-image: url(../kuvat/tahti.gif);
	padding-left: 25px;
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-bottom: 5px;
	background-position: 0px -24px;
}
.perus  li             {
	text-decoration: none;
	color: #D1B791;
	font-weight: normal;
	background-repeat: no-repeat;
	padding-left: 2.2em;
	font-size: 1.1em;
	padding-top: 5px;
	padding-bottom: 4px;
	list-style: none;
	background-image: url(../kuvat/li.gif);
	background-position: 0px 2px;
}
#sisaltoalue ul li {
	line-height: 1.6em;
	list-style-type: none;
	font-size: 1.1em;
}


.linkki{
	background-image: none!important;
	padding-left:0px!important;
}

.linkki a:link, .linkki a:visited      {
	text-decoration: none;
	color: #D1B791;
	font-weight: bold;
	padding-left: 2.2em;
	background-image: url(../kuvat/li.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-top: 5px;
	padding-bottom: 4px;
	list-style-type: none!important;
	margin-left: 0em;
}


.linkki a:hover {
	text-decoration: none;
	color: #ffbf63;
	font-weight: bold;
	background-image: url(../kuvat/li.gif);
	background-repeat: no-repeat;
	background-position: 0px -33px;
}
.linkki a:active {
	text-decoration: none;
	color: #fb0086;
	font-weight: bold;
	background-image: url(../kuvat/li.gif);
	background-repeat: no-repeat;
	background-position: 0px -33px;
}
#tyonaytteet {
	width: 660px;
	float: right;
	padding-right: 21px;
	position: relative;
	height: auto;
	padding-top: 44px;
}
.tyonayte {
	float: left;
	display: inline;
	margin: 11px;
}
.clear {
	clear: both;
}
#wrapper {
                visibility: hidden;
                width: 100%;
                height: 50%;                                                                     
                margin-top: -330px;                                                              
                float: left;

            }
#inner {

               
                width: 100%;
                height: 642px;
                clear: both;

                /*
                 *
                 * Issue: IE4 doesn't allow a negative margin-top.
                 *
                 * This code positions blueBox relatively and uses the IE4ever hack (<http://exanimo.com/css/ie4ever>) to overwrite the rule for other browsers.
                 * The content will be centered but will crop if the window is not small enough to accommodate it.
                 *
                 */
                position: relative;
                top: -330px;
                /* IE4ever Hack: Hide from IE4 **/
                    position: static;
                /** end hack */

            }
#sisaltoalue {
	width: 618px;
	float: right;
	padding-right: 50px;
	margin-top: 0px;
	position: relative;
	height: auto;
	padding-top: 24px;
}

#introteksti {
	width: 610px;
	padding-left: 10px;
	padding-bottom: 10px;
}
img, div, a  { behavior: url(http://www.aate.fi/iepngfix.htc) }
#introteksti  h1, #tyonaytteet h1 {
	font-size: 2.2em; /* 22px */
	line-height: 1.2em; /* 36px */
	margin-top: 0em;
	margin-bottom: 0.4em;
	font-weight: normal;
	color: #D1B791;
	padding-left: 10px;
}
p a:active {
	text-decoration: none;
	color: #fb0086;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-color: #fb0086;
}
#logo a:active {
	background-image: url(../kuvat/logo.png);
	background-repeat: no-repeat;
	width: 101px;
	height: 545px;
	display: block;
	background-position: -238px 0px;
}
textarea {
	width: 340px;
	border: 1px solid #D1B791;
	padding: 2px;
	background-color: #ECE1D2;
	color: #21140B;
	font-size: 12px;
}
.inputkentta {
	width: 340px;
	border: 1px solid #D1B791;
	padding: 2px;
	margin-bottom: 6px;
	background-color: #ECE1D2;
	color: #21140B;
	font-size: 12px;
}
label {
	font-size: 1em;
	color: #D1B791;
	padding-top: 4px;
	padding-bottom: 1px;
	display: block;
}
#oikea {
	float: right;
	width: 390px;
	padding-right: 0px;
	padding-top: 0px;
	padding-left: 28px;
}
#vasen {
	float: left;
	width: 200px;
}
.inputkentta:focus {
	width: 340px;
	border: 1px solid #fb0086;
	padding: 2px;
	margin-bottom: 6px;
	background-color: #FFFFFF;
	color: #21140B;
	font-size: 12px;
}
.viiva {
	clear: both;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D1B791;
}
textarea:focus {
	width: 340px;
	border: 1px solid #fb0086;
	padding: 2px;
	background-color: #FFFFFF;
	color: #21140B;
	font-size: 12px;
}
.laheta {
	background-color: #D1B791;
	margin-top: 10px;
	padding: 6px;
	color: #3C2414;
	font-weight: bold;
	font-size: 1.1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 30px;
}
.laheta:hover {
	background-color: #ffbf63;
	margin-top: 10px;
	padding: 6px;
	color: #3C2414;
	font-weight: bold;
	font-size: 1.1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 30px;
}
#introteksti p {
	font-size: 1.4em; /* 12px */
	line-height: 1.3em;
	color: #D1B791;
	margin-right: 0px;
	margin-bottom: 0.9em;
	margin-left: 0px;
	margin-top: 10px;
}
#tyot {
	width: 640px;
	float: right;
	padding-right: 41px;
	margin-top: 0px;
	position: relative;
	height: auto;
	padding-top: 0px;
}
iframe {
	padding: 4px;
	border: 1px solid #D1B791;
}




#footer ul {
	margin-bottom: 0em;
	padding-top: 4px;
}
#footer {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D1B791;
}
#footer ul li {
	display: inline;
	background-image: url(../kuvat/tahti-footer.gif);
	background-repeat: no-repeat;
	padding-left: 1.8em;
	background-position: 0px 7px;
	padding-top: 8px;
	padding-bottom: 10px;
	font-size: 11px;
}
#ilmianto {
	height: 236px;
	width: 236px;
	position: absolute;
	left: -87px;
	top: 102px;
}
.pieni {
	font-size: 0.9em; /* 12px */
	line-height: 1.5em; /* 18px */
	margin: 0 0 1.5em 0;
	color: #D1B791;
}
#oikea-2 {
	float: right;
	width: 390px;
	padding-right: 0px;
	padding-top: 53px;
	padding-left: 28px;
}