#wrapper{
  background: #6e3789 url('../image/bg_radial.jpg') no-repeat center top;
  position: relative;
}
body{
  margin: 0 0 25px 0;
  padding: 0;
  background-color: #fff;
  font: 400 75.25%/1.5em arial;
}
.flt-l{ float: left; }
.flt-r{ float: right; }
.clr-l{ clear: left; }
.clr-r{ clear: right; }
.cleared:after{
  content: ".";
  display: block;
  line-height: 0;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.cleared{
  min-height: 1px;
  _height: 1px;
}
h2{
  padding: 8px 0;
  font: 700 1.8em 'Trebuchet MS',arial;
  color: #fff;
}
h3{
  font: 700 1.4em 'Trebuchet MS',arial;
  color: #fff;
}
p, ul, dl{
  color: #eee;
  font-size: 1.2em;
  padding-bottom: 1.25em;
}
a,
a:visited{
  font-weight: bold;
  text-decoration: none;
  color: #d9abec;
}
a:hover{
  text-decoration: underline;
}
a:active,
a:focus {
	outline: 0;
}
.container{
  position: relative;
  width: 960px;
  margin: 0 auto;
}






/*****************************
**  HEADER 
*****************************/
#header .logo{
  background: url('../image/logo_l_moggiemotel.png') no-repeat 0 0;
  text-indent: -5000px;
  width: 453px;
  height: 140px;
  float: right;
  margin: 25px 0;
}





/*****************************
**  CONTENT 
*****************************/
#content{
  position: relative;
  z-index: 5;
}
#content ul.bullet{
  list-style-type: disc;
  margin-left: 35px;
}
.paw{
  background: url('../image/bg_paw.png') no-repeat center top;
  position: absolute;
  bottom: 0;
  height: 607px;
  width: 667px;
  display: block;
  z-index: 0;
  left: 40%;
  opacity: 0.02;
  filter:alpha(opacity=2);
}
#content #gallery li{
  float: left;
  border: 2px solid #D9ABEC;
  margin: 4px;
}
#content #gallery li img{
  float: left;
}
#content #copy{
  float: left;
  width: 500px;
}
#content dl dt{
  float: left;
  width: 75px;
}
#content dl.faq{
  height: 101%;
}
#content dl.faq dt{
  float: none;
  width: auto;
  font-weight: 700;
  margin-top: 10px;
  cursor: pointer;
}
#content dl.faq dd{
  border-left: 2px solid #D9ABEC;
  margin: 10px 0 25px 15px;
  padding-left: 15px;
  display: none;
}

#content .photo{
  width: 250px;
  margin: 0 20px 15px 0;
  position: relative;
  float: left;
}
#content .photo img{
  width: 250px;
}
#content .photo .curve{
  background: url('../image/img_curve.png') no-repeat 0 0;
  position: absolute;
  bottom: 4px;
 *bottom: 0px;
  left: 0;
  height: 34px;
  width: 250px;
  display: block;
}





/*****************************
**  NAV 
*****************************/
#nav{
  float: right;
  width: 450px;
  margin-bottom: 15px;
}
#nav li a{
  font-size: 1.8em;
  font-family: 'Trebuchet MS',arial;
  padding: 10px 0 10px 70px;
  display: block;
  text-decoration: none;
}
#nav li.active a{
  color: #fff;
}
#nav li a:hover,
#nav li.active a{
  background: url('../image/icn_paw.png') no-repeat 20px center;
}






/*****************************
**  FOOTER 
*****************************/
#footer{
  background: url('../image/bg_curve.png') no-repeat center top;
  z-index: 10;
  min-height: 120px;
  padding-top: 70px;
}
#footer .footnote{
  width: 960px;
  margin: 0 auto;
  z-index: 20;
}
#footer p{
  font-size: 0.9em;
  padding: 0;
  color: #999;
}
#footer a,
#footer a:hover{
  color: #7c2fa2;
}
#footer .brands{
  float: left;
}
#footer .brands img{
  margin: 45px 15px 0 0;
}
#footer .awards{
float: left;
  width: 255px;
  margin-top: 10px;
}
#footer .awards a.fab{
  display: block;
  float: left;
  width: 80px;
}
#footer .awards p{
  float: right;
  margin-top: 49px;
  width: 170px;
}
#footer .legal{
  float: right;
  width: 275px;
  text-align: right;
  margin: 75px 0 0 0;
}
#footer .zed{
  z-index: 20;
}