/* Misc */

a img {
	border: 0;
}

.Clear {
	clear: both;
}


.Hidden {
	display: none;	
}




/* rakenne */



html,body{
	margin:0;
	padding:0;
	height:100%;
	width: 100%;
	text-align:center;
	background: url(pic/bg.jpg) no-repeat 0px 0px;
	background-attachment: fixed;
	background-color: #000;

}

#outer{
	
	position:relative;
	
}
html>body #outer{
	min-height:100%
}




#page {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}



#content {
	
	width: 900px;
	min-height:384px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:left;
}


#footer{
	height:130px;
	background:#FFFFFF;
	position:fixed;
	bottom:0;left:0;
	z-index:999;
	width:100%;
	text-align: center;
}

#clearfooter{/* to clear footer*/
	height:130px;
	clear:both;
}


/* ie only styles below */
/* mac hide \*/
* html, * html body{
	overflow:hidden;
	height:100%;
}

* html #outer {height:100%;overflow:auto}
* html #footer{
	clear:both;
	margin-top:-130px;
	margin-right:17px;	
	position:relative;
	width:auto;
}
/* end hide */


#header {
	height:140px;
	background: url(pic/bgHeader.jpg) no-repeat 0px -15px;

}

#col001 {
	width:440px;	 
	float:left;
	text-align:left;	
}

/*---------------------------- navigation ---------------------------*/

#navigation { 
	background:#454545 url(pic/bgNavi.png) repeat-x top left ;
	width:900px;
	display: block; 
	float: left; 
	height: 40px; 
	margin: 0 ; 
	overflow: hidden; 
}


.navispace { 
	padding-left:0px;

}

/*
#navigation ul { 
	float: left; 
	height: 40px; 
	list-style-type: none; 
	text-align: left; 
}
*/



#navigation ul li { display: inline; font: 13px Arial, Helvetica, sans-serif; height: 40px; }

#navigation ul li a { 
	float: left;
	display: block;
	color: #fff;
	font-weight: normal; 
	padding: 0 22px 0 0;
	text-decoration: none; 
	text-transform:uppercase;
}

#navigation ul li a:hover { color: #ec951a; }
#navigation ul li.active a,
#navigation ul li.active a:hover { background-color: #000; border-right: 1px solid #000; }

/*---------------------------- navigation ---------------------------*/



#col005 {
	width:900px;	 
	float:left;
	text-align:left;	
	padding:20px 0 0 0;
}

.box {
	width:440px;
	position: relative;
}
.boxHPackets {
	background:transparent url(pic/boxPackets.png) no-repeat 0px 0px;
	height:67px;
}
.boxHContacts {
	background:transparent url(pic/boxContacts.gif) no-repeat 0px 0px;
	height:67px;
}
.boxHNews {
	background:transparent url(pic/boxNews.gif) no-repeat 0px 0px;
	height:67px;
}

#margins_boxcol001, #margins_boxcol002 {
	width: 180px;
	padding:0 15px 15px 25px;
}

#margins_boxcol001 {
	float: left;
}

#margins_boxcol002 {
	float: right;
}

#margins_boxcol003 {
	float: left;
}

#margins_boxcol004 {
	float: right;
	width: 340px;
}


.boxContent {
	background:transparent url(pic/boxBg.gif);
	min-height:115px;
	padding-top:5px;
}


.boxFt {
	background:transparent url(pic/boxFooter.gif) no-repeat 0px 0px;
	height:66px;
}

#logoPackets {
	float:left;
}

.margins_col001 {
	padding:25px 40px 0 50px;
	margin-bottom:20px;
}

#col002 {
	width:440px;
	float:left;
	text-align:left;
	padding:0 0 0 20px;
}
.productpage_colorpalette
{
	display:block;
	float:left;
	width: 80px;
	height: 40px;
	margin-right: 10px;
	margin-bottom: 5px;
	font-size: 12px;
}
.productpage_colorpalette2
{
	display:block;
	float:left;
	width: 80px;
	height: 40px;
	margin-bottom: 5px;
	font-size: 12px;
}

#row000 {
	min-height:30px;
	background-image:("pic/boxBg.gif");
}

.margins_row000 {
	padding:0 15px 15px 25px;
}

.margins_row001 {
	padding:0 15px 5px 25px;
}

.margins_col002 {	
	padding:25px 0 25px 0;
}


#info_footer {
	background:transparent url(pic/footerBg.gif) repeat-x 0px 0px;
	height: 90px;
	text-align: center;	
	color: #fff;
}

#info_footer_content {

	width:840px; 
	margin: auto;
	margin-top: 0px;
	padding-left:0px;
}

#footer_col001 {
	width:500px;	 
	float:left;
	text-align:left;
	padding-top:20px;	
}

#footer_col002 {
	width:340px;	 
	float:left;
	text-align:right;
	padding-top:20px;		
}	



#footer_content {

	width:100%; 
	height: 55px;
	margin: auto;
	margin-top: 5px;
	padding-left:0px;
	text-align:center;
}


.time {
	background-color:#ffffff;
}
.mainstage {
	background-color:#dddddd;
}
.smallstage {
	background-color:#eeeeee;
}
.topic {
	background-color:#bbbbbb;
}


/* Typography */

body {
	font: 12px arial, helvetica, sans-serif, 'MS Trebucket', verdana, arial;	
	line-height: 18px;
	color: #ffffff;
}

a:link, a:visited {
	color: #ffffff;
	text-decoration: none;
}

a:hover, a:active {
	color: #ffffff;
	text-decoration: underline;
}



h1,h2,h3,h4,h5 {
	font-family: sans-serif, 'MS Trebucket', arial, helvetica, verdana, arial;
}


h1 {
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
}

h2 {
	font-size: 18px;
	line-height: 1;
	font-weight: normal;
	padding-bottom: 5px;
	margin:0 0 0 0;
}

h3 {
	font-size: 16px;
	line-height: 1px;
	font-weight: normal;
	padding-top: 0px;
	
}

h1,h3,h4,h5 {
	color: #000;
}
h2 {
	color: #ec951a;
}


hr {
	color: #646464;
	background-color: #646464;
	height: 1px;
		
	border:0;
	margin-top:15px;
	margin-bottom:10px;
}

.kumppanit {
	margin-right:5px;
	
}


.otsikot {	
	margin-top:10px;
}




.grey {
	font-size: 10px;
	margin: 0;
	color: #878787;
	padding:0px;
}

.orange {
	margin: 0;
	color: #e59f1d;
	padding:0px;
	font-weight: bold;
}



.pieni {
	font-size: 10px;
	
}


A.valkoinen {
	font-size: 12px;
	color: #ffffff;
	margin:3px;
}

A.valkoinen:link, :visited {
	color: #ffffff;
	text-decoration: none;
}

A.valkoinen:hover, :active {
	color: #ffffff;
	text-decoration: underline;
}



.copy {
	font-size: 10px;
	margin: 0;
	color: #b9b9b9;
	padding:0px;
	line-height: 14px;
}

A.copy:link, :visited {
	color: #b9b9b9;
	text-decoration: none;
}

A.copy:hover, :active {
	color: #b9b9b9;
	text-decoration: underline;
}

.artistit {
	font-size: 20px;
	line-height: 20px;
	padding-bottom:10px;
	
}
.artistitTopic {
	font-size: 20px;
	
}

.pressPhoto {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}


.valmiit {
	padding-bottom:2px;
}

#slideshowcontainer {

	float: left;
}

#slideshowcontainer img {
	border-width: 0px;
	float: left;
}