body {
  background: #292f33 url(../images/bg.gif) repeat-y 50% 0;
  color: #acb7bf;
  font: 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
  margin: 0;
  padding: 0;
  text-align: center;
}

h1 {
  background: url(../images/logo.jpg) no-repeat;
  display: block;
  height: 184px;
  margin: 60px 0 0 0px;
  padding: 0;
  width: 300px;
}

h2 { 
  font-size: 17px;
  height: 60px;
}

i { display: none; }

ul { list-style: none; }

#container {
  margin: 20px auto;
  text-align: left;
  width: 925px;
}

#email {
  background: url(../images/i04.jpg) no-repeat;
  padding: 0 0 0 20px;
}

#fasilitas li {
  display: block;
  float: left;
  height: 106px;
  margin: 5px 20px 5px 0;
  width: 178px;
}

#fasilitas li.f01 { background: url(../images/f01.jpg) no-repeat; }
#fasilitas li.f02 { background: url(../images/f02.jpg) no-repeat; }
#fasilitas li.f03 { background: url(../images/f03.jpg) no-repeat; }
#fasilitas li.f04 { background: url(../images/f04.jpg) no-repeat; }
#fasilitas li.f05 { background: url(../images/f05.jpg) no-repeat; }

#fax {
  background: url(../images/i03.jpg) no-repeat;
  padding: 0 0 0 20px;
}

#info {
	border-top: 1px solid #373c41;
	margin-left: 15px;
}

#main {
  border: 0px solid #000;
  float: right;
  padding: 0 0 50px 0;
  width: 625px;
}

#main p {
  font: 11px Verdana;
  margin: 0 0 0 10px;
  width: 570px;
}

#menu {
  margin: 12px 0 21px 15px;
  height: 125px;
  width: 190px;
}

#menu li { float: left; }

#menu li.m01, #menu li.m01 a { background: url(../images/m01.jpg) no-repeat 0 0; }
#menu li.m02, #menu li.m02 a { background: url(../images/m02.jpg) no-repeat 0 0; }
#menu li.m03, #menu li.m03 a { background: url(../images/m03.jpg) no-repeat 0 0; }
#menu li.m04, #menu li.m04 a { background: url(../images/m04.jpg) no-repeat 0 0; }
#menu li.m05, #menu li.m05 a { background: url(../images/m05.jpg) no-repeat 0 0; }
#menu li.m06, #menu li.m06 a { background: url(../images/m06.jpg) no-repeat 0 0; }
#menu li.m07, #menu li.m07 a { background: url(../images/m07.jpg) no-repeat 0 0; }

#menu li a {
  display: block;
  float: left;
  height: 17px;
  width: 190px;
}

#menu li a:hover { background-position:0 50%; }

#menu li.active a, #menu li.active a:hover, #menu li.active { background-position:0 100%; }

#office {
  background: url(../images/i01.jpg) no-repeat;
  padding: 0 0 0 20px;
}

#pic {
  background: url(../images/motto.jpg) no-repeat;
  height: 274px;
  width: 584px;
}

#phone {
  background: url(../images/i02.jpg) no-repeat;
  padding: 0 0 0 20px;
}

#sidebar {
  border: 0px solid #000;
  float: left;
  height: 246px;
  width: 240px;
}

#sidebar .copy {
	border-bottom:1px solid #373c41;
  color: #737b80;
	padding: 0 5px 0 25px;
}

#t02 { background: url(../images/t02.jpg) no-repeat; }
#t03 { background: url(../images/t03.jpg) no-repeat; }
#t04 { background: url(../images/t04.jpg) no-repeat; }
#t05 { background: url(../images/t05.jpg) no-repeat; }
#t06 { background: url(../images/t06.jpg) no-repeat; }
#t07 { background: url(../images/t07.jpg) no-repeat; }