/* Start of CMSMS style sheet 'pyroman' */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

table td {padding: 0 4px 4px 0;}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.hidden {
	display:none;
}

.break {clear:both;width:0;height:0;}

/* Yleiset */



/* Yleinen rakenne */

div#container {
	width:980px;
	margin:0 auto;
}

#logo {
	display:inline;float:left;
	margin:38px 0 0 26px;
}




/* Topcontent */

#topcontent {
	float:right;display:inline;
	height:41px;
	}
	
	.topbar {
		float:left;
		background: transparent url(images/topbar_l.gif) 0 0 no-repeat;
		padding-left:15px;
		margin-left:8px;
	}
	
	.topbar div {
		float:left;
		background: transparent url(images/topbar_r.gif) right top no-repeat;
		padding-right:15px;
	}
	
	.topbar div div {
		float:left;
		height:43px;line-height:43px;
		background: transparent url(images/topbar_b.gif) 0 0 repeat-x;
		padding-right:15px;
	}
	
	.topbar div div div {
		float:none;
		background:none;
		padding:0;
		height:auto;
	}


.topbar span {
	display:inline-block;
	padding:0 0 0 10px;
	background: transparent url(images/topbar_slicer.gif) 0 center no-repeat;
}

.topbar a {
	background: transparent url(images/arrow_blackback.gif) left center no-repeat;
	color:#a9b6be;
	text-decoration:none;
	padding:0 5px 0 15px;
	font-weight:bold;
}

.topbar a:hover {
	background: transparent url(images/arrow_blackback_h.gif) left center no-repeat;
	color:#fff;
}



/* Haku */

.topbar form {display:inline-block;margin-right:10px;}

.topbar label {
	color:#d8d8d8;font-weight:bold;
	margin-right:4px;
	text-transform:uppercase;
	}

.search-input {
	border:0;
	margin:0;
	padding:3px 5px;
	background: transparent url(images/search_input_b.gif) 0 0 no-repeat;
	width:130px;height:22px;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
}

.search-button {
	display:inline;
	background: transparent url(images/search_button.gif) 0 0 no-repeat;
	width:28px;height:28px;
	margin:0;padding:0;border-style:none;
	text-indent:-999em;
	cursor: pointer;
	cursor:hand;
}

.search-button:hover {
	background: transparent url(images/search_button_h.gif) 0 0 no-repeat;
}



/* Langmenu */

#langmenu {
	display:inline;float:left;
	margin:46px 0 0 22px;
	background: transparent url(images/langmenu_b.gif) 0 0 no-repeat;
	width:94px;height:28px;
}

	#langmenu span {
		display:inline-block;
		width:33px;height:21px;
		margin:0 0 0 8px;
		text-align:center;
		padding:7px 0 0 0;
	}
	
	#langmenu span.langActive {
		background: transparent url(images/selected_lang.gif) 0 0 no-repeat;
	}
	
	#langmenu span.langActive a {
	opacity:1;filter:alpha(opacity=100)
	}
	
	#langmenu span a {
	opacity:0.7;filter:alpha(opacity=70)
	}
	
	#langmenu span a:hover {
	opacity:1;filter:alpha(opacity=100)
	}


#mainmenu {
	float:left;display:inline;
	margin:28px 0 0 0;
	width:100%;height:67px;
	background: transparent url(images/mainmenu_b.jpg) 0 0 no-repeat;
}
	
/* Footer */

#footer {
	float:left;
	width:100%;height:71px;
	background: transparent url(images/footer_b.jpg) 0 0 no-repeat;
	padding:0 0 10px 0;
	line-height:60px;
	color:#646464;
	font-weight:bold;
	font-size:0.9em;
	text-align:center;
}

	#footer p {
		margin:0;
	}
	
	#footer span.pyro_icon {
		background:transparent url(images/pyro_man.png) left bottom no-repeat;
		display:inline-block;
		width:25px;height:26px;position:relative;bottom:-6px;
		margin:0;
	}

	#footer span {
		background: transparent url(images/footer_slicer.png) right center no-repeat;
		padding:0 4px 0 0;
		margin:0 3px 0 0;
	}
	
	#footer a {
		color:#366395;
		text-decoration:none;
	}
	
	#footer a:hover {
		color:#000;
		text-decoration:none;
	}



/* Leftmenu */

div#leftmenu { 
	float:left;display:inline;
	width:525px;height:64px;
	margin:0 0 0 10px;
}

	div#leftmenu ul, div#leftmenu li {
		display:block;
		float:left;
		list-style-type:none;
		margin:0;
		padding:0;
		line-height:1.4em;
	}
	
	div#leftmenu li {
		background: transparent url(images/leftmenu_slicer.jpg) right center no-repeat;
		padding:0 17px 0 12px;
		height:64px;
	}
	
	div#leftmenu li span {
		display:block;
		float:left;
	}
	
	div#leftmenu li a {
		display:block;
		color:#FFF;
		text-decoration:none;
		font-size:1.2em;
		font-weight:bold;
		height:64px;
	}

	div#leftmenu li a:hover {
		color:#ffd800;
	}

	li#mHome a {
		background: transparent url(images/home_b.png) left 20px no-repeat;
		text-indent:-999em;
		width:31px;
		}
		
			li#mHome a:hover {
			background: transparent url(images/home_h.png) left 20px no-repeat;
			}

			li#mHome a span.currentpage {				
			background: transparent url(images/home_b.png) left 20px no-repeat;
			text-indent:-999em;
			width:31px;height:100%
			 }
		
	li#mPyro a {
		background: transparent url(images/pyro_b.png) left 22px no-repeat;
		width:110px;
		padding:18px 0 0 30px;
		height:50px;
		}
		
			li#mPyro a:hover {
			background: transparent url(images/pyro_h.png) left 23px no-repeat;
			}
			
			li#mPyro a span.currentpage {				
			background: transparent url(images/pyro_h.png) left 23px no-repeat;
			width:110px;
			padding:18px 0 0 30px;
			height:50px;
			 }
	
	li#mFireworks a {
		background: transparent url(images/fireworks_b.png) left 19px no-repeat;
		padding:26px 0 0 32px;
		height:38px;
		}
		
			li#mFireworks a:hover {
				background: transparent url(images/fireworks_h.png) left 20px no-repeat;
			}
			
			li#mFireworks a span.currentpage {				
			background: transparent url(images/fireworks_h.png) left 20px no-repeat;
			padding:26px 0 0 32px;
			height:38px;
			 }
		
		
	li#mSales a {
		background: transparent url(images/sales_b.png) left 22px no-repeat;
		padding:18px 0 0 30px;
		height:50px;
		width:60px;
		}
		
			li#mSales a:hover {
			background: transparent url(images/sales_h.png) left 22px no-repeat;
			}
			
			li#mSales a span.currentpage {
			background: transparent url(images/sales_h.png) left 22px no-repeat;
			padding:18px 0 0 30px;
			height:50px;
			width:60px;
			 }
			
			
		/* Leftmenu selected */
		
				
	div#leftmenu li.currentpage a {
		width:auto;	color:#ffd800;
		text-indent:0;
	}
		
	 div#leftmenu li.currentpage {
		 background: transparent url(images/leftmenu_a_r.jpg) right 4px no-repeat;
		 padding:0 8px 0 0;
	 }

	 div#leftmenu li.currentpage a {
		 background: transparent url(images/leftmenu_a_l.gif) left 4px no-repeat;
		 padding:0 9px 0 12px;
	 }
	


/* Rightmenu */

div#rightmenu { 
	float:left;display:inline;
	width:430px;height:56px;
	margin:9px 0 0 0;
}

	div#rightmenu ul, div#rightmenu li {
		display:block;
		float:left;
		list-style-type:none;
		margin:0;
		padding:0;
		line-height:1.4em;
	}
	
	div#rightmenu li {
		background: transparent url(images/rightmenu_slicer.gif) right center no-repeat;
		padding:0 13px 0 8px;
	}
	
	 div#rightmenu li a {
		 display:block;
		 line-height:56px;
		 color:#c8c8c8;
		 text-decoration:none;
		 font-weight:bold;
		 font-size:1.1em;
		 background:transparent url(images/rightmenu_arrow.gif) left center no-repeat;
		 padding:0 0 0 13px;
	 }
	 
	 div#rightmenu li a:hover {
		 color:#ffd800;
	 }
	 
	 
	 /* Rightmenu selected */
	
	 div#rightmenu li.currentpage {
		 background: transparent url(images/rightmenu_a_r.jpg) right 2px no-repeat;
		 padding:0 8px 0 0;
	 }

	 div#rightmenu li.currentpage a {
		 background: transparent url(images/rightmenu_a_l.gif) left 2px no-repeat;
		 display:block;
		 float:left;
		 padding:0 5px 0 8px;
	 }
	 
	div#rightmenu li.currentpage span {
		background:transparent url(images/rightmenu_arrow_s.gif) left center no-repeat;
		 color:#ffd800;
		 padding:0 0 0 13px;
	 }


/* Etusivu rakenne ja muotoilut */

body#home #content {
	float:left;
	width:100%;height:685px;
	background: transparent url(images/home_content_b.jpg) 0 0 no-repeat;
}

/* Etusivulinkit */

a.hl {
	float:left;display:inline;
	color:#ffd800;
	text-decoration:none;
	font-size:1.5em;
	line-height:1.2em;
	font-weight:bold;
	width:240px;
	height:117px;
	clear:left;
}

	a.hl:hover {
		color:#FFF;text-decoration:none;
	}

a#hlPyro {
	background:transparent url(images/pyro_icon.gif) left center no-repeat;
	margin:45px 0 0 0;
	padding:40px 0 0 65px;
	height:77px;
	}
	
	a#hlPyro:hover {
	background:transparent url(images/pyro_icon_h.gif) left center no-repeat;
	}
	
a#hlFireworks {
	background:transparent  url(images/fw_icon.gif) left center no-repeat;
	padding:0 0 0 65px;
	margin:1px 0 0 0;
	line-height:117px;
	}
	a#hlFireworks:hover {
	background:transparent url(images/fw_icon_h.gif) left center no-repeat;
	}
	
a#hlSales {
	background:transparent  url(images/sales_icon.gif) left center no-repeat;
	padding:0 0 0 65px;
	margin:1px 0 0 0;
	line-height:117px;
	}
	a#hlSales:hover {
	background:transparent url(images/sales_icon_h.gif) left center no-repeat;
	}
	


/* Etusivuflash */

div#homeFlash {
	float:right;display:inline;
	width:616px;height:346px;
	background:#FFF;
	margin:48px 44px 0 0;
}

/* Gallerylink */

a#homeGallerylink {
	float:left;clear:left; display:inline;
	background: transparent url(images/gallerylink.jpg) 0 0 no-repeat;
	width:247px;height:141px;
	margin:114px 0 0 23px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	font-size:1.1em;
	line-height:1em;
}

	a#homeGallerylink:hover {
		color:#f9ef00;
	}

 #homeGallerylink span {
	 position:relative;
	 top:67px;
	 left:113px;
	 line-height:1em;
 }


/* EtusivuNews */

div#news {
	float:right;display:inline;
	clear:right;
	width:651px;
	margin:5px 25px 0 0;
}

h2#newsh {
	float:right;
	clear:both;
	display:block;
	background:transparent url(images/newsheader_b.png) 0 0 no-repeat;
	width:188px;height:42px;
	line-height:42px;
	color:#fff;
	text-transform:uppercase;
	font-size:1.2em;
	padding:0 0 0 48px;
	margin:56px 0 0 0;
	position:relative;
	right:351px;
}

div#news .NewsSummary {
	float:left;
	background: transparent url(images/news_back.png) 0 0 no-repeat;
	width:213px;
	height:150px;
	display:inline;
	margin:0 4px 0 0;
	overflow:auto;
}

.NewsSummary {
	margin:0 0 25px 0;
}

div#news .NewsSummaryPostdate {
	margin:9px 0 0 12px;
	font-size:9px;
	}

.NewsSummaryPostdate {
	margin:9px 0 0 0;
	font-size:11px;
	}


div#news .NewsSummaryLink a {
	margin:0px 12px 0 12px;
	}

.NewsSummaryLink a {
	color:#000;
	font-size:1.2em;
	margin:0px 12px 0 0;
	text-decoration:none;
	font-weight:bold;display:block;
	}


div#news .NewsSummaryContent, div#news  .NewsSummarySummary  {
	height:50px;font-size:0.9em;line-height:1.2em;margin:4px 12px 0 12px;
}

.NewsSummaryMorelink a {
	display:block;
	background: transparent url(images/readmore_b.gif) 0 0 no-repeat;
	width:63px;height:19px;
	line-height:19px;
	padding:0 0 0 16px;
	margin:3px 12px 0 12px;
	color:#FFF;
	font-size:0.9em;
	text-decoration:none;
	font-weight:bold;
	}
	
.NewsSummaryMorelink a:hover {
	background: transparent url(images/readmore_h.gif) 0 0 no-repeat;
	color:#f3e635;
	color:#000;text-decoration:none;
}


	#newsArchiveLink {
		float:right;
		color:#c3ced4;
		background:transparent url(images/box_arrow.png) left 2px no-repeat;
		padding:0 0 0 15px;
		text-decoration:none;
		margin:8px 12px 0 0;
		font-weight:bold;
	}
	
	#newsArchiveLink:hover {
		background:transparent url(images/box_arrow_h.png) left 2px no-repeat;
		color:#f6e82b;
	}


/* Perussivun rakenne ja muotoilut */


div#content {
	float:left;
	width:100%;
	background: transparent url(images/perussivu_content_b.jpg);
	}
	
div#content_top {
	float:left;
	width:100%;
	background: transparent url(images/perussivu_content_top.jpg) 0 0 no-repeat;
	}
	
div#content_bottom {
	float:left;
	width:100%;
	background: transparent url(images/perussivu_content_bottom.jpg) left bottom no-repeat;
	}
	
body.slideshowPage div#content_bottom {
	background: transparent url(images/slideshow_b.jpg) left bottom no-repeat;
	}
	
/* Breadcrumbs */
	
div#breadcrumbs {
	background: #000;
	padding:6px 10px 6px 15px;
	position:absolute;
	width:auto;
	float:left;
	z-index:999;
	top:180px;
	color:#999;
	font-size:0.85em;
	font-weight:bold;
}


	div#breadcrumbs a {
	color:#dedede;
	text-decoration:underline;
	padding:0 3px;
}

	div#breadcrumbs span {
	padding:0 3px;
	}
	
	div#breadcrumbs a:hover {
	color:#FFF;
}


/* Leipa */
	
	
div#leipa {
	float:left;display:inline;
	margin:5px 0 0 30px;
	width:646px;
	padding:40px 0 40px 0;
}

body.slideshowPage div#leipa {
	padding:40px 0 25px 0;
}

	div#paakuva {
		float:left;
		position:relative;
		left:-30px;margin-top:-40px;
	}


/* Rightcol */

div#rightcol {
	float:right;
	width:273px;
	display:inline;
	margin:5px 0 0 0;
 }


h2#siteheader {
	float:left;
	display:block;
	background: transparent url(images/siteheader_b.gif) 0 0 no-repeat;
	width:243px;
	height:51px;
	line-height:51px;
	padding:0 10px 0 20px;
	color:#FFF;
	font-size:1.3em;
	margin:0;
}

#rightcolContent {
	float:left;
	width:243px;
	background: transparent url(images/submenu_bottom.jpg) 0 0 no-repeat;
	min-height:142px;
	height:auto !important;
	height:142px;
	padding:90px 15px 0 15px; 
	font-size:0.9em;
}


/* Submenu */

div#submenu {
	float:left;
	background: transparent url(images/submenu_b.gif);
	width:100%;
        min-height:183px;
	height:auto !important;
	height:183px;
}


div#submenu ul, div#submenu li {
	margin:0;
	padding:0;
	list-style-type:none;
}

div#submenu li {
	float:left;
	width:100%;
	background: transparent url(images/submenu_slicer.jpg) left bottom no-repeat;
}

div#submenu li a {
	float:left;display:block;
	padding:10px 8px 10px 38px;
	background: transparent url(images/box_arrow.png) 20px center no-repeat;
	color:#fff;
	text-decoration:none;
	font-size:1em;
	font-weight:bold;
}


div#submenu li a:hover {
	background: transparent url(images/box_arrow_h.png) 20px center no-repeat;
	color:#ffd800;
}

div#submenu li.currentpage a {
	background: transparent url(images/box_arrow_s.png) 20px center no-repeat;
	color:#7c7c7c;
}

/* Subsub */

	div#submenu ul li ul {
		margin:0 0 0 35px;
		padding:0 0 8px 0;
		float:left;
	}
	
	div#submenu ul li ul li {
		background:none;
		padding:0;
	}
	
	div#submenu ul li ul li a, div#submenu ul li.currentpage ul li a {
		padding:2px 0 2px 14px;
		font-size:0.95em;
		font-weight:normal;
		color:#ffd800;
		background: transparent url(images/submenu_subarrow.gif) left center no-repeat;
	}

	div#submenu ul li ul li.currentpage a {
		font-weight:bold;
		background: transparent url(images/submenu_subarrow_h.gif) left center no-repeat;
	}


	
	div#submenu ul li ul li a:hover {
		background: transparent url(images/submenu_subarrow_h.gif) left center no-repeat;
		text-decoration:underline;
	}


/* Alalaidan linkit */

#bottomLinks {
	float:left;display:inline;
	margin:0 0 0 12px;
	line-height:1em;height:15px;
}

body#perussivu #bottomLinks {
	margin:0 0 35px 25px;
}

#bottomLinks a {
	display:inline-block;
	padding:6px 12px 6px 24px;
	background: #000 url(images/box_arrow.png) 6px center no-repeat;
	color:#e8ecee;
	text-decoration:none;
	font-weight:bold;
}

#bottomLinks a:hover {
	background: #000 url(images/box_arrow_h.png) 6px center no-repeat;
	color:#ffd800;
}


/* Alalaidan slideshow */

h3#galleryTitle {
	float:left;display:inline;
	color:#999;
	margin:10px 0  0 25px;
	width:250px;height:15px;
}


#slideshowbar {
	float:left;
	width:100%;
	height:174px;
}

#slideshow_bottom {
float:left;
width:100%;height:100px;
display:inline;
margin:20px 0 0 0;

}
                    



/* Yleiset tyylit */

body { 
	font:75%/1.5em Arial, sans-serif;
	background: #000 url(images/body_b.jpg) center top no-repeat;
}
		
		
p {
	margin:0 0 1em 0;
}

/* Linkit */

a {	
	color:#366395;
	text-decoration:none;font-weight:bold;
}

a:hover {	
	color:#000;text-decoration:underline;
}

a.nuoli-linkin-eteen {
		background:transparent url(images/box_arrow.png) left center no-repeat;
		padding:0 0 0 15px;
}

a.nuoli-linkin-eteen:hover {
		background:transparent url(images/box_arrow_h.png) left center  no-repeat;
}

/* Listat */

ul {
	margin:12px 0 8px 15px;
	}

li {
	background: transparent url(images/list-item.gif) left 2px no-repeat;
	padding:0 0 0 20px;
	line-height:1.5em;
	margin:0 0 4px 0;
	}

/* Otsikot */

h1, h2, h3 {
	font-weight:bold;
}

h1 {
	color:#444444;
	margin:10px 0 0.5em 0;
	font-size:1.9em;
	line-height:1.3em;display:inline-block;
}

h2 {
	color:#ffd800;
	background:#000;
	padding:6px 10px;
	display:block !important;
	width:300px !important;
	width:auto;
	font-size:1.2em;
	margin:1.3em 0 0.5em;
}

div#rightcolContent h2 {
	width:200px !important;
}

h3 {
	color:#333;
	font-size:1.1em;
	margin:0.8em 0 0.5em 0;
}


/* Taulukot */

/* Mainmenu */

#mainmenu ul {}

/* Submenu */

#submenu ul {}

/* LOMAKE */

div.lomake {
float:left;
}

div.lomake .captcha {width:460px;float:right;display:inline;margin:0 35px 15px 0;}

.captcha input {display:none !important;}

.captcha img {display:block;float:left; margin:0 15px 0 0;}

#ma10befbrp_captcha_phrase, #ma417afbrp_captcha_phrase {display:inline-block !important;}


fieldset {
	border:0;
	padding:0;
	margin:0;
}

div.lomake fieldset.lomake_vasen {
	width:300px;
	float:left;
	padding:0  10px 0 0;
}

div.lomake fieldset.lomake_oikea {
	width:335px;
	float:right;
}


.errormessage2 {
display:block;
width:100%;
float:left;
font-size:0.8em;
color:#d0284c;
}

div.lomake div {
float:left;
margin: 0 0 13px 0;
width:100%;
}

div.lomake label {
width:70px;
display:block;
float:left;
padding-right:5px;
font-weight:bold;
line-height:22px;
}

div.lomake fieldset.lomake_oikea label {
width:auto;
}

div.lomake input {
display:block;
float:left;
width:218px;
height:21px;
border:0;
background: transparent url(images/input_b.gif) 0 0 no-repeat;
font-size:1em;
padding:5px 3px 1px 3px;
font-family:Aria, sans-serif;
}


div.lomake textarea {
display:block;
float:right;
width:275px !important;
height:142px;
border:0;
background: transparent url(images/textarea_b.gif) 0 0 no-repeat;
font-size:1em;
padding:3px;
font-family:Aria, sans-serif;
}

div.lomake div.submit input {
display:inline;
float:right !important;
width:137px;
height:33px;
line-height:33px;
text-align:center;
color:#fff;
border:0;
cursor:hand;
cursor:pointer;
background: transparent url(images/submit_b.gif) 0 0 no-repeat;
font-size:1.1em;
text-transform:uppercase;
}

div.lomake div.submit input:hover {
background: transparent url(images/submit_h.gif) 0 0 no-repeat;
color:#000;
}

/* Ajankohtaiset */

#NewsPostDetailPrintLink {
width:50%;float:right;margin:25px 0 0 0;
text-align:right;
}

#NewsPostDetailReturnLink  {
width:50%;float:left;margin:25px 0 0 0;
}






/* End of 'pyroman' */