* { margin:0px; padding:0px; }
img { border:0px; }
img, div { behavior: url(iepngfix.htc) }
a {
  color:#E4B778;
  font-weight:bold;
  }
a:hover {
  color:#ECCDA2;
  }
  
 .left {
	float: left;
	width: 180px;
 }
  
 .right {
 	float: right;
 	width: 390px;
 }
body {
  background: url('images/bg.jpg')
    top center;
  font:10px Verdana;
  }
#outer {
  background: url('images/hp_bg.png')
    no-repeat top;
  width:820px;
  margin:0 auto;
  }
#main {
  background: url('images/hp_stars.gif')
    no-repeat top;
  background-position:54px 50px;
  width:820px;
  min-height:700px;
  _height:700px;
  position:relative;
  }
#logo {
  height:283px;
  width:255px;
  position:absolute;
  top:0; left:0;
  }
#music {
  padding-left:17px;
  color:#d3b9ab;
  font-weight:bold;
  font-size:1.1em;
  position:absolute;
  top:16px; right:44px;
  }

#nav { padding-top:58px; padding-left:220px; }
    #nav img {
      height:50px;
      background:url('images/hp_nav.gif')
        no-repeat top;
      background-position:0px 0px;
      }
img#story {
  width:95px;
  background-position:20px 0px;
  }
img#story.over {
  background-position:20px -50px;
  }
img#events {
  width:80px;
  background-position:-65px 0px;
  }
img#events.over {
  background-position:-65px -50px;
}
img#brewing {
  width:60px;
  background-position:-145px 0px;
  }
img#brewing.over {
  background-position:-145px -50px;
}

img#jobs {
  width:65px;
  background-position:-205px 0px;
  }
img#jobs.over {
  background-position:-205px -50px;
}
img#partners {
  width:100px;
  background-position:-270px 0;
  }
img#partners.over {
  background-position:-270px -50px;
}

#body { height:320px; padding:102px 0 0 200px; position:relative; clear:both; }
img.box { width:100%; height:80px; }
#locations {
  background:url('images/hp_locations.png')
    no-repeat;
  width:196px;
  height:280px;
  position:absolute;
  top:93px; left:141px;
  }
    #locations img {
      position:absolute;
      top:0; left:0;
    }
    #locations .star {
      top:220px; left:34px;
    }
#star1 {
  position:absolute;
  top:313px; left:174px;
}
#catering {
  background:url('images/hp_catering.png')
    no-repeat;
  width:185px;
  height:301px;
  position:absolute;
  top:67px; left:340px;
  }
    #catering img {
      position:absolute;
      top:0; left:0;
    }
#star2 {
  position:absolute;
  top:305px; left:374px;
  }
#coffee {
  background:url('images/hp_coffee.png')
    no-repeat;
  width:182px;
  height:288px;
  position:absolute;
  top:27px; left:520px;
  }
    #coffee img {
      position:absolute;
      top:0; left:0;
    }
#order {
  background:url('images/hp_order.png')
    no-repeat;
  width:182px;
  height:288px;
  position:absolute;
  top:27px; left:520px;
  }
    #order img {
      position:absolute;
      top:0; left:0;
    }
 .btn_comment {
 	position: absolute;
	top: 305px;
	left: 520px;
	height: 118px;
	width: 236px;
 }
 
#star3 {
  position:absolute;
  top:249px; left:540px;
  }

#promo {
	margin: 0 auto 15px auto;
	padding: 0 0 0 0;
	width: 541px;
	height: 124px;
  	/* background:url('images/bg_promo.png') no-repeat; */
	display: block;
	text-align: center;
}
  
#promo img {
	margin: 0 5px 0 5px;
}

#promo a { 
	color: #a02d0a;
}
  
#footer {
  color:#BE831E;
  width:655px;
  height:25px;
  margin: 0 auto 0 auto;
  font-size:0.9em;
  }

    #footer img {
      float:left;
      margin-right:10px;
      border:1px solid #000;
      }

	#footer p {
		float: right;
		width: 655px;
		margin: 0 0 3px 0;
	}

#mk {
  float:right;
  margin-top:0px;
  margin-right:105px;
  width:170px;
  height:40px;
  background: url('images/logo_kagancreative.png')
    no-repeat;
  text-indent:-2000em;
  behavior: url(iepngfix.htc);
  }

.star {
  width:140px;
  height:80px;
  }