/* mac hide \*/
html, body {height:100%}
/* end hide*/
body     { font-size: 14px; font-family: Arial, sans-serif; line-height: 150%; background-color: white; background-image: url(img/bg.gif); background-repeat: repeat-y; margin: 0; padding: 0 }
.grey { background-color: #788791; background-image: url(img/bg-grey.gif); background-repeat: repeat-y }
img { border-width: 0 }
.homepage  { color: #ffb2db; background-color: #e8007b; background-image: url("img/bg-bottom.gif"); background-repeat: repeat-x; background-position: left bottom; text-align: center; display: inline }
.hp-no-show { display: none }
#content-hp { text-align: center; margin: 0 auto 0; padding: 85px 0 0; width: 700px }
a  { color: #e8007b; text-decoration: none }
#bg-top    { background-image: url("img/bg-top.gif"); background-repeat: repeat-x; text-align: center; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 225px }
#jmq-logo-home  { background-image: url("img/jmq-logo-home.gif"); margin-right: auto; margin-left: auto; width: 272px; height: 68px }

#outer { margin-left: 230px; min-height: 95%; }

#left    { background-color: #e8007b; background-image: url("img/bg-bottom.gif"); background-repeat: repeat-x; background-position: left bottom; margin: 0; position: absolute; top: 0; left: 0; width: 230px; height: 98%; min-height: 95%; float: left }

#nav-container  { background-image: url("img/bg-top.gif"); background-repeat: repeat-x; background-position: left top; padding: 28px 19px 0 20px; width: 191px; }

* html #content {height:1%;}/* combat IE's 3 pixel jog */

#content    { padding: 16px 0 0 16px }

ul#home-nav   { color: white; margin: 24px 0 0; padding: 0 }
ul#home-nav li { list-style-type: none; display: inline }
ul#home-nav li a   { color: #ffffff; padding: 10px 8px }
#home-nav a:hover { color: #d1b75e }

ul#pagenav    { color: #808080; margin: 0; padding: 0; float: left }
ul#pagenav .current-page { font-weight: bold; padding-right: 2px; padding-left: 2px }
ul#pagenav li  { list-style-type: none; display: inline }
ul#pagenav li a  { color: #e8007b; list-style-type: none; display: inline; padding-right: 2px; padding-left: 2px }
.grey ul#pagenav li a { list-style-type: none; display: inline; padding-right: 4px; padding-left: 4px }
ul#nav   { list-style-type: none; margin-top: 26px; margin-left: 0; padding-left: 0 }
#nav .active { color: #d1b75e; padding: 3px 0 }
#nav .active a { color: #d1b75e; padding: 0 }
#nav a   { color: #ffffff; display: block; padding: 3px 0; width: 191px }
#nav a { color: #ffffff;text-decoration: none; }
#nav a:hover {color: #d1b75e;}
.en-link {margin-top: 18px;}

ul#collection-nav  { white-space: nowrap; margin: 0; padding: 0 }
#collection-nav li { list-style-type: none; display: inline; padding-right: 4px }


p  { margin: 12px 0; padding: 0 }
.heading { color: #e8007b; font-weight: bold; margin: 0; padding: 0 }
.heading-press   { color: #fff; font-weight: bold }
.grey #content a  { color: #f9f }
.grey #content a:hover { color: #808080 }
.intro { color: #e8007b; font-size: 18px }
#main-text     { position: absolute; top: 107px; left: 251px }
#press { position: absolute; top: 120px; left: 247px; width: 700px }
.press-images img   { margin-right: 16px }
.caption { color: white }
.footer      { color: #999; font-size: 12px; margin-top: 30px; position: absolute; bottom: 0; left: 0 }
.collection-footer { position: absolute; top: 620px; left: 251px }
.true { font-size: 11px }
.footer a { color: #999 }
#panels   { position: absolute; top: 135px; left: 251px; width: 725px }
.zoom-vert { position: absolute; top: 135px; left: 572px }
.zoom-hor { position: absolute; top: 135px; left: 726px }
.detail-vert { position: absolute; top: 0px; left: 321px }
.detail-hor { position: absolute; top: 135px; left: 572px }
.mouse-over-vert { position: absolute; top: 467px; left: 0px }
.mouse-over-hor { position: absolute; top: 312px; left: 0px }