/* CSS Document */
body{
margin:0px;
padding:0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
color:#494949; line-height:20px;
background-color:#f0dcea;}

body a{
margin:0px;
padding:0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;color:#73375b; line-height:20px; text-decoration:none;}

#test, #test ul {
	line-height:none;}

#header
{background-image:url(images/top.jpg); background-repeat:repeat-x; height:110px;}

#footer
{ background-image:url(images/footer.jpg); width:100%;height:128px; bottom:0;}

.font1 {
	color:#f3f3f3;
	font-size:12px;
	text-shadow: 0px 0px 1px rgba(128,128,128,0.01);}
.font1 a {
	color:#f3f3f3;
	font-size:12px;
	text-decoration:none;
	text-shadow: 0px 0px 1px rgba(128,128,128,0.01);}
.font1 a:hover {
	color:#c69bbc;
	font-size:12px;
	text-shadow: 0px 0px 1px rgba(128,128,128,0.01);}

.font2 {
color:#444444;
text-decoration:none;
background-color:none;
text-transform:none;
text-align:left;
font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:600;
text-shadow: 0px 0px 1px rgba(128,128,128,0.01);}

.font3 {
color:#444444;
text-decoration:none;
background-color:#df9dcb;
text-transform:none;
font-weight:normal;
text-align:left;
font-family:Arial, Helvetica, sans-serif;  font-size:18px; font-weight:300;
text-shadow: 0px 0px 1px rgba(128,128,128,0.01);
padding-left:10px;}

.font4 {
color:#444444;
text-decoration:none;
background-color:none;
text-transform:none;
text-align:center;
font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:300;
text-shadow: 0px 0px 1px rgba(128,128,128,0.01);}

.font4 a {
color:#9d6690;
text-decoration:none;
background-color:none;
text-transform:none;
text-align:center;
font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:300;
text-shadow: 0px 0px 1px rgba(128,128,128,0.01);}

.font4 a:hover{
color:#bd7dae;
text-decoration:none;
background-color:none;
text-transform:none;
text-align:center;
font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:300;
text-shadow: 0px 0px 1px rgba(128,128,128,0.01);}

/* iCe Slider */

.contain-image {
  position: relative;
  height: 450px;
  width: 645px;
  overflow: hidden;
  margin: 0 auto;}

.contain-image a {
  float: left;
  margin: 0 auto;
  padding-right: 10px;}

.big {
  position: absolute;
  top: 260px;
  left: 20px;}

.big {
  position: absolute;
  top: 900px;
  left: 0px;
  -webkit-transition: top 1s ease;
  -moz-transition: top 1s ease;
  -o-transition: top 1s ease;
  -ms-transition: top 1s ease;
  transition: top 1s ease;}

.featured {
  margin-top: 180px;
  z-index: -3;
  font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:300;
  text-shadow: 0px 0px 1px rgba(128,128,128,0.01);}

.featured a {
float:none;
z-index: -3;
font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:300;
text-shadow: 0px 0px 1px rgba(128,128,128,0.01);
text-decoration:none;
color:#176bb9;}

a:hover .thumb {
  -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 15px rgba(0,0,0,0.5);}

a:hover .big {
  top: 120px;
  background-color:#e1aed2; padding:15px;}



/* ICE SLIDER FOR
LIFE SCIENCES & CHEMICAL ANALYSIS */

.contains-image {
  position: relative;
  height: 660px;
  width: 660px;
  overflow: hidden;
  margin: 0 auto;}
.contains-image a {
  float: left;
  margin: 0 auto;
  padding-right: 62px;
  padding-bottom:15px;}

.besar {
  position: absolute;
  top: 60px;
  left: 20px;}
.besar {
  position: absolute;
  top: 900px;
  left: 0px;
  -webkit-transition: top 1s ease;
  -moz-transition: top 1s ease;
  -o-transition: top 1s ease;
  -ms-transition: top 1s ease;
  transition: top 1s ease;}

.featuredla {
  margin-top: 180px;
  z-index: -3;
  font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:300;
  text-shadow: 0px 0px 1px rgba(128,128,128,0.01);}
.featuredla a {
float:none;
z-index: -3;
font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:300;
text-shadow: 0px 0px 1px rgba(128,128,128,0.01);
text-decoration:none;
color:#176bb9;}

a:hover .thumbnail {
  -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 15px rgba(0,0,0,0.5);}

a:hover .besar {
  top: 200px;
  background-color:#e1aed2; padding:25px;}

/* STAINLESS STEEL */

.contains-imagela {
  position: relative;
  height: 460px;
  width: 660px;
  overflow: hidden;
  margin: 0 auto;}
.contains-imagela a {
  float: left;
  margin: 0 auto;
  padding-right: 62px;
  padding-bottom:15px;}

.besarnya {
  position: absolute;
  top: 60px;
  left: 20px;}
.besarnya {
  position: absolute;
  top: 900px;
  left: 0px;
  -webkit-transition: top 1s ease;
  -moz-transition: top 1s ease;
  -o-transition: top 1s ease;
  -ms-transition: top 1s ease;
  transition: top 1s ease;}
a:hover .besarnya {
  top: 100px;
  background-color:#e1aed2; padding:25px;}



/* LABORATORY EQUIPMENT */
.kekotak {
width: 620px;
overflow-x: scroll;
overflow-y: hidden;}
.black-area {
width: 2850px;}

/* STAINLESS STEEL */
.kekotak {
width: 620px;
overflow-x: scroll;
overflow-y: hidden;}
.black-areala {
width: 1260px;}
.black-arealaa {
width: 1760px;}


/* ICE SLIDER FOR
SAFETY CABINET */

.contains-img {
  position: relative;
  height: 960px;
  width:690px;
  overflow: hidden;
  margin: 0 auto;}

.contains-img a {
  float: left;
  margin: 0 auto;
  padding-right: 62px;
  padding-bottom:15px}

.bigger {
  position: absolute;
  top: 260px;
  left: 20px;}
	
.bigger {
  position: absolute;
	top: 1000px;
  left: 0px;
  -webkit-transition: top 1s ease;
  -moz-transition: top 1s ease;
  -o-transition: top 1s ease;
  -ms-transition: top 1s ease;
  transition: top 1s ease;}

a:hover .bigger {
  top: 150px;
  background-color:#e1aed2; padding:25px;}