body#index {background: black}
#index #video_background {position: fixed; top: 0; left: 0; min-width: 990px; min-height: 600px; z-index: -1000; overflow: hidden;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);}
#index #video_pattern {background-image: url(../images/home_video.png); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: -999; }

#index #content {height: 450px; background: transparent;}
#index h2 {width: 610px; float: right; font-family: GothamHTFBookRegular; font-size: 72px; color: #ffffff; text-align: right; background: #66666; margin: 130px 20px 0 0;}
#index h2 span {font-family: GothamHTFBold; font-size: 68px; text-transform: uppercase; letter-spacing: -6px; display: block; margin: 10px 0;}
#index .box {width: 900px; padding: 10px 20px 50px 28px; float: right;  margin: 110px 0 0; position: relative; text-align: right;}
#index .box h3 {font-family: GothamHTFBookRegular; font-size: 72px; color: #ffffff; letter-spacing: -6px;}
#index .box h3 span {font-family: GothamHTFBold;}
#index .box h3 sub {font-size: 25px; top:-15px; position: relative;}
#index .box p {font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#ffffff; line-height: 22px; margin: 20px 0 0;}
#index .box .works {font-family: GothamHTFMediumRegular; font-size: 22px; color: #ffffff; margin: 15px 0 0; background: url(../images/Ellipse-1.png) right no-repeat; display: inline-block; padding: 0 30px 0 0;}
#index .box .buy {width: 141px; height: 47px; background: url(../images/Buy2.png); display: inline-block; margin: 30px 0 0 0; float: right; color: #ffffff; text-align: left;}
#index .box .buy span {font-size: 24px; line-height: 47px; display: block; margin: 0 0 0 70px;}
#index .box .buy:hover {background-position: 0 -47px;}
#index .box .learn {font-family: GothamHTFMediumRegular; font-size: 22px; color: #ffffff; border-bottom: 3px white dotted; margin: 20px 0 0 15px; display: inline-block;}
#index .box #freeShippingRibon {width: 326px; height: 63px; background: url('../images/freeShippingRibon.png'); position: absolute; top:380px; right: 0px;}
#index .box #freeShippingRibon h1 {margin: 5px 0 0; padding: 0; font-family: GothamHTFMediumRegular; font-size: 20px; color: #ffffff; text-align: center; line-height: 22px;}
#index .box #freeShippingRibon p {margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #fec3a2; text-align: center; line-height: 16px;}

#index #footer .left .nav, #index #footer .left .nav a, #index #footer .right .ubooly-main-nav, #index #footer .right .ubooly-main-nav a, #index #footer .right .copyright  {color: #ffffff;}
#index #holder {width: 100%}
#index .container {width: auto; margin: 0 45px;}
#index .extra3 {position: relative;}
#index .extra3 .arrow {width: 73px; height: 159px; position: absolute; top: -150px; right: 160px; background: url('../images/arrow.png');}
#index .extra3 .p1 {font-family: GothamHTFBookRegular; font-size: 20px; margin: 60px 0 0; padding: 0;}
#index .extra3 .p2 {font-family: GothamHTFBookRegular; font-size: 24px; margin: 10px 0 0; padding: 0;}
#index .extra3 .p2 span {font-family: GothamHTFBold;}