html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
article,
aside,
canvas,
datalist,
details,
figure,
footer,
header,
hgroup,
mark,
menu,
meter,
nav,
output,
progress,
section,
time,
video {
  margin: 0;
  padding: 0;
  display: block;
}
/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/
/* =Basic HTML
--------------------------------------------------------------------------------*/
body {
  font: 14px/1.5 helvetica, 'Liberation Sans', FreeSans, sans-serif;
}
a:focus {
  outline: 1px dotted invert;
}
hr {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
}
/* =Headings
--------------------------------------------------------------------------------*/
h1 {
  font-size: 30px;
}
h2 {
  font-size: 25px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 15px;
}
h5 {
  font-size: 13px;
}
h6 {
  font-size: 11px;
}
/* =Spacing
--------------------------------------------------------------------------------*/
ol {
  list-style: decimal;
}
ul {
  list-style: square;
}
li {
  margin-left: 30px;
}
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
  margin-bottom: 10px;
  font-weight: normal;
}
small {
  font-size: 11px;
}
html, body {
  width: 100%;
  height: 100%;
  background-color: #e6e6e6;
  color: #58595b;
}
body.ipad {
  zoom: 0.76;
}
a {
  color: #58595b;
}
a:link,
a:active,
a:visited,
a:hover {
  color: #58595b;
}
header {
  margin: 50px auto 0 auto;
  height: 88px;
  width: 1280px;
}
header img {
  margin: 0;
  padding: 0;
  float: right;
}
.main {
  width: 1280px;
  height: 720px;
  overflow: hidden;
  margin: 0 auto 0 auto;
  position: relative;
  background-color: #ffffff;
}
#exp {
  width: 1240px;
  height: 680px;
  padding: 20px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
  background-color: #FFF;
}
#exp h1 {
  margin-top: 150px;
  margin-bottom: 30px;
  padding-left: 450px;
  padding-right: 40px;
}
#exp p {
  padding-left: 450px;
  padding-right: 40px;
}
#concept {
  padding: 20px;
}
#concept h1 {
  margin-top: 150px;
  margin-bottom: 30px;
  padding-left: 450px;
  padding-right: 40px;
}
#concept p {
  padding-left: 450px;
  padding-right: 40px;
}
section {
  width: 7680px;
  position: absolute;
  left: 0;
  cursor: pointer;
}
section div {
  float: left;
  overflow: hidden;
  position: relative;
  width: 1280px;
  height: 100%;
}
section img {
  position: absolute;
  left: 0;
  width: 1549px;
  height: 1037px;
  z-index: 1;
}
section span {
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  overflow: hidden;
  margin: 0;
  padding: 0;
  z-index: 4;
}
menu {
  position: absolute;
  width: 266px;
  z-index: 10;
  top: 20px;
}
menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
menu ul li {
  margin: 0 0 10px 0;
  width: 100%;
}
menu ul li a {
  display: block;
  width: 100%;
  height: 40px;
  background: #000000 url('../pics/menu_femme_homme_all.jpg') no-repeat scroll top left;
}
menu li.f a {
  background-position: 0 -280px;
}
menu li.f a.has {
  background-position: 0 -40px;
}
menu li.f a.active {
  background-position: 0 -160px;
}
menu li.n a {
  background-position: 0 -240px;
}
menu li.n a.has {
  background-position: 0 0px;
}
menu li.n a.active {
  background-position: 0 -120px;
}
menu li.i a {
  background-position: 0 -320px;
}
menu li.i a.has {
  background-position: 0 -80px;
}
menu li.i a.active {
  background-position: 0 -200px;
}
section.her {
  top: 0;
  height: 660px;
}
section.her img {
  top: 0;
}
section.him {
  bottom: 0;
  height: 60px;
}
section.him img {
  bottom: 0;
}
menu.him {
  top: auto;
  bottom: 20px;
}
menu.him li.f a {
  background-position: 0 -640px;
}
menu.him li.f a.has {
  background-position: 0 -400px;
}
menu.him li.f a.active {
  background-position: 0 -520px;
}
menu.him li.n a {
  background-position: 0 -600px;
}
menu.him li.n a.has {
  background-position: 0 -360px;
}
menu.him li.n a.active {
  background-position: 0 -480px;
}
menu.him li.i a {
  background-position: 0 -680px;
}
menu.him li.i a.has {
  background-position: 0 -440px;
}
menu.him li.i a.active {
  background-position: 0 -560px;
}
nav {
  position: absolute;
  height: 40px;
  background-color: #000000;
  width: 100%;
  left: 0;
  top: 640px;
  z-index: 10;
}
nav ul {
  margin: 0 auto;
  height: 100%;
  padding: 0;
  list-style: none;
}
nav ul li {
  margin: 0;
  padding: 0;
  width: 53px;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  color: #ffffff;
  float: left;
}
nav.her {
  background-image: url('../pics/her-time-off.jpg');
}
nav.her li {
  background-image: url('../pics/her-time-on.jpg');
}
nav.her .t1 {
  margin-left: 373px;
  background-position: -373px 0;
}
nav.her .t2 {
  margin-left: 53px;
  background-position: -480px 0;
}
nav.her .t3 {
  margin-left: 107px;
  background-position: -640px 0;
}
nav.her .t4 {
  margin-left: 160px;
  background-position: -853px 0;
}
nav.her .t5 {
  margin-left: 107px;
  background-position: -1013px 0;
}
nav.her .t6 {
  margin-left: 162px;
  background-position: -1226px 0;
}
nav.him {
  background-image: url('../pics/him-time-off.jpg');
}
nav.him li {
  background-image: url('../pics/him-time-on.jpg');
}
nav.him .t1 {
  margin-left: 319px;
  background-position: -320px 0;
}
nav.him .t2 {
  margin-left: 0px;
  background-position: -371px 0;
}
nav.him .t3 {
  margin-left: 161px;
  background-position: -586px 0;
}
nav.him .t4 {
  margin-left: 160px;
  background-position: -800px 0;
}
nav.him .t5 {
  margin-left: 107px;
  background-position: -960px 0;
}
nav.him .t6 {
  margin-left: 214px;
  background-position: -1226px 0;
}
.her1 .f {
  width: 186px;
  height: 132px;
  background-image: url('../pics/her-01-f.jpg');
  left: 302px;
  top: 357px;
}
.her1 .n {
  width: 45px;
  height: 42px;
  background-image: url('../pics/her-01-n.jpg');
  left: 679px;
  top: 376px;
}
.her2 .f {
  width: 1001px;
  height: 249px;
  background-image: url('../pics/her-02-f.jpg');
  left: 203px;
  top: 373px;
}
.her2 .n {
  width: 625px;
  height: 291px;
  background-image: url('../pics/her-02-n.jpg');
  left: 705px;
  top: 76px;
}
.her3 .f {
  width: 1086px;
  height: 329px;
  background-image: url('../pics/her-03-f.jpg');
  left: 213px;
  top: 200px;
}
.her4 img {
  width: 1300px;
  height: 870px;
}
.her4 .f {
  width: 644px;
  height: 60px;
  background-image: url('../pics/her-04-f.jpg');
  left: 362px;
  top: 562px;
}
.her4 .n {
  width: 474px;
  height: 120px;
  background-image: url('../pics/her-04-n.jpg');
  left: 202px;
  top: 18px;
}
.her5 .f {
  width: 201px;
  height: 67px;
  background-image: url('../pics/her-05-f.jpg');
  left: 905px;
  top: 558px;
}
.her5 .n {
  width: 800px;
  height: 345px;
  background-image: url('../pics/her-05-n.jpg');
  left: 318px;
  top: 147px;
}
.her6 .f {
  width: 325px;
  height: 219px;
  background-image: url('../pics/her-06-f.jpg');
  left: 164px;
  top: 390px;
}
.her6 .n {
  width: 636px;
  height: 266px;
  background-image: url('../pics/her-06-n.jpg');
  left: 64px;
  top: 18px;
}
.him1 .f {
  width: 685px;
  height: 186px;
  background-image: url('../pics/him-01-f.jpg');
  left: 194px;
  bottom: 255px;
}
.him1 .i {
  width: 336px;
  height: 29px;
  background-image: url('../pics/him-01-i.jpg');
  left: 579px;
  bottom: 516px;
}
.him2 .i {
  width: 276px;
  height: 98px;
  background-image: url('../pics/him-02-i.jpg');
  left: 826px;
  bottom: 177px;
}
.him2 .n {
  width: 945px;
  height: 348px;
  background-image: url('../pics/him-02-n.jpg');
  left: 215px;
  bottom: 346px;
}
.him3 .n {
  width: 492px;
  height: 300px;
  background-image: url('../pics/him-03-n.jpg');
  left: 470px;
  bottom: 215px;
}
.him4 .f {
  width: 279px;
  height: 153px;
  background-image: url('../pics/him-04-f.jpg');
  left: 697px;
  bottom: 117px;
}
.him4 .n {
  width: 343px;
  height: 203px;
  background-image: url('../pics/him-04-n.jpg');
  left: 149px;
  bottom: 423px;
}
.him5 .f {
  left: 904px;
  bottom: 86px;
  background-image: url('../pics/him-05-f.jpg');
  width: 119px;
  height: 133px;
}
.him5 .i {
  left: 787px;
  bottom: 262px;
  background-image: url('../pics/him-05-i.jpg');
  width: 284px;
  height: 208px;
}
.him5 .n {
  left: 281px;
  bottom: 369px;
  background-image: url('../pics/him-05-n.jpg');
  width: 290px;
  height: 81px;
}
.him6 .f {
  left: 499px;
  bottom: 288px;
  background-image: url('../pics/him-06-f.jpg');
  width: 285px;
  height: 136px;
}
.him6 .i {
  left: 1136px;
  bottom: 191px;
  background-image: url('../pics/him-06-i.jpg');
  width: 184px;
  height: 425px;
}
.him6 .n {
  left: 900px;
  bottom: 427px;
  background-image: url('../pics/him-06-n.jpg');
  width: 168px;
  height: 234px;
}
.him6 .g {
  z-index: 5;
}
.footer {
  list-style-type: none;
  padding: 0;
  width: 1280px;
  margin: 0 auto;
}
.footer li {
  margin: 0 20px 0 0;
  padding: 0;
  float: left;
}
.footer li a {
  display: block;
  width: 365px;
  height: 75px;
  background-repeat: no-repeat;
  opacity: 0.75;
}
.footer li a.current {
  opacity: 1.0;
}
.footer li a.demo {
  background-image: url('../pics/btn-demo.png');
}
.footer li a.concept {
  background-image: url('../pics/btn-concept.png');
}
.footer li a.testimonials {
  background-image: url('../pics/btn-testimonials.png');
}