/*{{{ =Layout*/   

html, body {
  margin: 0; padding: 0;
  height: 100%;
}

body {
  font: 16px Times New Roman, serif;
  color: #fff;
  background: url(../images/police-active.png) 0 -9999px no-repeat;
}


#shoots .h-wrapper {
  _width: expression(document.body.clientWidth > 650 ? '100%' : '650px'); min-width: 650px;
  height: 100%; min-height: 600px;
  text-align: center;
  background: url(../images/fon.gif) 50% 50% no-repeat #000;
  position: relative;
}


#dummy {
  float: left;
  width: 1px; height: 50%;
  margin-bottom: -300px;
  background: url(../images/gan-active.png) 0 -9999px no-repeat;
}

.coming #dummy {
  margin-bottom: -105px;
}


#shoots .h-wrapper-fixed {
  width: 650px; height: 380px;
  clear: left;
  margin: 0 auto; padding: 220px 0 0;
  position: relative;
  background: url(../images/people-active.png) 0 -9999px no-repeat;
}

#shoots.coming .h-wrapper-fixed {
  height: 210px;
  padding: 0;
} 

/*}}}*/


/*{{{ =#shoots .h-wrapper-fixed*/    

.logo {
  display: block;
  width: 100%; height: 103px;
  text-align: center;
  position: absolute; bottom: 5%; left: 0;
}

.coming .logo {
  bottom: auto;
  top: 13.9%;
}

.logo a {
  display: block;
  width: 150px; height: 103px;
  margin: 0 auto;
  text-indent: -9999px;
  outline: none;
  cursor: pointer;
  position: relative;
}

.logo a span {
  display: block;
  width: 150px; height: 103px;
  background: url(../images/shoot-logo.png) 0 0 no-repeat; _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/shoot-logo.png",sizingMethod="crop");
  position: absolute; top: 0; left: 0;
}


.address {
  width: 100%; height: 60px;
  text-align: center;
  position: absolute; bottom: 0; left: 0;
  text-transform: uppercase;
  font: 16px Times New Roman, serif;
  color: #fff;
  margin: 0;
}


ul.category {
  margin: 0 auto; padding: 0;
  list-style: none;
  width: 650px; height: 210px;
  position: relative;
}

ul.category li {
  position: absolute;
}

ul.category a {
  display: block;
  width: 100%; height: 100%;
  cursor: pointer;
  text-indent: -9999px;
  outline: none;
}

li#police {
  width: 151px; height: 137px;
  top: 62px; left: 38px;
}

li#gangster {
  width: 190px; height: 186px;
  top: 13px; left: 211px;
}

li#people {
  width: 189px; height: 185px;
  top: 14px; left: 420px;
}

li#police a {
  background: url(../images/police.png) 0 0 no-repeat; _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/police.png",sizingMethod="crop");
}

li#police a:hover
, li#police.active a {
  background: url(../images/police-active.png) 0 0 no-repeat; _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/police-active.png",sizingMethod="crop");
}

li#gangster a {
  background: url(../images/gan.png) 0 0 no-repeat; _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/gan.png",sizingMethod="crop");
}

li#gangster a:hover
, li#gangster.active a {
  background: url(../images/gan-active.png) 0 0 no-repeat; _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/gan-active.png",sizingMethod="crop");
}

li#people a {
  background: url(../images/people.png) 0 0 no-repeat; _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/people.png",sizingMethod="crop");
}

li#people a:hover
, li#people.active a {
  background: url(../images/people-active.png) 0 0 no-repeat; _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/people-active.png",sizingMethod="crop");
}

/*}}}*/