* {
  margin: 0;
  padding: 0;
}

@font-face {font-family: 'PT Sans';
            src: url('/font/pts55f.eot');
            src: local('PT Sans'), url('/font/pts55f.woff') format('woff'), url('/font/pts55f.ttf') format('truetype');}

@font-face {font-family: 'PT Sans';
            font-style: italic;
            src: url('/font/pts56f.eot');
            src: local('PT Sans Italic'), url('/font/pts56f.woff') format('woff'), url('/font/pts56f.ttf') format('truetype');}

@font-face {font-family: 'PT Sans';
            src: url('/font/pts75f.eot');
            font-style: normal;
            font-weight: bold;
            src: local('PT Sans Bold'), url('/font/pts75f.woff') format('woff'), url('/font/pts75f.ttf') format('truetype');}

@font-face {font-family: 'PT Sans';
            font-style: italic;
            font-weight: bold;
            src: url('/font/pts76f.eot');
            src: local('PT Sans Bold Italic'), url('/font/pts76f.woff') format('woff'), url('/font/pts76f.ttf') format('truetype');}

body {
  font-family: 'PT Sans', Arial, Verdana, Helvatica, sans-serif;
  font-size: 90%;
  font-weight: normal;
  line-height: 1.3;
  background: #fff;
  color: #222727;
}

.main {
  overflow: hidden;
  background: #809199;
  color: #ffffff;
}

a {
  outline:none;
}

a.white:link, a.white:visited {
  color: #fff;
}

a.blue:link, a.blue:visited {
  color:#006acc;
}

a:link {
  color:#006acc;
}

a:visited {
  color:#9900cc;
}

a:hover, a.white:hover, a.blue:hover {
  color:#ff8733;
}

a .hover, a:hover .normal {
  display: none;
}

a:hover .hover {
  display: inline;
}

img {
  border: 0;
}

#mainImg, #wrkImg {
  width: 100%;
  height: 100%;
  background: url(/img/mainbg.jpg) center no-repeat;
  position: absolute;
  display: block;
  margin-top: -35px;
  z-index: 2;
}

#wrkImg {
  background: url(/img/mainbg.jpg) -600px -660px no-repeat;
}

#lastW {
  width: 325px;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin: 84px 0 0 -136px;
  z-index: 4;
  color: #222727;
  cursor: pointer;
}

.r-star-cell {
  position:relative;
  overflow:hidden;
  padding:8px 0;
}

.r-star-cell .content {
  border-left: 3px solid #ff8733;
  border-right: 3px solid #ff8733;
}

.r-star-cell .content {
  padding:8px 16px;
}

.r-star-cell .cn {
  position:absolute;
  width:16px;
  height:16px;
  left:-8px;
  top:-8px;
}

.r-star-cell .cn.tr, .r-star-cell .cn.br {
  margin-left:100%;
}

.r-star-cell .cn.bl, .r-star-cell .cn.br {
  top:auto;
}

.r-star-cell .cn {
  background:url(/img/star.png);
}

.r-star-cell .cn.tl, .r-star-cell .cn.bl {
  width:100%;
}

.r-star-cell .content {
  border: none;
  margin-left: 3px;
}

.r-star-cell .cn {
  background: none;
}

#lastW span {
  color: #818084;
  font-size: 90%;
}

#lastW span span {
  color: #9f9fa0;
  font-size: 90%;
}

#fMenu, #ftMenu {
  width: 100%;
  min-width: 60em;
  height: 35px;
  display: block;
  position: absolute;
  background: url(/img/dot80.png);
  left: 0;
  bottom: 0;
  z-index: 3;
}

.wrk, .abt {
  position: absolute;
  margin: -22px auto 0 1.5em;
}

.abt {
  margin-left: 1em;
}

#ftMenu {
  position: fixed;
  background: url(/img/dot80.png);
  color: #fff;
}

#fMenu #copy, #ftMenu #copy {
  font-size: 80%;
  display: block;
  position: relative;
  float: left;
  width: 25%;
  margin: 1.1em 0 0 1em;
}

#fMenu #links, #ftMenu #links {
  display: block;
  position: relative;
  float: left;
  width: 70%;
  margin: .7em 0 0 0;
  overflow: visible;
}

#fMenu #links ul, #ftMenu #links ul {
  display: block;
  clear: both;
  list-style-type: none;
}

#fMenu #links ul li, #ftMenu #links ul li {
  float: left;
  margin:0 .7em;
}

#fMenu #links ul li.mrg, #ftMenu #links ul li.mrg {
  margin-left: 1.5em;
}

#fMenu #links ul li.mrg2, #ftMenu #links ul li.mrg2 {
  margin-left: 2.5em;
}

#ftMenu #links ul li.home img {
  margin-top: -2px;
}

#content, #works {
  position: relative;
  display: block;
  margin: 60px 0 0 10%;
  padding-bottom: 120px;
  width: 60%;
  min-width: 520px;
  max-width: 680px;
  font-size: 105%;
  line-height: 1.4;
}

.wDate {
  font-size: 80%;
  font-style: italic;
}

.note {
  display: block;
  position: relative;
  font-size: 90%;
  font-style: italic;
  width:300px;
  margin:.5em 0 0 300px;
}

ul.ctrl {
  display: block;
  clear: both;
  list-style-type: none;
  font-size: 130%;
  font-weight: bold;
}

ul.ctrl li {
  float: left;
  margin-right: 2em;
  height: 32px;
}

ul.links {
  display: block;
  clear: both;
  list-style-type: none;
}

#works {
  max-width: 805px;
  min-width: 575px;
}

a.wrkLnk {
  text-decoration: none;
}

#works .left {
  display: block;
  position: relative;
  float: left;
  width: 110px;
  height: 110px;
  margin: 0 5px 12px 0;
  cursor: pointer;
}

#works .left .r {
  width: 100px;
  height: 100px;
  padding: 5px;
  display: none;
  position: relative;
  background: url(/img/dot80.png);
  color: #fff;
  font-size: 80%;
}

#works:after {
  content: '';
  position: relative;
  display: block;
  clear: both;
}

h1, h2, h3 {
  padding-bottom: .2em;
}

@-moz-document url-prefix() {
  #fMenu #links, #ftMenu #links {
  margin-top: .5em;
}
#fMenu #copy, #ftMenu #copy {
  margin-top: .9em;
}
.wrk, .abt {
  margin-top: -19px;
}
#ftMenu #links ul li.home img {
  margin-top: 1px;
}
}