html * {font: 10pt/14pt helvetica,sans-serif;color:#000;} 
strong { font-weight: bold; }
#text strong {color: #fff;}
em {font-style: italic;}
small { font-size: 0.8125em; }
body{background:#101010;padding:10px 0 0 0; margin: 0;text-align:center;} 
	
#wrapper{padding:0;width:1000px;height:740px;margin:0 auto;background-position:29px 38px;background-repeat:no-repeat;}
#wrapper * {text-align:left;}
	
#left{float:left;}
#header{width:380px;height:400px;}
#navigation{width:290px;margin-left:-20px;margin-top:0;padding-top:5px;}
	
#text{font-weight:bold;width:420px;_width:445px;color: #000;padding:0 10px; margin-left:-40px; margin-top:100px; float:left;}

#sidebar {width: 50px;float:right;margin-right:140px;_margin-right:10px;margin-top:100px;_margin-top:115px;}	

#footer {clear:both;padding:0;margin:0;width:100%;}
#footer span,#footer address{font-size: 1em; color:#ccc;}
#footer a{color:#ccc;font-size:1em;}
	
h1{font-variant:small-caps;font-size: 16pt; color: #fff;}

#navigation ul {list-style-type:none;} 
#navigation a {display:block;width:258px;text-decoration:none;}
#navigation a span, span.hidden{visibility:hidden;} 
	
#navigation a, #navigation a:hover, #navigation a.active { padding: 0; margin: 3px 0; background-color: #000; background-repeat: no-repeat; background-image: url(nav_sprites.png);}
#nav_frontpage{background-position:-1px 3px;}
#nav_frontpage:hover,#nav_frontpage.active{background-position:2px -161px;}
#nav_jazz{background-position:0 -14px}
#nav_jazz:hover,#nav_jazz.active{background-position: 2px -143px;}
#nav_electric{background-position:0 -32px;}
#nav_electric:hover, #nav_electric.active{background-position: 1px -181px;}
#nav_workshop{background-position: 0 -53px;}
#nav_workshop:hover, #nav_workshop.active{background-position: 2px -125px;}
#nav_tuning{background-position: 0 -73px;}
#nav_tuning:hover, #nav_tuning.active{  background-position:0px -108px;}
#nav_contact{background-position:0 -91px;}
#nav_contact:hover, #nav_contact.active{background-position:0 -201px;}
#nav_info{background-position:0 -246px;}
#nav_info:hover, #nav_info.active{background-position:0 -223px;}

#nav_mallit {background-position: 0 -287px;}
#nav_mallit:hover, #nav_mallit.active {background-position: 0 -269px;}


#sidebar ul{list-style-type: none; padding: 0;}
#sidebar ul li{padding: 0 0 8px 0;}
#sidebar img{border: 3px solid #fff;}	
#sidebar, #sidebar * {color: #fff; font-size: 1em;}
#sidebar a { text-decoration: none;}
#sidebar a:hover, #sidebar a:hover strong { text-decoration: none; color: 
#101010;}
#sidebar a:visited { color: #fff;}
#sidebar a:hover { color: #101010;}

#text * {color: #000;}
#text p.image{text-align: center;}
#text img{border:3px solid #fff;}
	
.scrollable{height:500px;overflow-y:auto;padding-right:5px;}
h1 span{visibility:hidden;}

#text h1 { color: #fff; margin-bottom: 0;}
p.date { margin: 0;}


#frontpage #wrapper {
	background: url(big-bg-frontpage2.jpg) 29px 39px no-repeat; 
}

#frontpage #head_where {
	background: url(kuka-teki2.png) 36px 0px no-repeat; 
	height: 30px;
	margin-top: 20px;
	margin-left: -6px;
} 

#orchestra #wrapper {
	background: url(big-bg-orkesteri2.jpg) 29px 39px no-repeat; 
}

#orchestra h1	 {
	background: url(orkesteri-otsikko.png) 34px 1px no-repeat; 
	height: 30px;
	margin-top: 20px;
	margin-left: -6px;
} 

#electric #wrapper {
	background: url(big-bg-electric2.jpg) 29px 39px no-repeat; 
}

#electric h1	 {
	background: url(electric-otsikko2.png) 19px 1px no-repeat; 
	height: 30px;
	margin-top: 20px;
	margin-left: 15px;
}

#electric #wrapper {
	background: url(big-bg-electric2.jpg) 29px 39px no-repeat; 
}

#electric h1	 {
	background: url(electric-otsikko2.png) 19px 1px no-repeat; 
	height: 30px;
	margin-top: 20px;
	margin-left: 15px;
} 

#workshop #wrapper, #info #wrapper {
	background: url(big-bg-paja2.jpg) 29px 39px no-repeat; 
}

#workshop h1	 {
	background: url(pajalla-otsikko.png) 19px 2px no-repeat; 
	height: 30px;
	margin-top: 20px;
	margin-left: 15px;
}

#workshop #sidebar {
	margin-top: 160px;
}

#workshop #sidebar p {
	padding: 0;
	margin: 0;
}

#mallit #wrapper {
	background: url(big-bg-gallery.jpg) 29px 39px no-repeat; 
}

#contact #wrapper {
	background: url(big-bg-yhteys2.jpg) 29px 39px no-repeat; 
}

#contact #header {
	font-family: helvetica, arial, sans-serif;
	_height: 410px;
	overflow: hidden;
}

#contact #header  h1	 {
	background: url(yhteys-otsikko.png) no-repeat;
	margin-left: 30px;
	margin-top: 111px;
}

#contact #header h1 span {
	visibility: hidden; 
}

#contact #header address {
	padding-left: 40px;
	line-height: 1.4em;
	margin-top: 40px;
}

#contact #header address a {
	color: #101010;
}

#contact #header address a:hover {
	color: #fff;
}

#content h2 {font-weight: bold; margin: 0; padding: 0; color: #fff;3862FD; 
font-size: 1.3em; letter-spacing: 0.2ex;}
#content h3 {margin: 0; padding:0; font-size: 0.8em; color: #999;}
#content p {margin: 1ex 0;}



#info #text a, #workshop #text a, #mallit #text a {
    color: #f93;
    font-weight: bold;
}
#info #text a:hover, #workshop #text a:hover, #mallit #text a:hover { 
color: #000;}


#mallit h1 , #mallit h1 *{ display: block; visibility: visible; font-size: 20pt; color: #ffF;}
#mallit #text {width: 640px;}
#mallit #text .product {
  display: block;
  float: left;
  margin: 1em 1.8ex;
}
#mallit #text ul {list-style-type: none; margin: 0; padding: 0; margin-top: 10px;}
#mallit #text ul li {width:280px; height: 130px;}
#mallit #text ul img {width: 100%; border-color: transparent;}
#mallit #text ul span {
  display:block; 
  width: 250px; 
  padding: 3px;
  text-align: center; 
  font-weight: bold; 
  letter-spacing: 1px; 
  margin-top: -1px;
  opacity: 0.4;
}
#mallit #text ul li a {
  display: block;
  text-decoration: none;
}
hr { visibility: hidden; clear: both;}

#mallit h1 {background: url(galleriat.png) no-repeat; height: 30px;}
#mallit h1 span {visibility: hidden;}
#mallit .scrollable {overflow: visible;}