/* Aamon Oy */
/* Cross-browser CSS, (c) Virtamieli 2006 */

body {
	background-color: #100F0D;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-family: "Helvitica neue", Arial, helvetica, sans-serif;
	font-size: 62.5%;
}

body#ajankohtaista {
	background: #100F0D url(../images/am_bg_ajankohtaista.gif) repeat-y;
}

body#yritys {
	background: #100F0D url(../images/am_bg_yritys.gif) repeat-y;
}

body#yhteystiedot {
	background: #100F0D url(../images/am_bg_yhteystiedot.gif) repeat-y;
}

body#kuvagalleria {
	background: #100F0D url(../images/am_bg_kuvagalleria.gif) repeat-y;
}

body#muotoilija {
	background: #100F0D url(../images/am_bg_taiteilija_04.gif) repeat-y;
}

body#tuotteet {
	background: #100F0D url(../images/am_bg_tuotteet_04.gif) repeat-y;
}

a, img {
	border: 0px;
	margin: 0px;
}

em {
	font-size: .9em;
}

a:link, a:visited {
	color: #ffffff;
}

#logo, #navia, #palsta1, #palsta2 {
	position: absolute;
	margin: 0;
	padding: 0;
}

#logo {
	width: 315px;
	height: 80px;
	top: 0;
	left: 0;
	z-index: 5;
	background: url(../images/am_logotausta.gif);
}

#logo img {
	width: 79px;
	height: 33px;
	margin: 0;
	padding: 0;
	top: 21px;
	left: 50px;
	position: relative;
}

#navia {
	border-bottom: 2px solid #495051;
	top: 100px;
	left: 52px;
	width: 143px;
	padding-bottom: 50px;
}

#navi_main {
	width: 142px;
	height: 190px;
	background: url(../images/am_navi.gif);
	position: relative;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
}

#navi_main li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0px;
}

#navi_main li, #navi_main a {
	width: 142px;
	height: 30px;
	display: block;
	text-indent: -5000px;
}

#aamon1 {top: 0px; height: 30px;}
#aamon1 a:hover, #aamon1 a.active  {background: transparent url(../images/am_navi.gif) 0 -191px no-repeat;}
#aamon2 {top: 31px; height: 30px;}
#aamon2 a:hover, #aamon2 a.active {background: transparent url(../images/am_navi.gif) 0 -222px no-repeat;}
#aamon3 {top: 62px; height: 30px;}
#aamon3 a:hover, #aamon3 a.active  {background: transparent url(../images/am_navi.gif) 0 -253px no-repeat;}
#aamon4 {top: 93px; height: 30px;}
#aamon4 a:hover, #aamon4 a.active  {background: transparent url(../images/am_navi.gif) 0 -284px no-repeat;}
#aamon5 {top: 124px; height: 40px;}
li#aamon5, li#aamon5 a {height: 40px;}
#aamon5 a:hover, #aamon5 a.active  {background: transparent url(../images/am_navi.gif) 0 -315px no-repeat;}
#aamon6 {top: 165px; height: 30px;}
#aamon6 a:hover, #aamon6 a.active  {background: transparent url(../images/am_navi.gif) 0 -356px no-repeat;}

p {
	margin: 8px 7px;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 150%;
	letter-spacing: 1px;
}

h1, h2, h3 {
	margin: 5px 7px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 1px;
}

.pkuva {
	margin: 5px 0;
	width: 218px;
	height: 218px;
}

/* Palstat 
------------------------------------- */

#palsta1, #palsta2, #palsta3 {
	position: absolute;
	top: 100px;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #3D4041;
	border-top: 2px solid #3D4041;
}

#otsikko {
	position: absolute;
	top: 50px;
	padding: 10px 0 0 0;
	border-top: 2px solid #3D4041;
}

/* Ajankohtaista
------------------------------------- */

#ajankohtaista #palsta1 {
	width: 218px;
	border-top: 0px;
	border-bottom: 2px solid #495051;
	left: 196px;
}

#ajankohtaista #palsta2 {
	width: 205px;
	left: 442px;
	border-top: 0px;
	border-bottom: 2px solid #495051;
}

#ajankohtaista #palsta2 h2 {
	margin: 5px;
}

#ajankohtaista #palsta2 p.date {
	margin: 10px 0 0 5px;
}

#ajankohtaista #palsta2 p {
	margin: 5px 0 0 5px;
}


/* Yritys 
------------------------------------- */

#yritys #otsikko {
	left: 504px;
	width: 189px;
}

#yritys #otsikko h1 {
	color: #ED9127;
}

#yritys #palsta1 {
	left: 196px;
	width: 292px;
	border-top: 0px;
	border-bottom: 0px;
}

#yritys #palsta1 img, #yhteystiedot #palsta1 img {
	border-top: 2px solid #3D4041;	
	border-bottom: 2px solid #3D4041;	
}

#yritys #palsta2 {
	left: 504px;
	width: 189px;
}

#yritys #palsta3 {
	left: 694px;
	width: 188px;
}

/* Yhteystiedot */

#yhteystiedot #otsikko {
	left: 473px;
	width: 201px;
}

#yhteystiedot #otsikko h1 {
	color: #ED9127;
}

#yhteystiedot #palsta1 {
	left: 196px;
	width: 275px;
	top: 100px;
	border-top: 0px;
	border-bottom: 0px;
}

#yhteystiedot #palsta2 {
	left: 473px;
	width: 201px;
}

#yhteystiedot #palsta2 h2 {
	margin: 30px 0 5px 0px;
	padding: 5px;
	border-top: 2px solid #3D4041;
}

#yhteystiedot .info {
	color: #ED9127;
	/* color: #00928F; */
}


#yhteystiedot #palsta3 {
	left: 676px;
	width: 117px;
	border-top: 0px;
}


/* Kuvagalleria 
-------------------------------------------------*/

#kuvagalleria #otsikko {
	left: 196px;
	width: 497px;
	top: 100px;
}

#kuvagalleria #otsikko h1 {
	color: #019192;
}

#kuvagalleria #palsta1 {
	left: 196px;
	width: 497px;
	top: 150px;
	border-bottom: 0px;
}

#kuvagalleria ul.lightbox {
	list-style: none;
	margin: 10px 0 0 25px;
	padding: 0;
}

#kuvagalleria ul.lightbox li {
	margin: 0;
	padding: 0;
	float: left;
}

#kuvagalleria ul.lightbox img {
	margin: 5px;
}




.vasen {float: right;}
.oikea {float: left;}

.oikea h2 {margin: 30px 0 0 10px;}

.25 {margin: 0 0 0 25px;}
.50 {margin: 0 0 0 50px;}
.75 {margin: 0 0 0 75px;}
.100 {margin: 0 0 0 100px;}
.125 {margin: 0 0 0 125px;}
.150 {margin: 0 0 0 150px;}


.tapahtuma {
	border-bottom: 2px solid #3D4041;
} 

.tapahtuma:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

.tapahtuma {display: inline;}

/* CBLH \*/
*html .tapahtuma, *html .tapahtuma * {height:1%;}
.tapahtuma {display: block;}
/**/


/* Kuukauden muotoilija 
-------------------------------------------------*/

#muotoilija #otsikko {
	left: 473px;
	width: 201px;
}

#muotoilija #otsikko h1 {
	color: #ED9127;
}

#muotoilija #palsta1 {
	left: 196px;
	width: 380px;
	top: 150px;
	border-bottom: 0px;
}

#muotoilija #navi_kk {
	left: 196px;
	width: 428px;
	top: 118px;
	position: absolute;
	font-size: 1.2em;
	border-top: 2px solid #3D4041;
}

#muotoilija #navi_kk ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#muotoilija #navi_kk li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

#muotoilija #navi_kk a {
	display: block;
	margin: 7px 7px;
	color: #333333;
	text-decoration: none;
}

#muotoilija #navi_kk .active a {
	color: #ffffff;
}

#muotoilija #palsta2 {
	left: 578px;
	width: 260px;
	top: 70px;
	background-color: #100F0D;
}

#muotoilija #palsta2 h2 {
	margin: 10px 0 0 0;
	padding: 5px 5px 0 5px;
	text-transform: uppercase;
}

#muotoilija #palsta2 h3 {
	margin: 0 0 10px 0;
	padding: 0 5px 10px 5px;
	color: #E34398;
	border-bottom: 2px solid #3D4041;
}

.kuvaus {
	border-bottom: 2px solid #3D4041;
}


#palsta2 h2 {
	margin: 30px 5px 5px 5px;
}

#palsta h3 {
	margin: 5px;
}



/* Tuotteet 
------------------------------------- */

#tuotteet #otsikko {
	left: 646px;
	width: 190px;
	height: 40px;
	border-left: 2px solid #495051;
}

#tuotteet #otsikko h1 {
	color: #9CBF42;
}


#tuotteet #palsta1 {
	width: 490px;
	border-top: 2px solid #495051;
	top: 167px;
	border-bottom: 0px;
	left: 196px;
}

#tuotteet #tnavi {
	position: absolute;
	top: 80px;
	width: 400px;
	height: 27px;
	left: 196px;
	margin: 0;
	padding: 0;
}

#tuotteet #tnavi img {
	margin: 0;
	padding: 0;
}

#tuotteet #valikko {
	position: absolute;
	border-top: 2px solid #495051;
	border-bottom: 2px solid #495051;
	top: 100px;
	left: 196px;
	width: 640px;
	padding: 0 0 15px 0;
}

#valikko h2 {
	margin: 15px 0 5px 5px;
}

#valikko h2 a {
	text-decoration: none;
}

#valikko h2 a:hover {
	text-decoration: none;
	color: #9CBF42;
}


#tuotteet #valikko img {
	margin: 5px;
}


#tuotteet #tuotenavi {
	width: 600px;
	position: absolute;
	top: 107px;
	border-bottom: 0px;
	left: 196px;
	font-size: 11px;
}

#tuotenavi .kalusteet {
	padding: 10px 0 0 0;

}

#tuotenavi img {
	margin: 0 3px 0 0;
}


#tuotteet #palsta2 {
	width: 168px;
	border: 2px solid #495051;
	top: 167px;
	left: 686px;
	background-color: #100F0D;
}

#tuotteet #palsta2 img {
	margin: 3px;
}

#tuotteet #palsta2 .center {
	margin: 0 0 0 15px;
}