/*---------------------------
 Body
---------------------------*/

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

html { 
/*
 background: url(img/bg.jpg) no-repeat bottom center fixed; 
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
*/
}

body {
 /*font-family: Arial, Helvetica, sans-serif;*/
 font-family:Arial, sans-serif;
 color: #444;
 font-size: 12px;
 line-height: 22px;
}

bg {
 width: 1250px;
 margin: 0 auto;
}

#top {
 width: 800px;
 height: 135px;
 position: absolute;
 top: 30px;
 left: 20px;
}
.contact {
 float: left;
 width: 50px;
 height: 135px;
}
.logo {
 float: left;
}

a {
 color: #2B62D8;
 text-decoration: underline;
}
a:hover {
 color: #538AFF;
 text-decoration: underline;
}

a.top {
 color: #2B62D8;
 text-decoration: none;
}
a.top:hover {
 color: #538AFF;
 text-decoration: none;
}



/*---------------------------
 front
---------------------------*/

#front {
 z-index: 2;
 width: 398px;
 height: 272px;
 position: absolute;
 top: 50%;
 margin-top: -150px;
 left: 50%;
 margin-left: -199px;
}

#contact {
 z-index: 2;
 width: 800px;
 height: 400px;
 position: absolute;
 top: 50%;
 margin-top: -180px;
 left: 50%;
 margin-left: -400px;
 text-align: center;
}
p { 
 font-family: Arial, sans-serif;
 color: #222;
 font-size: 16px;
 font-weight: normal;
}



/*---------------------------
 Nav
---------------------------*/

#menubox {
 /*
 transform: scale(0.8,0.8);
 -ms-transform: scale(0.8,0.8);
 -webkit-transform: scale(0.8,0.8); 
 */
 width: 1240px;
 height: 82px;
 position: absolute;
 bottom: 15px;
 left:50%;
 margin-left:-620px;
} 

.nav:hover img {
 transform: scale(.5);
 -webkit-transform: scale(.5);
}
.nav img:hover {
 transform: scale(1.1);
 -webkit-transform: scale(1.1);
}
.nav img {
 transition: transform .25s ease;
 -webkit-transition: -webkit-transform .25s ease;
}



/*---------------------------
 Left
---------------------------*/

#leftcolumn { 
 float: left;
 width: 1000px;
 /*height: 610px;*/
 padding: 15px 0px 0px 0px;
 margin: 0px;
 /*background: #FFF url(img/bg_rc.gif) top center no-repeat;*/
}

.leftbox {
 padding: 0px 50px 0px 36px;
 margin: 0px 0px 0px 0px;
 /*background: url(img/leftbox_bg.gif) top right repeat-y;*/
 clear: both;
}

h1 { 
 font-family: 'Carrois Gothic SC', sans-serif;
 margin: 10px 0px 20px 0px;
 padding: 0px 0px 0px 0px;
 border-bottom: 1px solid #CCC;
 font-size: 16px;
 font-weight: 400;
 letter-spacing: -1px;
 color: #222;
 /*background: #FFF;*/
 clear: both;
}
h3 { 
 font-family: 'Carrois Gothic SC', sans-serif;
 margin: 0px 0px 15px 0px;
 padding: 0px 0px 0px 0px;
 border-bottom: 1px solid #CCC;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: -1px;
 /*font-style: italic;*/
 color: #222;
 /*background: #FFF;*/
 clear: both;
}
h5 { 
 font-family: 'Carrois Gothic SC', sans-serif;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 10px 0px;
 font-size: 15px;
 font-weight: bold;
 /*color: #2857B5;*/
 color: #222;
 clear: both;
}
/*
p { 
 color: #222;
 font-size: 12px;
 font-weight: 400;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 line-height: 18px;
}
*/
p.right { 
 clear: both;
 /*text-align: right;*/
 color: #222;
 font-size: 12px;
 border: 0px solid #ccc;
 margin: 0px 0px 26px 0px;
 padding: 3px 0px 3px 0px;
 line-height: 18px;
 background: transparent;
}
p.update { 
 color: #555;
 font-size: 11px;
 border: 0px solid #ccc;
 margin: 10px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 line-height: 16px;
}

a.more {
 margin: 0px 30px 0px 0px;
 color: #588DFF;
 font-size: 12px;
 text-align: right;
 text-decoration: none;
}
a.more:hover {
 color: #0B59FF;
}

img.full { 
 margin: 0px 0px 0px 0px;
}
img.left { 
 float: left;
 padding: 2px;
 border: 1px solid #CCC;
 margin: 2px 14px 2px 0px;
}
img.right { 
 float: right;
 padding: 2px;
 border: 1px solid #CCC;
 margin: 2px 0px 2px 14px;
}
img.info { 
 margin: 2px 14px 12px 0px;
}

ul { 
 margin: 2px 20px 20px 20px;
 list-style-type: disc;
 list-style-position: outside;
 color: #222;
 font-size: 12px;
 line-height: 16px;
}
ol { 
 margin: 2px 20px 20px 20px;
 list-style-position: outside;
 color: #222;
 font-size: 12px;
 line-height: 16px;
}



/*---------------------------
 Footer
---------------------------*/

#fclear {
 width: 1000px;
 height: 6px;
 clear: both;
}



/*---------------------------
 Inputs
---------------------------*/

textarea.text { font-size: 12px; font-family: Arial, Sans-serif; width: 550px; border: 1px solid #7F9DB9;}
input.text { font-size: 12px; font-family: Arial, Sans-serif; width: 550px; }
input.pictext { font-size: 12px; font-family: Arial, Sans-serif; width: 320px; }
input.heds { font-size: 16px; font-family: Arial, Sans-serif; width: 550px; color: #2857B5;}
input.ups { width: 550px; }

input.hedsinfo { font-size: 16px; font-family: Arial, Sans-serif; width: 230px; color: #2857B5;}
textarea.textinfo { font-size: 11px; font-family: Arial, Sans-serif; width: 230px; height: 230px;}

textarea.palaute {
 margin: 0px 0px 10px 0px;
 padding: 1px;
 font-size: 12px;
 font-family: Arial, Sans-serif;
 width: 376px;
 height: 100px;
 border: 1px solid #BBB;
 background: #EEE;
 color: #555;
}
input.palaute {
 margin: 0;
 padding: 1px;
 width: 300px;
 border: 1px solid #BBB;
 background: #EEE;
 color: #555; 
}
input.qa {
 margin: 0px 0xp 0px 0px;
 padding: 1px;
 width: 45px;
 border: 1px solid #BBB;
 background: #EEE;
 color: #555; 
}
input.omattiedot {
 margin: 0;
 padding: 1px;
 width: 120px;
 border: 1px solid #BBB;
 background: #EEE;
 color: #555; 
}
input.button {
 margin: 0;
 padding: 0px 15px 0px 15px;
 width: 80px;
 border: 1px solid #222;
 background: #444;
 color: #FFF;
 cursor: pointer;
}
input.button:hover {
 background: #666;
}
input.hlo {
 width: 52px;
}
input.ajanjakso {
 width: 138px;
 margin: 0px 0px 5px 0px;
}
.hae_b {
 width: 142px;
 height: 30px;
 font-weight: bold;
 font-size: 16px;
 margin: 10px 0px 0px 0px;
 border: 2px solid #FFF;
 border-radius: 4px;
 -moz-border-radius: 4px;
 color: #FFF;
 background: #FF6201;
 cursor: pointer;
}
.hae_b:hover {
 background: #FF9600;
}