#top {
	position:fixed;
	z-index:2;
	background:url(images/icon_top.gif) no-repeat;
  text-indent:-9999px;
  overflow:hidden;
	display:none;
  margin-left:920px;
	width:31px;
	height:31px;
}
#customize_homepage {
  position:relative;
  width:920px;
}
#customize_homepage .bar  {
  overflow:hidden;
}
#customize_homepage .bar strong {
  float:left;
  background:url(images/Float-nav.png) no-repeat;
  cursor:pointer;
  display:inline-block;
  margin:0 9px 0 0;
  width:354px;
  height:103px;
}
#customize_homepage ul {
  float:left;
  list-style:none;
  padding:0;
}
#customize_homepage ul li {
  float:left;
  padding:0 9px;
}
#customize_homepage ul li a {
  cursor:pointer;
  display:inline-block;
  text-indent:-9999px;
  overflow:hidden;
  width:73px;
  height:73px;
}
#h-ul li:nth-of-type(1) { background:url(images/f_01.png) no-repeat}
#h-ul li:nth-of-type(2) { background:url(images/f_02.png) no-repeat}
#h-ul li:nth-of-type(3) { background:url(images/f_03.png) no-repeat}
#h-ul li:nth-of-type(4) { background:url(images/f_04.png) no-repeat}
#h-ul li:nth-of-type(5) { background:url(images/f_05.png) no-repeat}
#h-ul li:nth-of-type(6) { background:url(images/f_06.png) no-repeat}
#h-ul li:nth-of-type(7) { background:url(images/f_07.png) no-repeat}
#h-ul li:nth-of-type(1):hover { background:url(images/f_01-1.png) no-repeat}
#h-ul li:nth-of-type(2):hover { background:url(images/f_02-1.png) no-repeat}
#h-ul li:nth-of-type(3):hover { background:url(images/f_03-1.png) no-repeat}
#h-ul li:nth-of-type(4):hover { background:url(images/f_04-1.png) no-repeat}
#h-ul li:nth-of-type(5):hover { background:url(images/f_05-1.png) no-repeat}
#h-ul li:nth-of-type(6):hover { background:url(images/f_06-1.png) no-repeat}
#h-ul li:nth-of-type(7):hover { background:url(images/f_07-1.png) no-repeat}


#customize_homepage .container img {
  display:block;
  margin:0 auto; 
}
#customize_homepage .container {
  letter-spacing:2px;
  line-height: 25px;
  margin:0 auto;
  width:920px;
}
.within img ,.within p {
  display: block;
  padding:0 0 15px;
  margin:0 auto; 
}
.within span {
  text-align:center;
  display:block;
  margin:0 auto;
  width:830px;
}
.within h2 {
  font-size:23px;
  text-align:center;
  background:#1b2d55;
  color:#fff;
  display:block;
  padding:5px;
  margin:10px auto;
  width:830px;
}
/* ---------------------------------------------------------------------------------------------------- */
.experience,.experience-01,.teaching-01,.guarantee-01,.customized-01,.video-01,.share-01,.process-01 {
  display:block;
  padding:0 0 20px;
  margin:0;
  width:830px;
}
.experience {
  background:url(images/experience.png) no-repeat;
  height:934px;
}
.experience-01 {
  background:url(images/experience-01.png) no-repeat;
  height:181px;
}
/* ---------------------------------------------------------------------------------------------------- */
.teaching-01 {
  position:relative;
  background:url(images/teaching-01.png) no-repeat;
  height:1060px;
}
.teaching-01 a {
  position:absolute;
  right:0;
  bottom:20px;
  background:url(images/teaching-on.png) no-repeat;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
  width:253px;
  height:113px;
}
.teaching-01 a:hover {
  opacity:0.7;
}
.guarantee-01 {
  background:url(images/guarantee-01.png) no-repeat;
  height:1154px;
}
.customized-01 {
  position:relative;
  background:url(images/customized-01.png) no-repeat;
  height:2072px;
}
.customized-01 a {
  position:absolute;
  right:0;
  top:633px;
  background:url(images/customized-on.png) no-repeat;
  text-indent:-9999px;
  overflow:hidden;
  display:block;
  width:253px;
  height:113px;
}
.customized-01 a:hover {
  opacity:0.7;
}
.video-01 {
  background:url(images/video-01.png) no-repeat;
  height:72px;
}
.video-02 {
  background:url(images/video-02.png) no-repeat;
  width:830px;
  height:2040px;
}
.share-01 {
  background:url(images/share-01.png) no-repeat;
  height:822px;
}
.process-01 {
  background:url(images/process-01.png) no-repeat;
  height:1893px;
}
#goto img {
  display:block;
  padding:35px 0 50px;
  margin:0 auto;
}
.goto {
  list-style:none;
  padding:0;
  margin:0;
  border-top:1px #eee solid;
  border-bottom:1px #eee solid;
  width:930px;
}
.goto-01,.goto-02,.goto-03,.goto-04 {
  background:#000;
  float:left;
  display: inline-block;
  cursor:pointer;
  padding:0;
  margin:0;
  width:212px;
  height:105px;
}
.goto-01 { background:url(images/goto-01.png) no-repeat; }
.goto-02 { background:url(images/goto-02.png) no-repeat; }
.goto-03 { background:url(images/goto-03.png) no-repeat; }
.goto-04 { background:url(images/goto-04.png) no-repeat; }

#video iframe {
  display:block;
  padding:0 0 25px;
  margin:0 auto;
  width:680px;
  height:480px;
}
/* ---------------------------------------------------------------------------------------------------- */
#customize-left {
  width:230px;
}
#customize-left a {
  display:block;
}
.line {
  background:url(images/line.jpg) no-repeat;
  display:block;
  margin-bottom:20px;
  height:400px;
}
.necklace-reference {
  background:url(images/necklace-reference.jpg) no-repeat;
  display:block;
  height:100px;
}
.ring-measure {
  background:url(images/ring-measure.jpg) no-repeat;
  display:block;
  height:100px;
}