html, body {
  background-image: url(../images/sitebg.jpg/$file/sitebg.jpg);
  background-repeat: repeat-x;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #333;
  margin: 0 0 20px;
  padding: 0;
}

a {
  color: #004080;
}

#mallisto td{
 font-family: Arial, sans-serif;
  font-size: 12px;
  color: #333;
}

.column {
  width: 50%;
  position: absolute;
  top: 0;
  text-align: left;
}

.sitebgl {
  left: 0;
}

.sitebgr {
  right: 0;
}

#leftcol {
  height: 480px;
  margin-right: 480px;
  background-image: url(../images/sitebgl.jpg/$file/sitebgl.jpg);
  background-repeat: no-repeat;
  background-position: right;
}

#rightcol {
  height: 480px;
  margin-left: 480px;
  background-image: url(../images/sitebgr.jpg/$file/sitebgr.jpg);
  background-repeat: no-repeat;
  background-position: left;
}

#wrapper {
  margin: 0 auto;
  padding: 0;
  width: 960px;

}
#fixed {
  background-image: url(../images/topbg.jpg/$FILE/topbg.jpg);
  background-repeat: no-repeat ! important;
  position: absolute;
  z-index: 3;
  width: 960px;
}

#top {
  color: #fff;
}

#logo {
  height: 61px;
  padding: 25px 0px 15px 55px;
}

#logo img {
  float: left;
  vertical-align: text-bottom;
  margin-bottom:15px;

}

#store {
  padding-top: 20px;
  padding-right: 20px;
  text-align: right
}
#store img {
float:right;
  vertical-align: text-top;
}

#store .kaupunki {
display:inline;
float:right;
vertical-align: middle;
font-size:20px;
margin:0px 10px 0px 0px;
color:#fff;
text-decoration:none;
}

#navi {
  background-color: #004A9B;
  background-image: url(../images/navibg2.jpg/$FILE/navibg2.jpg);
  background-repeat: repeat-x;
   height: 24px;
	width:100%;
overflow:hidden;
position:relative;
float:left; /*for mac*/
padding:0px;
margin:0px;

}

/*
#navi a {
  float: left;
  color: #fff;
  padding: 0 13px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 25px;
}

#navi a:hover, #navi a:active, #navi a.sel {
  background-color: #002450;
}
*/
#navi ul {
	float: left;
	height: 24px;
	overflow: hidden;
	width:915px;
	padding:0px;
	margin:0px;
}
#navi ul li {
	float: left;
	height: 24px;
	list-style-type: none;
}
#navi ul li a:link, #navi  ul li a:visited, #navi ul li a:hover, #navi ul li a:active {
	color: #004080;
	display: block;
	height: 24px;
	text-decoration: none;
	text-indent: -999em;
    outline: none;
}
#navi ul li a:hover {
	background-position: 0 -24px !important;
}
#navi ul li#etusivu a { background: transparent url(../images/etusivunavi.jpg/$file/etusivunavi.jpg) top left no-repeat;  width: 72px;  }
#navi ul li#ajankohtaista a  { background: transparent url(../images/ajankohtaista.jpg/$file/ajankohtaista.jpg) top left no-repeat;  width: 118px;  }
#navi ul li#mallistot a { background: transparent url(../images/mallistot.jpg/$file/mallistot.jpg) top left no-repeat; width: 82px;  }
#navi ul li#suunnittelu a { background: transparent url(../images/suunnittelu.jpg/$file/suunnittelu.jpg) top left no-repeat; width: 101px; }
#navi ul li#palvelut a { background: transparent url(../images/palvelut.jpg/$file/palvelut.jpg) top left no-repeat; width: 79px; }
#navi ul li#ohjeita a { background: transparent url(../images/ohjeita.jpg/$file/ohjeita.jpg) top left no-repeat; width: 74px; }
#navi ul li#takuu a { background: transparent url(../images/takuuymparisto.jpg/$file/takuuymparisto.jpg) top left no-repeat; width: 149px; }
#navi ul li#rekrytointi a { background: transparent url(../images/rekrytointi.jpg/$file/rekrytointi.jpg) top left no-repeat; width: 97px; }
#navi ul li#remonttiblogi a { background: transparent url(../images/remonttiblogi.jpg/$file/remonttiblogi.jpg) top left no-repeat; width: 117px; }
#navi ul li.current a:link, #navi ul li.current a:visited, #navi ul li.current a:hover, #navi ul li.current a:active { background-position: 0 -24px !important; }

#news {
  position: absolute;
  height: 270px;
  width: 250px;
  padding: 15px 30px 5px 30px;
  margin-left: 650px;
  background-color: #fff;
  line-height: 17px;
  z-index: 2000;
overflow:hidden;
}
html > body #news {
padding-top:0px;
height:283px;
}
#news h2 {
  text-transform: uppercase;
text-align:center;
padding-bottom:10px;
padding-top:10px;
font-size:1.3em;
}
#news b {
  text-transform: uppercase;
color:#004080;
margin:0px;
padding:0px;
}
#news p {
padding:0px 0px 0px 0px;
}
#videolink1 {
float:left;
  position: absolute;
  margin-top: 190px;
margin-left:-1px;
z-index:1001;
  opacity: .8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);	
}

#videolink2 {
  position: absolute;
  margin-top: 238px;
margin-left:-1px;
z-index:1001;
opacity: .8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}
a#kampanja{
/*background: url(../images/kampanja.png/$file/kampanja.png) no-repeat;*/
  position: absolute;
  margin-top: 197px;
margin-left:741px;
z-index:1001;
}
a#kampanja_ylempi{
/*background: url(../images/kampanja.png/$file/kampanja.png) no-repeat;*/
  position: absolute;
  margin-top: 104px;
margin-left:741px;
z-index:1002;
}
a#kampanja_ylin{
/*background: url(../images/kampanja.png/$file/kampanja.png) no-repeat;*/
  position: absolute;
  margin-top: 11px;
margin-left:741px;
z-index:1002;
}
a#myymalalinkki1{
background: url(../images/katso_panoraamakuva.png/$FILE/katso_panoraamakuva.png) no-repeat;
z-index:100;
position:absolute;
left:15px;
top:370px;
margin:0;
padding:0;
display:inline;
width:400px;
height:63px;
}
a#myymalalinkki2{
background: url(../images/varaa_suunnitteluaika.png/$FILE/varaa_suunnitteluaika.png) no-repeat;
z-index:100;
position:absolute;
left:15px;
top:420px;
margin:0;
padding:0;
display:inline;
width:400px;
height:63px;
}
#middle {
  background-image: url(../images/midbg.gif/$FILE/midbg.gif);
  background-repeat: repeat-x;
/*height:290px;*/
  clear: both;
margin:0px;
padding:0px;
}
#middle.etusivu {
  height: 290px;
}

#middle img {
 /* vertical-align: text-bottom;*/
display:block;

}

#bottom {
  clear: both;
  width: 100%;
  background-color:#000d2e;
  padding-top: 10px;
}

#bottom img {
  margin: 0px 0px 10px 0px;
  padding:0px;
}

#bottom .left {
  width: 302px;
  padding:0px 0px 0px 20px;
  text-align: center;
  margin:0px;
}

#bottom .mid {
  float: right;
  width: 230px;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

#bottom .right {
  clear: right;
  float: right;
  color: #fff;
  width: 340px;
  padding-right: 10px;
  position: relative;
  line-height: 17px;
font-size:1.1em;
}

#footer {
  background-color: #fff;
  line-height: 26px;
  padding: 0;
}

#footer .left {
  text-align: left;
  font-size: 11px;
}

#footer .right {
  width: auto;
  background-color: #fff;
  text-align: right;
  white-space: nowrap;
  padding: 0; 
}

#footer .right img {
  background-color: #000d2e;

  line-height: 24px;
  margin: 0px 20px 0px 0px;
  text-transform: uppercase;
  text-decoration: none;

}
#footer ul {
	float:right;
	height: 24px;
	overflow: hidden;
	width:550px;
	padding:0px;
	margin:0px;
}
#footer ul li {
	float: right;
	height: 24px;
	list-style-type: none;
	margin:0 20px 0 0 ;
}
#footer ul li a:link, #footer  ul li a:visited, #footer ul li a:hover, #footer ul li a:active {
	color: #004080;
	display: block;
	height: 24px;
	text-decoration: none;
	text-indent: -999em;
    outline: none;
}
#footer ul li a:hover {
	background-position: 0 -24px !important;
}
#footer ul li#facebook a { background: transparent url(../images/jaafacebookissa.jpg/$file/jaafacebookissa.jpg) top left no-repeat;  width: 136px;  }
#footer ul li#varaaaika a  { background: transparent url(../images/suunnitteluaika_tab.jpg/$file/suunnitteluaika_tab.jpg) top left no-repeat;  width: 174px;  }
#footer ul li#kerrokaverille a  { background: transparent url(../images/kerrokaverille_tab.jpg/$file/kerrokaverille_tab.jpg) top left no-repeat;  width: 126px;  }
#footer ul li.current a:link, #footer ul li.current a:visited, #footer ul li.current a:hover, #footer ul li.current a:active { background-position: 0 -24px !important; }
div#image_carousel {
padding:0px;
width:960px;
height: 290px;
overflow: hidden;
z-index:999;
}
.readmore{
float:right;
font-size:10px;
text-transform: uppercase;
}
#header-flash {
margin-left:60px;
}
/*MALLISTOT */
#mallisto {
margin:0px 20px 0px 20px;
}
#mallisto h2 {
font-size:1.2em;
font-weight:bold;
}
#mallisto a.right {
float:right;
position:relative;
font-size:0.9em;
font-weight:bold;
margin:0px 30px 30px 0px;
}
#mallisto a.LEFT {
float:left;
position:relative;
font-size:0.9em;
font-weight:bold;
margin:0px 30px 30px 0px;
}
td.space{
width:20px;
height:20px;
}
#kodinkoneet p {
width:240px;
}
#kodinkoneet {
background:transparent url(../images/mallisto_kodinkoneet.png/$file/mallisto_kodinkoneet.png) no-repeat top right ;
width:450px;
vertical-align:top;
}
#altaat p {
width:350px;
}
#altaat{
background:transparent url(../images/mallisto_altaat.png/$file/mallisto_altaat.png) no-repeat bottom right ;
width:450px;
vertical-align:top;
}
#kylpyhuone p {
width:290px;
}
#kylpyhuone{
background:transparent url(../images/mallisto_kylpyhuone.png/$file/mallisto_kylpyhuone.png) no-repeat bottom right ;
width:450px;
vertical-align:top;
}
#estrade p {
vertical-align:top;
width:270px;
}
#estrade{
background:transparent url(../images/mallisto_estrade.png/$file/mallisto_estrade.png) no-repeat bottom right ;
width:450px;
height:150px;
vertical-align:top;
}
#cityBox {
position:relative;
margin-left:655px;
margin-top:30px;
width:250px;
height:300px;
background:#fff;
display:none;
color:#000;
z-index:2100;
}
#liftup img{
float:left;
position:relative;
margin:15px 10px 15px 10px;
width:150px;
height:140px;
}
#kaupungitFlash {
position:absolute;
margin-left:640px;
margin-top:80px;
width:320px;
height:288px;
background-color: #004A9B;
display:none;
z-index:1002;
/* border:1px solid #fff;*/
color:#fff;
}
#kaupungitFlash a{
color:#fff;
padding:3px 15px 3px 0px;
float:right;
}
/* kuvagallerian edellinen/seuraava */
.hide {
	display: none;
}
#previouslink {
	position:absolute;
	width: 100px;
	z-index: 2;
	text-align: left;
	vertical-align: top;
 }
#previouslink .show{
	background-image: url(../images/vasempaan.png/$FILE/vasempaan.png);
	background-position: left center;
	background-repeat: no-repeat;
 
}
#previouslink img {
}
#nextlink {
	position:absolute;
	width: 920px;
	z-index: 1;
	text-align: right;
}
#imgnextlink {
	background-image: url(../images/oikealle.png/$FILE/oikealle.png);
	background-position: top left;
	background-repeat: no-repeat;
z-index:999;
}