html * { margin:0; padding:0; }

html { 
min-height:100%;
height:auto;
}

body {
background:url("img/grad.jpg") bottom left no-repeat #fff;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}

h1 {
font-size:18px;
margin-bottom:10px;
}

h2 {
font-size:16px;
margin-bottom:10px;
}

h3 {
font-size:14px;
margin-bottom:10px;
}

p {
font-size:14px;
margin-bottom:10px;
}

a {
cursor:pointer;
}

a:hover {
}

table { margin-bottom:10px; width:400px; }

#wrapper {
width:1041px;
height:684px;
margin:0 auto;
background:url("img/wrapperbg.png") top left no-repeat;
}

#navi {
height:36px;
width:899px;/*1041-padleft*/
padding:112px 0 0 142px;/*110px 0 0 142px*/
}
#navi span {
width:124px;
height:36px;
display:block;
float:left;
cursor:pointer;
margin-right:10px;
}
#navi span.jFlowSelected {
background:url("img/navi/bg.png") top left no-repeat;
}

#contentpos {
width:698px;
height:298px;
position:relative;
top:3px;/*5*/
left:148px;
}

#content {
width:698px;
height:298px;
}



#etusivu {
background:url("img/etusivu.jpg") top left no-repeat;
width:698px;
height:298px;
overflow:hidden;
}
#etusivu a.avaa_esittely {
width:260px;
height:20px;
display:block;
position:relative;
top:215px;
left:290px;
}
#box_text_nro_1 p {
width:320px;
}
#box_text_nro_1 img.esittelykuva1 {
float:right;
border:5px solid #eee;
margin-left:10px;
}
#box_text_nro_1 img.esittelykuva2 {
float:right;
border:5px solid #eee;
margin-left:10px;
margin-bottom:15px;
}





#saksissa {
background:url("img/saksissa.jpg") top left no-repeat;
width:698px;
height:298px;
overflow:hidden;
}
#saksissa a {
height:298px;
width:185px;/*140*/
display:block;
float:right;
background:#000;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
cursor:default;
}
#saksissa a:hover {
filter:alpha(opacity=10);
-moz-opacity:.10;
opacity:.10;
}
#black {
height:298px;
width:138px;
float:left;
}
#saksissa .tiedot {
z-index:999;
}
#saksissa .dani {
display:none;
/*position:relative;
top:97px;
left:10px;*/
}
#saksissa .niina {
display:none;
/*position:relative;
top:107px;
left:10px;*/
}
#saksissa .sari {
display:none;
/*position:relative;
top:117px;
left:10px;*/
}
#saksissa .merja {
display:none;
/*position:relative;
top:137px;
left:10px;*/
}
#black img {
/*filter:alpha(opacity=90);
-moz-opacity:.90;
opacity:.90;*/
}




#palvelut {
background:url("img/palvelut.jpg") top left no-repeat;
width:698px;
height:298px;
overflow:hidden;
}
#palvelut a.avaa_hinnasto {
width:120px;
height:20px;
display:block;
position:relative;
top:255px;
left:390px;
}




#linkit {
background:url("img/linkit.jpg") top left no-repeat;
width:698px;
height:298px;
overflow:hidden;
}
#linkit a { float:left; display:block; }
#linkit a.loreal {
width:140px;
height:60px;
position:relative;
top:43px;
left:5px;
}
#linkit a.kerastase {
width:120px;
height:60px;
position:relative;
top:43px;
left:25px;
}
#linkit a.paulmitchell {
width:220px;
height:60px;
position:relative;
top:43px;
left:30px;
}
#linkit a.hultquist {
width:180px;
height:60px;
position:relative;
top:43px;
left:35px;
}
#linkit a.diddi {
width:125px;
height:95px;
position:relative;
top:110px;
left:5px;
}
#linkit a.sebastian {
width:210px;
height:60px;
position:relative;
top:130px;
left:15px;
}
#linkit a.greatlengths {
width:180px;
height:60px;
position:relative;
top:130px;
left:20px;
}
#linkit a.cutrin {
width:135px;
height:80px;
position:relative;
top:130px;
left:30px;
}





/*** lightbox *******************************/
.boxes {
background:#fff;
background:url("img/grad.jpg") bottom left no-repeat #fff;
overflow:hidden;
}

.box_content {
width:710px;
background:url("img/lightbox_top.png") top left no-repeat #262E2B;
position:relative;
left:-23px;
margin:50px auto;
color:#85B73E;
font-family:Arial, Helvetica, sans-serif;
}

.boxpad { padding:20px; }

.boxtext_close {
float:right;
cursor:pointer;
font-weight:bold;
}