body { margin: 0; padding: 0; background: url('../images/back.gif') #FFF; }
#page {
  position: absolute;
  width: 760px;
  left: 50%;
  margin-left: -350px;
  background: #FFF;
}
#page h2 { display: none; }
#page h3 { display: none; }
#header { width: 760px; height: 73px; margin-top: 15px; padding: 0px; background: url(../images/header.jpg) #FFF top left no-repeat; }

#menu * {margin: 0; padding: 0; }
#menu {
  display: block;
  font-family: Tahoma, sans-serif;
  font-size: 10px;
  color: #000;
  background-color: #00258E;
  border: 1px solid #000000;
  height: 16px;
}

#menu a {
  display: block;
  text-decoration: none;
  text-align: left;
  color: #ffffff;
  padding: 2px 7px 0px 7px;
}

#menu ul {
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
}

#menu li {
  display: block;
  float: left;
  position: relative;
  height: 16px;
  margin: -1px 0 0 -1px;
  padding: 0px;
  border: 1px solid #ffffff;
  border-right: 0px;
  border-bottom: 0px;
}

#menu li li {
  padding: 0px;
  margin: 0px -1px 0px -1px;
  width: 100%;
}

#menu li:hover { background-color: #b6a780; }
#menu li:hover>a { color: #000000; }

#menu li ul {
  visibility: hidden;
  position: absolute;
  z-index: 10;
  padding: 0px;
  color: #FFFFFF;
  background-color: #60819F;
  border-bottom: 1px solid #000000;
  width: 130px;
}

#menu li ul li {
  border: 1px solid #000000;
  border-bottom: 0px;
}


* html #menu li a {
  position: relative; /* Fix IE6's inability to expand clickable area */
}

/*
    Using display is better (no scrollbars when page loads),
    but IE can't handle it, so only good browsers should see this
*/
html>body #menu li ul {
  display: none;
}

/* fix the position */
#menu li li ul {
  top: 0;
  left: 100%;
}

/* simulate child selector for IE */
div#menu li:hover ul,
#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul {
  visibility: visible;
}
div#menu li:hover li ul,
#menu li:hover li:hover li ul,
#menu li:hover li:hover li:hover li ul {
  visibility: hidden;
}

/* do the normal show, with increased specificity, for good browsers */
#menu ul#menuList li:hover>ul {
  display: block;
  visibility: visible;
}

#menu #home { padding-left: 3px; }
#menu #home { width: 42px; }
#menu #laun {
	width: 56px;
	//width: 52px;
}
#menu #kit { width: 57px; }
#menu #ref { width: 98px; }
#menu #vac {
	width: 62px;
	//width: 58px;
}
#menu #air { width: 80px; }
#menu #trans {
	width: 94px;
	//width: 91px;
}
#menu #adapt {
	width: 65px;
	//width: 62px;
}
#menu #elect { width: 84px; }
#menu #about { width: 47px; }
#menu #cont { width: 58px; }
#menu #cont { background-image: none; }

#content { padding: 2px 0 20px 3px; }
#left { float: left; width: 149px; }
#picture { width: 145px; height: 264px; border: 2px solid #B5A780; background: url(../images/picture.jpg) #fff top left no-repeat; }

#piclaundry { width: 145px; height: 264px; border: 2px solid #B5A780; background: url(../images/picture_laundry.jpg) #fff top left no-repeat; }
#pickitchen { width: 145px; height: 264px; border: 2px solid #B5A780; background: url(../images/picture_kitchen.jpg) #fff top left no-repeat; }
#picrefrigerators { width: 145px; height: 264px; border: 2px solid #B5A780; background: url(../images/picture_refrigerators.jpg) #fff top left no-repeat; }
#picvacuums { width: 145px; height: 264px; border: 2px solid #B5A780; background: url(../images/picture_vacuums.jpg) #fff top left no-repeat; }
#picair { width: 145px; height: 264px; border: 2px solid #B5A780; background: url(../images/picture_air.jpg) #fff top left no-repeat; }
#pictransformers { width: 145px; height: 264px; border: 2px solid #B5A780; background: url(../images/picture_transformers.jpg) #fff top left no-repeat; }
#picadaptors { width: 145px; height: 264px; border: 2px solid #B5A780; background: url(../images/picture_adaptors.jpg) #fff top left no-repeat; }
#picelectronics { width: 145px; height: 264px; border: 2px solid #B5A780; background: url(../images/picture_electronics.jpg) #fff top left no-repeat; }
#picabout { width: 145px; height: 264px; border: 2px solid #B5A780; background: url(../images/picture_about.jpg) #fff top left no-repeat; }
#piccontact { width: 145px; height: 264px; border: 2px solid #B5A780; background: url(../images/picture_contact.jpg) #fff top left no-repeat; }

#inform { width: 149px; height: 108px; background: url(../images/inform1.jpg) #fff top left no-repeat; }

#footer {
    clear: both;
    width: 760px; height: 20px; padding-top: 5px;
    font: 11px sans-serif, Tahoma, Verdana, Arial ; color: #494949; font-weight: bold; text-align: center;
    border-top: 4px solid #B6A780; }
#footer a { text-decoration: none; color: #494949; }
.leftext   {font-size:12px; font-family:Arial, Helvetica, Geneva; font-weight:normal; color:#000000}

a.linkd1 {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #666666;text-decoration: underline;}
a.linkd1:hover {font-family: Arial, Verdana, Helvetica, sans-serif;	font-size: 11px;font-weight: normal;color: #666666;	text-decoration: none;}
