/* COMMON STYLES */

html {
	width: 100%;
	height: 100%;
	}

body {
	background-color: #000000;
	color: #a3a3a5;
	margin: 0px;
	height: 100%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 112%;
	#overflow: auto;		/* IE7 */
	#height: 100%;			/* IE7 */
	#margin-top: -20px;		/* IE7 */
	_margin-top: -40px;		/* IE6 */
	}

.clrbrk {
	clear: both;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	}

a {
	color: #000000;
	text-decoration: none;
	}
h2 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	line-height: 20px;
	}
h4 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 6px 0px 6px 0px;
	}
h5 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	line-height: 20px;
	}
h6 {
	font-size: 1.0em;
	font-style: italic;
	font-weight: bold;
	margin: 3px 0px 2px 0px;
	}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 0px;
	}


/* MAIN LAYOUT BLOCKS */
/* vertical centering etc. */

#outer {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: table;
	#position: relative;	/* IE7 */
	}
#vcenter {
	#position: absolute;	/* IE7 */
	#top: 55%;				/* IE7 */
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	}
#frame {
	position: relative;
	width: 760px;
	margin: 0px auto;
	background: #121212 url(./imgs/framebk.gif) no-repeat;
	text-align: left;
	height: 540px; !important
	height: 600px;
	#position: relative;	/* IE7 */
	#top: -50%;				/* IE7 */
	#left: -50%;			/* IE7 */
	font-size: 62%;
	}

#inner {
	position: relative;
	width: 760px;
	height: 540px; !important
	height: 600px;
	overflow: hidden;
	}


/* HEADER */

#logo {
	position: absolute;
	top: 40px;
	left: 260px;
	}


/* NAVIGATION */

#menu {
	float: left;
	width: 120px;
	#width: 100px;				/* IE7 */
	height: 540px;
	padding: 55px 0px 0px 20px;
	background: url(./imgs/lbk-frontpg.gif) no-repeat top left;
	font-size: 1.0em;
	}
#menu ul {
	list-style: none;
	margin: 0px 0px 0px -40px;
	#margin: 0px 0px 0px 0px;	/* IE7 */
	}
#menu ul li {
	margin: 0px 0px 0px 0px;
	line-height: 20px;
	}
#menu li ul {
	display: none;	/* hide here - submenus rendered by body.class (see below) */ 
	}
#menu a {
	color: #8f8f8f;
	text-decoration: none;
	}
#menu a:hover {
	color: #cccccc;
	}
#menu a.active {
	color: #ffffff;
	}

#langmenu {
	padding-top: 20px;
	}


/* CONTENT */

#content {
	margin-left: 140px;
	height: 540px;
	padding: 55px 20px 0px 20px;
	color: #dedede;
	line-height: 20px;
	}
#content p {
	margin: 0px 0px 20px 0px;
	}
#content ul {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 14px;
	}
#content a {
	font-size: 1.0em;
	color: #8a8a8a;
	}
#content a:hover {
	color: #cccccc;
	}

#content .rightimg {
	position: absolute;
	top: 0px;
	right: 0px;
	clip: rect(0px 355px 540px 20px);
	overflow: hidden;
	}

#content #subnav {
	padding: 0px;
	line-height: normal;
	}

#content a.prev {
	margin: 0px;
	}
#content a.next
	{
	margin-left: 120px;
	}

/* CONTENT: frontpage */
body.frontpage #content {	/* for Flash carousel */
	position: absolute;
	top: 0px;
	left: 140px;
	margin: 0px;
	padding: 0px;
	}
body.frontpage #content img {
	margin :0px;
	}

/* IHANA NAINEN */
body.ihana #content {
	width: 245px;
	background-color: #222222;
	}


/* IHANA submenu */
/* Link classes manually updated! */
/* Note link ID in language versions before messing with these */

body.ihana #menu li.menupath ul {
	display: block;
	position: absolute;
	top: 55px;
	left: 445px;
	}
body.ihana #menu li.menupath ul li a {
	display: block;
	width: 50px;
	height: 73px;
	padding: 0px 0px 0px 90px;
	margin: -2px 0px 5px 0px;
	}


body.ihana #menu li.menupath ul li#nav_10 a, body.ihana #menu li.menupath ul li#nav_37 a,
body.ihana #menu li.menupath ul li#nav_49 a, body.ihana #menu li.menupath ul li#nav_37 a {
	background: url(./imgs/inmenu_1_off.jpg) no-repeat 0px 5px;
	}
body.ihana #menu li.menupath ul li#nav_10 a:hover, body.ihana #menu li.menupath ul li#nav_37 a:hover, 
body.ihana #menu li.menupath ul li#nav_49 a:hover, body.ihana #menu li.menupath ul li#nav_37 a:hover {
	background: url(./imgs/inmenu_1_on.jpg) no-repeat 0px 5px;
	}
body.ihana #menu li.menupath ul li#nav_11 a, body.ihana #menu li.menupath ul li#nav_38 a, 
body.ihana #menu li.menupath ul li#nav_50 a, body.ihana #menu li.menupath ul li#nav_38 a {
	background: url(./imgs/inmenu_2_off.jpg) no-repeat 0px 5px;
	}
body.ihana #menu li.menupath ul li#nav_11 a:hover, body.ihana #menu li.menupath ul li#nav_38 a:hover, 
body.ihana #menu li.menupath ul li#nav_50 a:hover, body.ihana #menu li.menupath ul li#nav_38 a:hover {
	background: url(./imgs/inmenu_2_on.jpg) no-repeat 0px 5px;
	}
body.ihana #menu li.menupath ul li#nav_12 a, body.ihana #menu li.menupath ul li#nav_39 a, 
body.ihana #menu li.menupath ul li#nav_51 a, body.ihana #menu li.menupath ul li#nav_39 a {
	background: url(./imgs/inmenu_3_off.jpg) no-repeat 0px 5px;
	}
body.ihana #menu li.menupath ul li#nav_12 a:hover, body.ihana #menu li.menupath ul li#nav_39 a:hover, 
body.ihana #menu li.menupath ul li#nav_51 a:hover, body.ihana #menu li.menupath ul li#nav_39 a:hover {
	background: url(./imgs/inmenu_3_on.jpg) no-repeat 0px 5px;
	}
body.ihana #menu li.menupath ul li#nav_13 a, body.ihana #menu li.menupath ul li#nav_40 a, 
body.ihana #menu li.menupath ul li#nav_52 a, body.ihana #menu li.menupath ul li#nav_40 a {
	background: url(./imgs/inmenu_4_off.jpg) no-repeat 0px 5px;
	}
body.ihana #menu li.menupath ul li#nav_13 a:hover, body.ihana #menu li.menupath ul li#nav_40 a:hover, 
body.ihana #menu li.menupath ul li#nav_52 a:hover, body.ihana #menu li.menupath ul li#nav_40 a:hover {
	background: url(./imgs/inmenu_4_on.jpg) no-repeat 0px 5px;
	}


/* IHANA NAINEN subpages */

body.ihana-ala #content {
	width: 245px;
	background-color: #222222;
	}

/* CONTENT: yritys */
body.company #content {
	width: 225px;
	background-color: #222222;
	}
body.company #content .news {
	position: absolute;
	width: 300px;
	top: 35px;
	left: 430px;
	}
/* wider banner image */
#content #sisalto_17_3 .rightimg {
	clip: rect(0px 355px 540px 0px);
	}


/* TRENDIT */

body.trend #content {
	width: 245px;
	background-color: #222222;
	}

/* TRENDIT submenu */
/* Link classes manually updated! */
/* Note link ID in language versions before messing with these */

body.trend #menu li.menupath ul {
	display: block;
	position: absolute;
	top: 55px;
	left: 445px;
	}
body.trend #menu li.menupath ul li a {
	display: block;
	width: 50px;
	height: 73px;
	padding: 0px 0px 0px 90px;
	margin: -2px 0px 5px 0px;
	}

body.trend #menu li.menupath ul li#nav_21 a, body.trend #menu li.menupath ul li#nav_45 a,
body.trend #menu li.menupath ul li#nav_54 a, body.trend #menu li.menupath ul li#nav_21 a,
body.trend #menu li.menupath ul li#nav_20 a, body.trend #menu li.menupath ul li#nav_36 a,
body.trend #menu li.menupath ul li#nav_53 a {
	background: url(./imgs/trmenu_1_off.jpg) no-repeat 0px 5px;
	}
body.trend #menu li.menupath ul li#nav_21 a:hover, body.trend #menu li.menupath ul li#nav_45 a:hover,
body.trend #menu li.menupath ul li#nav_54 a:hover, body.trend #menu li.menupath ul li#nav_21 a:hover,
body.trend #menu li.menupath ul li#nav_20 a:hover, body.trend #menu li.menupath ul li#nav_36 a:hover,
body.trend #menu li.menupath ul li#nav_53 a:hover {
	background: url(./imgs/trmenu_1_on.jpg) no-repeat 0px 5px;
	}
body.trend #menu li.menupath ul li#nav_22 a, body.trend #menu li.menupath ul li#nav_46 a,
body.trend #menu li.menupath ul li#nav_55 a, body.trend #menu li.menupath ul li#nav_22 a {
	background: url(./imgs/trmenu_2_off.jpg) no-repeat 0px 5px;
	}
body.trend #menu li.menupath ul li#nav_22 a:hover, body.trend #menu li.menupath ul li#nav_46 a:hover,
body.trend #menu li.menupath ul li#nav_55 a:hover, body.trend #menu li.menupath ul li#nav_22 a:hover {
	background: url(./imgs/trmenu_2_on.jpg) no-repeat 0px 5px;
	}
body.trend #menu li.menupath ul li#nav_24 a, body.trend #menu li.menupath ul li#nav_47 a, 
body.trend #menu li.menupath ul li#nav_56 a, body.trend #menu li.menupath ul li#nav_24 a {
	background: url(./imgs/trmenu_3_off.jpg) no-repeat 0px 5px;
	}
body.trend #menu li.menupath ul li#nav_24 a:hover, body.trend #menu li.menupath ul li#nav_47 a:hover,
body.trend #menu li.menupath ul li#nav_56 a:hover, body.trend #menu li.menupath ul li#nav_24 a:hover {
	background: url(./imgs/trmenu_3_on.jpg) no-repeat 0px 5px;
	}
body.trend #menu li.menupath ul li#nav_43 a, body.trend #menu li.menupath ul li#nav_62 a,
body.trend #menu li.menupath ul li#nav_61 a, body.trend #menu li.menupath ul li#nav_43 a,
body.trend #menu li.menupath ul li#nav_75 a, body.trend #menu li.menupath ul li#nav_80 a,
body.trend #menu li.menupath ul li#nav_82 a {
	background: url(./imgs/trmenu_4_off.jpg) no-repeat 0px 5px;
	}
body.trend #menu li.menupath ul li#nav_43 a:hover, body.trend #menu li.menupath ul li#nav_62 a:hover,
body.trend #menu li.menupath ul li#nav_61 a:hover, body.trend #menu li.menupath ul li#nav_43 a:hover,
body.trend #menu li.menupath ul li#nav_75 a:hover, body.trend #menu li.menupath ul li#nav_80 a:hover,
body.trend #menu li.menupath ul li#nav_82 a:hover {
	background: url(./imgs/trmenu_4_on.jpg) no-repeat 0px 5px;
	}
body.trend #menu li.menupath ul li#nav_68 a, body.trend #menu li.menupath ul li#nav_70 a,
body.trend #menu li.menupath ul li#nav_72 a {
	background: url(./imgs/trmenu_5_off.jpg) no-repeat 0px 5px;
	}
body.trend #menu li.menupath ul li#nav_68 a:hover, body.trend #menu li.menupath ul li#nav_70 a:hover,
body.trend #menu li.menupath ul li#nav_72 a:hover {
	background: url(./imgs/trmenu_5_on.jpg) no-repeat 0px 5px;
	}
body.trend #menu li.menupath ul li#nav_69 a, body.trend #menu li.menupath ul li#nav_71 a,
body.trend #menu li.menupath ul li#nav_73 a {
	background: url(./imgs/trmenu_6_off.jpg) no-repeat 0px 5px;
	}
body.trend #menu li.menupath ul li#nav_69 a:hover, body.trend #menu li.menupath ul li#nav_71 a:hover, 
body.trend #menu li.menupath ul li#nav_73 a:hover {
	background: url(./imgs/trmenu_6_on.jpg) no-repeat 0px 5px;
	}

/* TRENDIT subpages (TUOTERYHMÄT ) */

body.trend-ala #content {
	width: 245px;
	height: 540px;
	padding-top: 5px;
	overflow: hidden;
	line-height: 14px;
	background-color: #222222;
	line-height: 13px;
	}
body.trend-ala #content h2 {
	display: none;
	}
body.trend-ala #content h4 {
	margin: 0px 0px 6px 0px;
	}
body.trend-ala #content #sisalto_53_3, body.trend-ala #content #sisalto_20_3, body.trend-ala #content #sisalto_36_3 {
	line-height: 12px;
	font-size: 0.9em;
	}
body.trend-ala #content #sisalto_53_3 h4, body.trend-ala #content #sisalto_20_3 h4, body.trend-ala #content #sisalto_36_3 h4 {
	margin: 0px 0px 2px 0px;
	}
body.trend-ala #content #sisalto_53_3 ul, body.trend-ala #content #sisalto_20_3 ul, body.trend-ala #content #sisalto_36_3 ul {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 14px;
	}
body.trend-ala #menu li.menupath ul {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	}
body.trend-ala #menu li.menupath ul a {
	display: block;
	width: 1px;
	height: 1px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	}
body.trend-ala #menu li.menupath ul li.menupath ul {
	display: block;
	position: absolute;
	top: 55px;
	left: 445px;
	}
body.trend-ala #menu li.menupath ul li.menupath ul a {
	display: block;
	width: 50px;
	height: 73px;
	padding: 0px 0px 0px 90px;
	margin: -2px 0px 5px 0px;
	}

body.trend-ala #menu li.menupath ul li#nav_83 a, body.trend-ala #menu li.menupath ul li#nav_87 a,
body.trend-ala #menu li.menupath ul li#nav_92 a {
	background: url(./imgs/nutrmenu_4_off.jpg) no-repeat 0px 5px;	/* shiny */
	}
body.trend-ala #menu li.menupath ul li#nav_83 a:hover, body.trend-ala #menu li.menupath ul li#nav_87 a:hover,
body.trend-ala #menu li.menupath ul li#nav_92 a:hover {
	background: url(./imgs/nutrmenu_4_on.jpg) no-repeat 0px 5px;
	}
body.trend-ala #menu li.menupath ul li#nav_84 a, body.trend-ala #menu li.menupath ul li#nav_89 a,
body.trend-ala #menu li.menupath ul li#nav_93 a {
	background: url(./imgs/nutrmenu_1_off.jpg) no-repeat 0px 5px;	/* simple */
	}
body.trend-ala #menu li.menupath ul li#nav_84 a:hover, body.trend-ala #menu li.menupath ul li#nav_89 a:hover,
body.trend-ala #menu li.menupath ul li#nav_93 a:hover {
	background: url(./imgs/nutrmenu_1_on.jpg) no-repeat 0px 5px;
	}
body.trend-ala #menu li.menupath ul li#nav_85 a, body.trend-ala #menu li.menupath ul li#nav_90 a, 
body.trend-ala #menu li.menupath ul li#nav_94 a {
	background: url(./imgs/nutrmenu_2_off.jpg) no-repeat 0px 5px;	/* picnic */
	}
body.trend-ala #menu li.menupath ul li#nav_85 a:hover, body.trend-ala #menu li.menupath ul li#nav_90 a:hover,
body.trend-ala #menu li.menupath ul li#nav_94 a:hover {
	background: url(./imgs/nutrmenu_2_on.jpg) no-repeat 0px 5px;
	}
body.trend-ala #menu li.menupath ul li#nav_88 a, body.trend-ala #menu li.menupath ul li#nav_91 a, 
body.trend-ala #menu li.menupath ul li#nav_95 a {
	background: url(./imgs/nutrmenu_3_off.jpg) no-repeat 0px 5px;	/* rainforest */
	}
body.trend-ala #menu li.menupath ul li#nav_88 a:hover, body.trend-ala #menu li.menupath ul li#nav_91 a:hover,
body.trend-ala #menu li.menupath ul li#nav_95 a:hover {
	background: url(./imgs/nutrmenu_3_on.jpg) no-repeat 0px 5px;
	}


/* YRITYS styles */
body.yritys .righttxt {
	position: absolute;
	top: 0px;
	left: 300px;
	}