/* dark grey #6A6D74; dark blue #2E3140; light blue #66CCFF; orange #FF9933

dark blue new #0A0A32

*/





body { 

/*background: url("http://www.nikari.fi/pics/stripe3.gif") repeat;*/
background:#FFFFFF;

font-family: Arial,Helvetica, sans-serif;text-align:center;

}



#top_container {

display:table;border-collapse:collapse;

margin:35px auto 0 auto;padding:0;width:854px;

background:#0A0A32;height:615px;

}



/* languages padding has been changed from 0 32px 0 0 to 0 30px 0 0 to better match with the link list */

ul#languages {list-style-type:none;text-align:right;margin:0;padding: 0 30px 0 0;

background:#0A0A32;height:30px;}

ul#languages li {display:inline;text-align:right}

ul#languages a:link {color:#ccc;text-decoration:none; padding:0 3px 0 3px;}

ul#languages a:visited {color:#999; text-decoration:none;padding:0 3px 0 3px;}

ul#languages a:hover {color:#FF9933; text-decoration: none;padding:0 3px 0 3px;}

ul#languages a:active {color:#FF9933; text-decoration: none;padding:0 3px 0 3px;} 

ul#languages a {font-size:11px;font-weight:bold}



#header {background:#0A0A32;height:95px;margin:0 auto;padding:0;width:852px} 

/* logo padding has been changed from 45px 0 0 35px to 35px 0 0 35px - it looks better */

#header #logo {float:left;text-align:left;padding:35px 0 0 35px;width:210px;margin:0}

/* AT/TL 27082009 */
#header #logo #logo27082009 { margin-top: -15px; }
/* AT/TL 29082009 */
#header #logo #logo29082009 { position:relative; top: -10px; }

#header #topnavi {float:right;display:inline;text-align:right;padding: 0;

vertical-align:top;margin:15px 15px 0 0}

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



/*p,a, td,li { font-size:12px; line-height:18px;color:#000;} OBSOLETE*/

p,td,li,a { font-size:12px;color:#000;}

p, td {line-height:18px;}

h1,h2,h3,h4,h5,h6 {font-family: Arial,Helvetica,sans-serif;color:#666;margin:0;padding:0}

h1 {font-size:13px;text-transform:uppercase;}

h2 {font-size:12px;}

form,label,select {font-size:11px}



/* topnavi padding has been changed from 0 0 15px 0 to 0 15px 15px 0 to match with the language link */

#topnavi ul { margin:0; padding:0 15px 15px 0;list-style-type:none;}

#topnavi li { display:inline; font-weight:bold;padding-left:5px;}

/* topnavi link text-transform has been changed from 'uppercase' to 'none' in accordance with the new layout */

#topnavi a {font-size:95%;text-transform:none}

/* replaced the same declaration for every <a> subclass with a common one */

#topnavi a { text-decoration:none; padding:0 3px; }

#topnavi a:link {color:#999; }

#topnavi a:visited {color:#CCC; }

#topnavi a:hover {color:#FF9933; }

#topnavi a:active {color:#FF9933; }





/* subnavi padding has been changed from 0 to 0 5px 0 0 to match with the language link */

#subnavi {color:#FFF; background:#0A0A32;

margin:0;padding:0 5px 0 0;text-align:right;}

#subnavi ul {padding:0;margin:0; height:28px}

#subnavi a {font-size:11px;text-transform:none; }

#subnavi li {list-style-type:none;display:inline; font-weight:bold; 

border-left: 1px solid #FFF;padding:0;margin:0;line-height:28px}

/* replaced the same declaration from every <a> subclass with a common one; 

replaced padding 0 10px 0 5px with 0 15px 0 10px */

#subnavi a { text-decoration:none; margin:0; padding:0 15px 0 10px; }

#subnavi a:link {color:#999; }

#subnavi a:visited {color:#CCC; }

#subnavi a:hover {color:#FF9933; }

#subnavi a:active {color:#FF9933; }

/* NEW */

/* li#his,li#cab,li#puu,li#way,li#tyo,li#cha,li#tuo { border: none; } */
li#his,li#cab,li#puu,li#cha,li#tuo { border: none; }


a:link {color:#999;text-decoration:underline;}

a:visited {color:#666; text-decoration:underline;}

a:hover {color:#FF9933; text-decoration: none;}

a:active {color:#FF9933; text-decoration: none;}



#content {

  background:#fff; color:#000;

  margin:0 auto;padding:0; width:852px;

  text-align:left;vertical-align:top;clear:both;

	}	

	







/* OBSOLETE FOR NEW FRONT PAGE DESIGN

body.front_page #header {height:203px; background:transparent url("http://www.nikari.fi/pics/main.jpg") no-repeat;

margin:0 auto;padding:0} 

#content.front_page { height:342px; background:#0A0A32;margin:0 auto;padding:0;}

#content.front_page #bottom table {width:852px;height:342px;border-collapse:collapse;

background:#0A0A32;margin:0;padding:0;}

#content.front_page #bottom table tr {height:171px;}

#content.front_page #bottom table td {font-weight:bold;width:284px;height:171px;padding:0;margin:0;}

#content.front_page #bottom table h1 {height:21px;vertical-align:middle;padding-left:10px;color:#fcfcfc;font-size:11px;letter-spacing:0.12em;}

#content.front_page #bottom table td ul {width:274px;height:130px;margin:0;padding:20px 0 0 10px}

#content.front_page #bottom table #td1 ul {background: url(http://www.nikari.fi/pics/company.jpg) no-repeat }		

#content.front_page #bottom table #td2 ul {background: url(http://www.nikari.fi/pics/quality.jpg) no-repeat;width:272px;border-left:1px solid #000;border-right:1px solid #000 }

#content.front_page #bottom table #td3 ul {background: url(http://www.nikari.fi/pics/collection.jpg) no-repeat }

#content.front_page #bottom table #td4 ul {background: url(http://www.nikari.fi/pics/projects.jpg) no-repeat }

#content.front_page #bottom table #td5 ul {background: url(http://www.nikari.fi/pics/contact1.jpg) no-repeat;width:272px;border-left:1px solid #000;border-right:1px solid #000  }

#content.front_page #bottom table #td6 ul {background:#ccc url(http://www.nikari.fi/pics/news.jpg) no-repeat }

#content.front_page ul.navi li {list-style-type:none;color:#fff;font-weight:bold;}

#content.front_page ul.navi a:link {color:#fff;text-decoration:none; margin:0; padding:0;}

#content.front_page ul.navi a:visited {color:#E3E3E3; text-decoration:none;margin:0; padding:0;}

#content.front_page ul.navi a:hover {color:#FF9933; text-decoration: none;margin:0; padding:0;}

#content.front_page ul.navi a:active {color:#FF9933; text-decoration: none;margin:0; padding:0;}

#content.front_page ul.news li {list-style:inside square}

#content.front_page ul.news a:link {color:#020202;text-decoration:none; margin:0; padding:0;}

#content.front_page ul.news a:visited {color:#0A0A32; text-decoration:none;margin:0; padding:0;}

#content.front_page ul.news a:hover {color:#FF9933; text-decoration: none;margin:0; padding:0;}

#content.front_page ul.news a:active {color:#FF9933; text-decoration: none;margin:0; padding:0;}

END OBSOLETE */



/* NEW FRONT PAGE DECLARATIONS */

#content.front_page { background: #fff none; }

#content.front_page .news { 

background: transparent url("http://www.nikari.fi/pics/vertical-separator.gif") repeat-y 50% 0%;

height: 100%; /* some height must be defined for IE.hasLayout() and for Opera it MUST be 100% */ }

#content.front_page .news img { float: left; }	

#content.front_page .news p { font-size: 12px; padding: 10px; text-align: left; width: 400px;	}

#content.front_page .news a { 

color:#ff9933; font-weight: bold; text-decoration: none; }

#content.front_page .news a:hover { color: #999; }

#content.front_page .news a:visited { color:#666; }

#container {background: #0a0a32 none; border: 1px solid #0a0a32; margin: 43px auto 0 auto; width: 852px; }/*margin-top increased 01-04-07 -- and 22-04-07 (AT) */



#container ul#languages { margin-top: 0; }/*changed from 15px to 0 01-04-07*/

#container #content.front_page { height: auto; width: auto; }

#content.front_page #image_home { height: 290px; border-bottom: 1px solid #909090; }

.float_left { float: left; }

.float_right { float: right; }

/* These height declarations must be present to prevent the footer from breaking in non-IE-based browsers. */

#container #footer { height: auto; }

#container #footer p { height: auto; }

/* END NEW FRONT PAGE */







#content.company {height:450px}

#content.quality {height:450px}





#content .left {

float:left;width:530px;background:#FFF;height:450px;margin:0;padding:0

}

#content .left h1 {padding:10px 0 0 7px}

#content .left h2 {padding:3px 0 0 7px;letter-spacing:0.05em;text-transform:none}

#content .left h2 a { text-decoration: none; }

#content .left p {margin:0;padding:7px}



#content .right {

float:right;background:#FFF;text-align:left;width:320px;border-left:1px solid #CCC;

background:#ddd;height:450px;margin:0;padding:0

}

#content .right p {margin:0;padding:0}





ol#details a:link {color:#0A0A32;text-decoration:none; 

margin:0; padding:0;text-align:center}

ol#details a:visited {color:#999; text-decoration:none;

margin:0;padding:0;text-align:center}

ol#details a:hover {color:#FF9933; text-decoration: none;

margin:0;padding:0;text-align:center}

ol#details a:active {color:#FF9933; text-decoration: none;

margin:0;padding:0;text-align:center}



#content.collection-overview {padding:0;background:#fff;width:852px;height:450px; }

#content.collection-overview ul {list-style-type:none; text-align:left;background:#fff;

margin:0;padding:0;height:425px;/*450px;*/vertical-align:top;width:850px;}

#content.collection-overview li {display:inline;margin:0;padding:0}

#content.collection-overview li table {display:inline;border-collapse:collapse;margin:0;padding:0}

#content.collection-overview li table {display:inline-table;}/*Opera*/

#content.collection-overview td a {font-weight:bold;font-size:12px;padding-left:5px}

#content.collection-overview td a:link {color:#0A0A32;text-decoration:none;}

#content.collection-overview td a:visited {color:#0A0A32; text-decoration:none;}

#content.collection-overview td a:hover {color:#FF9933; text-decoration: none;}

#content.collection-overview td a:active {color:#FF9933; text-decoration: none;}



#content.product {background:#fff;margin:0 auto;padding:0;height:450px; }

#content.product #side_navi, #content.product #side_navi2 {float:left;width:/*57px*/70px;background:#fff;height:450px;/*width - LM/MM 230408 - AT/TL 15122009 */

border-right:1px solid #CCC;margin:0;padding:0;}/*corresponds to #content .left; */

#content.product #side_navi ul, #content.product #side_navi2 ul {list-style-type:none;margin:0;padding:0;

background:#fff;}

#content.product #side_navi ul li, #content.product #side_navi2 ul li {margin:0;/*padding:0 0 0 2px;*/ padding: 0 3px 0 2px;

text-align:left;}

#content.product #side_navi a, #content.product #side_navi2 a {font-size:10px;line-height:14px;}/*line-height - LM/MM 230408*/

#content.product #side_navi a:link, #content.product #side_navi2 a:link {color:#000;text-decoration:none;}

#content.product #side_navi a:visited, #content.product #side_navi2 a:visited {color:#0A0A32;text-decoration:none;}

#content.product #side_navi a:hover, #content.product #side_navi2 a:hover {color:#FF9933;text-decoration:none;}

#content.product #side_navi a:active, #content.product #side_navi2 a:active {color:#FF9933;text-decoration:none;}



#content.product .right {

float:right;/*width:770px;*/width: auto;text-align:left;padding:0;/*margin:0;*/margin-right: 20px; background:#fff;border:none

}



#content.product .right table {padding:0;margin:0; border-collapse:collapse;/*width:770px;*/width: auto;}



#content.product .right td#prod_left {

width:408px;text-align:left;vertical-align:top;margin:0;padding:0

}

#content.product .right td#prod_center {

width:212px;text-align:left;vertical-align:top;margin:0;padding:0

}

#content.product .right td#prod_right {

width:150px;text-align:right;vertical-align:top;margin:0;padding:0

}



#content.product .right td#prod_left .top {position:relative; top:0;height:50px}

#content.product .right td#prod_left h1 {position:relative; top:10px;left:5px;vertical-align:top;

font-size:25px;margin:0;padding:0 5px 0 0;display:inline;}

#content.product .right td#prod_left h6 {position:relative; top:15px;left:5px;vertical-align:top;

font-size:10px;margin:0;padding:0;display:inline;}

#content.product .right td#prod_left ul {position:absolute;left:240px;top:0;

list-style-type:none;margin:0;padding:0;display:inline;}

#content.product .right td#prod_left ul li {display:inline;text-align:right; padding:0 5px}

#content.product .right td#prod_left ul li img {vertical-align:bottom;margin:0;padding:0;

display:inline;border:1px solid #ddd;}

#content.product .right td#prod_left .bottom img {vertical-align:top;padding:0;margin:0;}

#content.product .right p {font-size:95%;margin:0;padding:50px 0 0 5px}

#content.product .right a {font-size:95%;margin:0;padding:0}

#content.product .right td#prod_center img {margin:0;padding:20px 0 0 5px}

#content.product .right td#prod_right img {padding:50px 0 0 0;margin:0}







/* AT/TechnoLingua 09042008 */

.overview-links { text-align: right; margin: -20px 40px 0 0; }

.overview-links span { font-size: 12px; }

.overview-links a, .overview-links span { color: #000; padding: 0 0.5em; }

.overview-links a:hover { color: #FF9933; }

/* *** */





#content.projects {height:450px; margin:0 auto}

#content.projects ul.projects {list-style-type:none;text-align:left}

#content.projects ul.projects a:link {color:#0A0A32;text-decoration:none; 

margin:0; padding:0;text-align:center}

#content.projects ul.projects a:visited {color:#999; text-decoration:none;

margin:0;padding:0;text-align:center}

#content.projects ul.projects a:hover {color:#FF9933; text-decoration: none;

margin:0;padding:0;text-align:center}

#content.projects ul.projects a:active {color:#FF9933; text-decoration: none;

margin:0;padding:0;text-align:center}



#content.projects .right p {width:95%;margin:0;padding:10px 0 0 15px;text-align:left}

#content.projects .right .bottom img {margin:0;padding:10px 0 0 0}


#content.contact {height:450px; }

#content.contact p, #content.contact li, #content.contact a, #content.contact td {
font-size: x-small !important; line-height: normal;
}

#content.contact table { margin: 10px 0 0 8px; width: 90%; }
#content.contact table td h2 { margin: 0; padding: 0; }
#content.contact table td { /*width: 50%; padding-left: 8px;*/ vertical-align: top; }
#content.contact table tr.tbl_content td { padding: 10px 0 0 /*50px*/ 0; }

#content.contact ul.retailers, #content.contact p {margin-left:50px;padding:10px 0 0 0; }

#content.contact ul.retailers li {list-style-type:none;display:inline;margin:0;padding:0 10px 0 0;float:left;}

#content.contact h2#project {clear:both;padding-top:10px}



#content.news {height:450px; }

#content.news .left {width:852px}

#content.news div#pictures { float: right; margin: 0.5em; padding: 0.5em; }

#content.news div#pictures img { border: 0; display: block; margin: 0 0.5em; }  





#footer {position:relative;top:0;left:0;background:#0A0A32;padding:0;

margin:5px auto 0 auto;height:30px;width:852px;clear:both}

#footer p {background:#0A0A32;color:#f2f2f2;font-weight:bold;

font-size:11px;letter-spacing:0.1em;display:inline;height:30px}

#footer p.left {float:left;background:#0A0A32;padding:0 0 0 15px;vertical-align:top;}

#footer p.right {float:right;background:#0A0A32;padding:0 15px 0 0;vertical-align:top}

#footer a {text-transform:uppercase;font-weight:bold;font-size:11px;letter-spacing:0.1em}

#footer a:link {color:#f2f2f2;text-decoration:none; }

#footer a:visited {color:#f2f2f2; text-decoration:none;}

#footer a:hover {color:#FF9933; text-decoration: none;}

#footer a:active {color:#FF9933; text-decoration: none;}