@import url(http://fonts.googleapis.com/css?family=Lato:400,300,100,400italic,700,700italic,900,900italic);

html {
overflow-x: hidden;
}
body { 
margin:0px;
padding:0px;
font-family: Lato, Helvetica, sans-serif;
background:url('images/bg.jpg') repeat-x;
color:#fff;
}
p{
font-size: 12px;
color: #fff;
line-height:20px;
padding:0px;
margin:0px;
}

h1{
padding:18px 0px 18px 0px;
margin:0;
font-size:34px;
color: #af3923;
text-transform: uppercase;
font-weight:400;
}
h2{
padding:7px 0 10px 0;
margin:0px;
color:#af3923;
line-height:26px;
font-size:22px;
font-weight:400;
}

h3{
color: #252525;
font-size: 16px;
line-height:32px;
padding:0px;
margin:0px;
font-weight: 400;
}

strong {
color: #592d9e;
font-weight:700;
}

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

span {
font-weight:600;
}
span.color {
color: #592d9e;
}
.clear{
clear:both;
}
img.center{
display: block;
margin-left: auto;
margin-right: auto;
}
#wrap{
margin: 0px auto;
width:1016px;
height: auto;
background:url('images/sisalto_bg.png') repeat-y;
}

#header{
z-index: 10;
width:1016px;
margin:0px auto;
height:140px;
border: none;
background:url('images/navi_bg.png') no-repeat;
background-position:center top;
}

/*----------------------menu-------------------------*/
#menu {
width: 1016px;
height:78px;
margin:30px auto;
padding:0px;
color:#fff;
display:inline-block;
float:left;
z-index:1000;
position:relative;
left: -33.5px;
font-size: 8px;
list-style-type: none;
}
#menu a {
font-size: 12px;
color:#fff;
text-decoration:none;
text-transform: uppercase;
font-weight:400;
letter-spacing: 0.5px;
padding:6px 17px 15px 17px;
}
#menu > li {
float:left;
position:relative;
margin: 66px 6px 6px 6px;
}
#menu .current a, #nav .current a:hover {
background:#242424;
color:#e24224;
padding:11px 17px 10px 17px;
-moz-border-radius: 3px;
border-radius: 5px;
box-shadow:inset 1.5px 1px 1px 0.5px #181818;

}
#menu li:hover a{
color:#e24224;
padding:10px 17px 10px 17px;

}
#menu .logo {
background:transparent none repeat scroll 0% 0%;
padding:3px 195px 0px 65px;
background-color:Transparent;
list-style-type: none;
margin: 0;
}



/*-----------------etusivu-slider----------------------------*/
#slider{
margin:0px auto;
width:981px;
height: 444px;
clear:both;
padding: 0;
overflow:hidden !important;
}
#isokuva{
margin:0px auto;
width:981px;
height: 366px;
clear:both;
padding: 0;
}
/*-----------------etusivu-teaserit----------------------------*/
#columns{
margin: 0px auto;
width:981px;
height: 674px;
clear:both;
padding: 0px;
}

.teaser_img{
margin: 0px 0px 7px 0px;
border:8px solid #1f1f1f;
}


#leftbox {
width:316px;
min-height:320px;
float:left;
background:none;
margin:-8px 8px 0px 8px;
}

#centerbox {
width:316px;
min-height:320px;
float:left;
background:none;
margin:-8px 8px 0px 0px;
}

#rightbox {
width:316px;
min-height:320px;
float:left;
background:none;
margin:-8px 0px 0px 0px;

}
.box_content {
border: none;
width:97%;
margin:0px auto;
text-align: center;
}
.box_content p a{
color:#fff;
font-size: 12px;
line-height: 22px;
font-weight: 400;
text-align: center;
}

.box_content a:hover{
text-decoration: underline;
}
/*-----------------etusivu-yhteystiedot----------------------------*/
.yhteystiedot {
width:639px;
height:380px;
float:left;
background:#1f1f1f;
margin:0px 0px 0px 8px;
}
.yhteystiedot h2{
color: #fff;
margin:12px 0px 0px 10px;
padding: 0;
}
.yhteystiedot .sisalto{
float:left;
color: #fff;
margin:0px 0px 0px 27px;
}
.aukiolo,.yhteystiedot h3{
color: #af3923;
font-size: 14px;
text-decoration: underline;
margin:0px 0px 17px 10px;
line-height: 16px;
padding: 0;
font-weight: 400;
}
.yhteystiedot p{
margin:0px 0px 0px 10px;
font-weight: 400;
line-height: 15px;
}

iframe{
float:left;
margin:7px 0px 0px 10px;
}
.aukiolo {
width:317px;
height:225px;
float:right;
background:#1f1f1f;
margin:0px 8px 0px 0px;
text-align: center;
text-decoration: none;
}
.aukiolo h2{
color: #fff;
margin:12px 0px 0px 0px;
padding: 0;
}
.aukiolo h3{
color: #af3923;
font-size: 14px;
text-decoration: underline;
margin:0px 0px 17px 0px;
line-height: 16px;
padding: 0;
font-weight: 400;
}
.aukiolo p{
margin:0px;
font-weight: 400;
line-height: 28px;
}
.kuha_logo {
width:317px;
height:147px;
float:right;
background:#1f1f1f;
margin:8px 8px 0px 0px;
text-align: center;
text-decoration: none;
}
.kuha_logo img {
margin:25px 0px 0px 20px;
}
/*-----------------Tuotteet----------------------------*/

.kategoriat{
width: 700px; 
height: 700px; 
margin:10px auto;
}
.ala_kategoriat{
width: 800px; 
height: 700px; 
margin:50px auto;
}
.ala_kategoriat img{
float: left;
}
.tuotekuvaus{
float:left;
color: #fff;
margin:30px 0px 0px 37px;
width: 360px;
}
.boxgrid{ 
width: 205px; 
height: 205px; 
margin:6px; 
float:left; 
background:#161613; 
overflow: hidden; 
position: relative;
border:8px solid #1f1f1f;
}
.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}
.boxgrid h2{ 
padding: 17px 0;
text-align: center;
color:#DC5A42; 
font-weight:800;
text-transform: uppercase;
font-size:18px; 
text-shadow: #000 1px 1px 0px;
line-height: 22px;
letter-spacing: 0.5px;
}
h2.two_row{ 
padding: 5px 0;
text-align: center;
color:#DC5A42; 
font-weight:800;
text-transform: uppercase;
text-shadow: #000 1px 1px 0px;
}
.boxcaption{ 
float: left; 
position: absolute; 
top:321px;
background: #fff; 
height: 70px; 
width: 100%; 
opacity: .9; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.subnavi{
margin-left: 20px;    
}

/*-----------------majakka-sisältö----------------------------*/

.majakka_img{
margin: -8px 8px 8px 8px;
border:8px solid #1f1f1f;
float:left;
}
.majakka_img2{
margin: 0px 8px 8px 8px;
border:8px solid #1f1f1f;
float:left;
}
.majakka_sisalto {
width:559px;
height:468px;
float:right;
background:#1f1f1f;
margin:-8px 8px 8px 0px;
text-decoration: none;
}
.majakka_sisalto h2{
color: #af3923;
margin:35px 0px 0px 40px;
padding: 0;
text-transform: uppercase;
font-size: 24px;
}
.majakka_sisalto p{
color: #fff;
margin:20px 40px 0px 40px;
padding: 0;
line-height: 22px;
font-size: 14px;
word-spacing: 1px;
letter-spacing: 0.3px;
}

/*-----------------yritys-sisältö----------------------------*/

.yritys_img{
margin: 8px 8px 8px 8px;
border:8px solid #1f1f1f;
float:left;
}
.yritys_sisalto {
width:559px;
height:396px;
float:right;
background:#1f1f1f;
margin:8px 8px 8px 0px;
text-decoration: none;
}
.yritys_sisalto h2{
color: #af3923;
margin:35px 0px 0px 40px;
padding: 0;
text-transform: uppercase;
font-size: 24px;
}
.yritys_sisalto p{
color: #fff;
margin:20px 40px 0px 40px;
padding: 0;
line-height: 22px;
font-size: 14px;
word-spacing: 1px;
letter-spacing: 0.3px;
}
.keskinosto {
width:905px;
height:74px;
float:left;
background:url(images/nosto_tausta.jpg) no-repeat left top;
margin:-8px 0px 0px 8px;
padding: 3px 30px 50px 30px;
}
.keskinosto h2 {
text-align: center;
font-size: 22px;
font-style: italic;
float:left;
color:#fff;
line-height: 34px;
text-shadow: #000 1px 2px 2px;

}
/*-----------------------------bottom background------------------*/

#bottom_bg {
margin: 0px auto;
width: 1016px;
height: 53px;
background:url('images/ala_bg.png') no-repeat;
}

/*-----------------------------footer------------------*/
#footer{
margin: 10px auto;
width: 1007px;
height: 60px;
background:none;
text-align: center;
}
address{
font-size: 11px;
font-style: normal;
text-transform: uppercase;
font-weight: 300;
color: #fff;
}
span {
font-weight:400;
color: #dc5a42;
}

#tailnavi{
margin: 17px auto;
padding: 0px;
list-style-type: none;
}
#tailnavi li{
display:inline;
padding-left: 15px;
padding-right: 8px;
background: url('images/bullet2.png') left center no-repeat;
}
#tailnavi li:first-child{
background:none ;
}
#tailnavi a {
font-size: 11px;
color:#592d9e;
text-decoration:none;
text-transform: uppercase;
font-weight:400;
}