#logo {
  position: absolute;
  top: 60px;
  left: 12px;
  z-index: -1;
}

#release-date {
  position: absolute;
  top: 250px;
  left: 0;
  z-index: -1;
}

/*----------------------------------------------------------------------------------------------------
menu
----------------------------------------------------------------------------------------------------*/
#menu {
	position: absolute;
	top: 181px;
	left: 10px;
	width:302px;
	height:123px;
  list-style: none;
	padding: 0;
	margin: 0;	
}

.menu-item img {
  position: relative;
  top: 0;
  left: 0;
  width: 300px;
  height: 40px;
  border-style: none;
}

.menu-item {
  width: 300px;
  height: 40px;
  border-top: 1px solid #85602E;
  border-right: 1px solid #85602E;
  border-left: 1px solid #85602E;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  float: left;
}

.menu-top {
  width: 302px;
  height: 4px;
  background-image: url(../images/menu/top.png);
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
  display: inline-block;
  float:left;
}

.menu-bottom {
  width: 302px;
  height: 4px;
  background-image: url(../images/menu/bottom.png);
  background-repeat: no-repeat;
  border-top: 1px solid #85602E;
  padding: 0;
  margin: 0;
  display: inline-block;
  float:left;
}

/*----------------------------------------------------------------------------------------------------
pages
----------------------------------------------------------------------------------------------------*/
#page-cg-introduction {
  width: 100%;
  min-width: 1074px;
}

#cg-introduction-gradient {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

#page-cg-introduction-inner {
  position: absolute;
  top: 96px;
  left: 40%;
  width: 652px;
  height: 550px;
}

#capitol-collection-logo {
  position: absolute;
  top: 378px;
  left: 86%;
}

#catching-fire-title {
  position: absolute;
  top: 0;
  right: 200px;
  width: 284px;
  height: 68px;
}

#video-box {
  position: absolute;
  top: 68px;
  right: 200px;
  width: 450px;
  height: 252px;
  border: 1px solid #85602E;
  background-color: #000000;
}

#video-1 {
  width: 450px;
  height: 252px;
}

#cg-video-poster {
  position: absolute;
  width: 450px;
  height: 252px;
  top: 0;
  left: 0;
  z-index: 9;
}

#unmute {
  position: absolute;
  width: 450px;
  height: 252px;
  top: 0;
  left: 0;
  cursor: pointer;
	z-index: 10;
}

#dive-into-title {
  position: absolute;
  top: 320px;
  right: 200px;
  width: 306px;
  height: 52px;
}

#bg-model {
  position: absolute;
  top: 0;
  left: 14%;
  z-index: -1;
}

#page-cg-looks {
  width: 100%;
  min-width: 1074px;
}

#page-cg-looks-inner {
  position: absolute;
  top: 96px;
  left: 35%;
  width: 579px;
  height: 550px;
}

#look-title {
  position: relative;
  top: 0;
  left: 0;
  width: 400px;
  height: 24px;
  display: none;
}

#cg-looks-video-box {
  position: relative;
  top: 0;
  left: 0;
  width: 579px;
  height: 324px;
  border: 1px solid #85602E;
  background-color: #000000;
}

#cg-looks-video-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 579px;
  height: 324px;
  display: none;
}

#cg-looks-video-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 579px;
  height: 324px;
  display: none;
}

#cg-looks-video-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 579px;
  height: 324px;
  display: none;
}

#cg-looks-video-4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 579px;
  height: 324px;
  display: none;
}

#cg-looks-video-5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 579px;
  height: 324px;
  display: none;
}

#cg-looks-video-6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 579px;
  height: 324px;
  display: none;
}

#cg-looks-video-7 {
  position: absolute;
  top: 0;
  left: 0;
  width: 579px;
  height: 324px;
  display: none;
}

#cg-looks-video-8 {
  position: absolute;
  top: 0;
  left: 0;
  width: 579px;
  height: 324px;
  display: none;
}

#cg-looks-video-9 {
  position: absolute;
  top: 0;
  left: 0;
  width: 579px;
  height: 324px;
  display: none;
}

#cg-looks-video-10 {
  position: absolute;
  top: 0;
  left: 0;
  width: 579px;
  height: 324px;
  display: none;
}

#cg-looks-video-11 {
  position: absolute;
  top: 0;
  left: 0;
  width: 579px;
  height: 324px;
  display: none;
}

#cg-looks-video-12 {
  position: absolute;
  top: 0;
  left: 0;
  width: 579px;
  height: 324px;
  display: none;
}

#cg-looks-video-poster {
  position: absolute;
  width: 579px;
  height: 324px;
  top: 0;
  left: 0;
  z-index: 9;
	display: none;
}

#cg-looks-video-play {
  position: absolute;
  width: 579px;
  height: 324px;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 10;
  display: none;
}

#cg-looks-right {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  display: none;
}

#page-media {
}

#capitol-collection-logo-media {
  position: absolute;
  top: 378px;
  left: 86%;
}