/*   M A I N   W E B S I T E   S T Y L E S   */

body {
     background-color: #121212;
     background-image: url('../images/website/house_ducroix_background.jpg');
     background-repeat: repeat-x;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #98838F;
     }

h1, h2 {
     display: none;
     }

p {
     line-height: 130%;
     }

a {
     text-decoration: none;
     font-size: 12px;
     color: #660044;
     }

img {
     padding: 0;
     margin: 0;
     border: 0;
     outline: 0;
     }

a:link, a:visited {
     color: #993366;
     }

a:hover, a:active {
     color: #CC9999;
     }

.small {
     font-size: 9px;
     color: #993366;
     text-align: center;
     }

.large, .large a {
     font-size: 16px;
     font-weight: bold;
     }

.highlight {
     color: #993366;
     }

blockquote {
     padding: 5px 0 25px 50px;
     margin: 0;
     }

table {
     padding: 10px;
     }

#container {
     width: 728px;
     margin: auto;
     padding: 0;
     }

#header {
     width: 728px;
     height: 142px;
     margin: auto;
     padding: 0;
     }

#logo {
     float: right;
     width: 188px;
     height: 142px;
     background-image: url('../images/website/house_ducroix_header.jpg');
     background-repeat: no-repeat;
     }

#logo:hover, #logo:active {
     background-image: url('../images/website/house_ducroix_header_over.jpg');
     background-repeat: no-repeat;
     }

#navigation {
     width: 728px;
     height: 32px;
     clear: both; 
     margin: 0;
     padding: 0;
     }

#navigation a {
     float: left;
     margin: 0;
     padding: 0;
     }

#mistress, #mistress.inactive, #mistress.inactive:hover {
     float: left;
     background: url('../images/website/house_ducroix_mistress.jpg') no-repeat;
     width: 145px;
     height: 32px;
     }

#mistress:hover, #mistress:active, #mistress.current {
     background: url('../images/website/house_ducroix_mistress_over.jpg') no-repeat;
     }

#dungeon, #dungeon.inactive, #dungeon.inactive:hover {
     float: left;
     background: url('../images/website/house_ducroix_dungeon.jpg') no-repeat;
     width: 132px;
     height: 32px;
     }

#dungeon:hover, #dungeon:active, #dungeon.current {
     background: url('../images/website/house_ducroix_dungeon_over.jpg') no-repeat;
     }

#gallery, #gallery.inactive, #gallery.inactive:hover {
     float: left;
     background: url('../images/website/house_ducroix_gallery.jpg') no-repeat;
     width: 115px;
     height: 32px;
     }

#gallery:hover, #gallery:active, #gallery.current {
     background: url('../images/website/house_ducroix_gallery_over.jpg') no-repeat;
     }

#sessions, #sessions.inactive, #sessions.inactive:hover {
     float: left;
     background: url('../images/website/house_ducroix_sessions.jpg') no-repeat;
     width: 120px;
     height: 32px;
     }

#sessions:hover, #sessions:active, #sessions.current {
     background: url('../images/website/house_ducroix_sessions_over.jpg') no-repeat;
     }

#links, #links.inactive, #links.inactive:hover {
     float: left;
     background: url('../images/website/house_ducroix_links.jpg') no-repeat;
     width: 89px;
     height: 32px;
     }

#links:hover, #links:active, #links.current {
     background: url('../images/website/house_ducroix_links_over.jpg') no-repeat;
     }

#contact, #contact.inactive, #contact.inactive:hover {
     float: left;
     background: url('../images/website/house_ducroix_contact.jpg') no-repeat;
     width: 127px;
     height: 32px;
     }

#contact:hover, #contact:active, #contact.current {
     background: url('../images/website/house_ducroix_contact_over.jpg') no-repeat;
     }

#main {
     width: 732px;
     height: 500px;
     }

#heading img {
     padding: 25px 0px 10px 45px;
     }

#image {
     width: 152px;
     height: 227px;
     margin: 0;
     padding: 10px;
     float: left;
     }

#text {
     width: 450px;
     margin: 0;
     padding-left: 50px;
     float: left;
     }

#thumbs {
     width: 400px;
     height: 400px;
     padding: 10px;
     margin: 0;
     }

#thumbs table {
     padding: 0;
     margin: 0;
     }

#thumbs img {
     margin: 3px;
     padding: 0;
     border: 2px solid #993366;
     }

#thumbs img:hover {
     border: 2px solid #CC9999;
     }

#footer {
     clear: both;
     }


/*   L I G H T B O X   S T Y L E S   */

#lightbox {
     position: absolute;
     left: 0;
     width: 100%;
     z-index: 100;
     text-align: center;
     line-height: 0
     }

#lightbox img {
     width: auto;
     height: auto;
     }

#lightbox a img {
     border: none;
     }

#outerImageContainer {
     position: relative;
     background-color: #fff;
     width: 250px;
     height: 250px;
     margin: 0 auto;
     }

#imageContainer {
     padding: 10px;
     }

#loading {
     position: absolute;
     top: 40%;
     left: 0%;
     height: 25%;
     width: 100%;
     text-align: center;
     line-height: 0;
     }

#hoverNav {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 10;
     }

#imageContainer>#hoverNav {
     left: 0;
     }

#hoverNav a {
     outline: none;
     }

#prevLink, #nextLink {
     width: 49%;
     height: 100%;
     background-image: url(data:image/gif;base64,AAAA); 
     display: block;
     }

#prevLink {
     left: 0;
     float: left;
     }

#nextLink {
     right: 0;
     float: right;
     }

#prevLink:hover, #prevLink:visited:hover {
     background: url(../images/prevlabel.gif) left 15% no-repeat;
     }

#nextLink:hover, #nextLink:visited:hover {
     background: url(../images/nextlabel.gif) right 15% no-repeat;
     }

#imageDataContainer {
     font: 10px Verdana, Helvetica, sans-serif;
     background-color: #fff;
     margin: 0 auto;
     line-height: 1.4em;
     overflow: auto;
     width: 100%;
     }

#imageData {
     padding:0 10px;
     color: #666;
     }

#imageData #imageDetails {
     width: 70%;
     float: left;
     text-align: left;
     }

#imageData #caption {
     font-weight: bold;
     }

#imageData #numberDisplay {
     display: block;
     clear: left;
     padding-bottom: 1.0em;
     }

#imageData #bottomNavClose {
     width: 66px;
     float: right;
     padding-bottom: 0.7em;
     outline: none;
     }

#overlay {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 90;
     width: 100%;
     height: 500px;
     background-color: #000;
     }