/* Standards Compliant Style Sheet */

/* Test Rollovers for main page please delete and restart with correct css
------------------------------ */
#Table_01 {
	position:relative;
	left:0px;
	top:0px;
	width:714px;
	height:474px;
}

#main-image1-rollovers-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:225px;
	height:188px;
}

#main-image1-rollovers-02 {
	position:absolute;
	left:225px;
	top:0px;
	width:132px;
	height:188px;
}

#main-image1-rollovers-03 {
	position:absolute;
	left:357px;
	top:0px;
	width:356px;
	height:188px;
}

#main-image1-rollovers-04 {
	position:absolute;
	left:713px;
	top:0px;
	width:1px;
	height:474px;
}

#main-image1-rollovers-05 {
	position:absolute;
	left:0px;
	top:188px;
	width:210px;
	height:286px;
}

#main-image1-rollovers-06 {
	position:absolute;
	left:210px;
	top:188px;
	width:337px;
	height:286px;
}

#main-image1-rollovers-07 {
	position:absolute;
	left:547px;
	top:188px;
	width:166px;
	height:286px;
}


/* Basics
------------------------------ */
html {
/* Moz */
height:100%;
margin-bottom:0.1em;
}

/* =Main Layout
------------------------------ */
body {
background:#FFF;
margin:0;
padding:0 0 50px;
text-align:left;
}

#wrapper {
width:740px;
margin-left:auto;
margin-right:auto;
padding:0 10px;
}

#header {
height:55px;
padding:20px 20px 0;
text-align:right;
}

#header ul {
padding:0;
margin:0;
list-style:none;
}

#header li {
float:right;
width:5em;
margin-top:35px;
font-size:1em;
}

#main {
padding:0 10px;
}

#galleryheader {
margin:0 80px;
}

#gallerytitle {
float:left;
margin-left:50px;
}

#gallery {
margin:60px 70px 30px;
padding:10px;
background:url(images/gallery-background.jpg) repeat;
}

#albums {
background:url(images/gallery-background1.jpg) repeat;
padding:5px 0 0 4px;
}

#albums ul {
padding:0;
margin:0;
list-style:none;
background:url(images/gallery-background1.jpg) repeat;
}

#albums li {
float:left;
}

#photos {
background:url(images/gallery-background1.jpg) repeat;
height:100%;
width:100%;
}

#admin {
font-size:0.75em;
color:#999;
padding:23px 20px;
width:35%;
float:right;
text-align:right;
}

#wishlisttotal {
font-size:1em;
width:50%;
float:left;
padding:10px 20px;
}

#wishlisttotal img {
border:0 !important;
vertical-align:middle;
}

#footer {
height:50px;
font-size:0.75em;
color:#999;
padding:0 20px;
}

/* Text Styles
------------------------------ */

body,tr,td,input,select,textarea {
font:normal 10pt "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#666;
}

a:link,a:visited {
text-decoration:none;
color:#999;
}

a:hover {
text-decoration:underline;
color:#8e3c67;
}

h2 {
font:120% "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#9da1a5;
margin-top:30px;
}

h2 a:link,h2 a:visited,h2 span {
color:#8DB8CF;
}

h3 {
font:110% "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#8e3c67;
margin-top:30px;
}

h3 a:link,h3 a:visited,h3 span {
color:#8e3c67;
}

/* Miscellaneous
------------------------------ */
.right {/* doesn't appeat to render correctly */
float:right;
}

.floatr {/* replaces above .right in #footer */
float: right;
}

.left {
float:left;
}

.clear {
clear:both;
}

.formatDesc {
clear:both; /* there is a ie fix in the ie.css file for this */
}

.none {
display: none;
}

.icon {
/* made to properly align the icons */
border:0 !important;
vertical-align:middle;
padding-right:10px;
margin-top:-4px;
}

hr {
clear:both;
height:0;
border:0;
border-top:1px solid #E6E6DF;
margin:0 0 12px;
padding:0;
}

img {
border:0;
}

blockquote {
border-left:1px dotted #96967E;
margin-left:20px;
padding-left:20px;
color:#363630;
}

/* Page Navigation
------------------------------ */
.pagelist {
float:left;
margin-top:25px;
font-size:0.9em;
}

UL.pagelist {
padding:0;
margin:5px 0;
list-style-type:none;
height:2em;
}

UL.pagelist LI {
display:inline;
font-weight:700;
}

UL.pagelist LI A,UL.pagelist LI span.disabledlink {
display:block;
float:left;
padding:2px 4px;
background-color:#e4dbe0;
text-decoration:none;
color:#555;
}

UL.pagelist LI span.disabledlink {
background-color:#fff;
color:#ddd;
cursor:default;
}

UL.pagelist LI A:hover {
background-color:#d2b1c2;
color:#000;
}

UL.pagelist LI.current A {
background-color:#8e3c67;
color:#FFF;
cursor:default;
}

/* AJAX
------------------------------ */
#albumDescEditable {
margin-bottom:12px;
font-style:italic;
}

#imageDescEditable {
margin-top:24px;
}

/* Image Thumbnails
------------------------------ */
.thumbimage {
padding:10px;
margin:5px 3px 1px;
background:url(images/image_background2.jpg) no-repeat 5px 7px;
display:block;
float:left;
}

.imagethumb a {
display:block;
margin:10px;
line-height:0;
}

.imagethumb a:visited {
border:1px solid #D3E4ED;
background:#F2F7F9;
}

.imagethumb a:hover {
border:1px solid #62A0BF;
background:#F4F9FB;
}

.imagethumb {
}

/* Album Thumbnails
------------------------------ */
.album {
padding:10px;
background:url(images/image_background.jpg) no-repeat 5px 7px !important;
border-bottom:1px solid #E7F0F5;
clear:both;
}

.album img {
float:left;
}

.album h3 {
padding:0;
margin:0;
}

.album h3 a {
display:block;
width:340px;
padding:3px 0 6px;
}

.album p {
margin:0 0 4px;
}

.albumdesc {
float:right;
width:410px;
margin-top:15px;
}

.albumdesc small {
margin-top:8px;
line-height:130%;
width:120px;
float:right;
color:#8DB8CF;
}

/* Individual Image
------------------------------ */
.image {
margin:0;
padding:0;
border:0;
}

#image {
text-align:center;
}

.imgnav {
float:right;
width:140px;
text-align:center;
border:1px solid #D5E6EE;
background:#EEF5F9;
margin-top:13px;
}

.imgnav .imgprevious a,.imgnav .imgnext a {
display:block;
width:50%;
height:100%;
float:left;
padding:4px 0;
font-size:120%;
text-decoration:none;
line-height:200%;
color:#237898;
}

.imgnav .imgprevious a:hover,.imgnav .imgnext a:hover {
background-color:#fff;
text-decoration:none;
color:#002E5B;
}

.imgnav .imgprevious a {
float:left;
}

.imgnav .imgnext a {
float:right;
}

#narrow {
margin:0 auto;
width:440px;
}

/* =Wishlist table*/
#wishlist {
background:url(images/gallery-background1.jpg) repeat;
padding:10px 20px;
}

.note {
font-size:0.85em;
}

.wishSubmit {
margin-top:2em;
padding-bottom:1.5em;
}

#cart td {
padding:0.4em;
border-bottom:1px solid #666;
}

/* Wishlist Contact Form */
#cart-contact {
margin-top:5px;
padding:10px 15px;
background:url(images/gallery-background1.jpg) repeat;
}

fieldset {
margin:1em 30px;
padding:1em;
border:1px solid #ccc;
}

legend {
font-weight:700;
}

label {
display:block;
padding-bottom:0.35em;
font-size:0.85em;
}

input.text {
width:250px;
}

textarea {
width:450px;
height:100px;
}

input:focus,textarea:focus {
background:#ffc;
}

.contactsubmit {
margin:1em 30px;
}

/* General Contact Form */
#primary {
width:450px;
padding:10px 15px 0 25px;
float:left;
}

.conTextarea {
width:350px;
height:100px;
}

#primary li {
padding:5px;
}

#secondary {
width:230px;
height:100%;
float:right;
padding:10px;
}

#secondary p {
font-size:0.9em;
}

/* Lightbox 
------------------------------ */
#theshelf {
width:200px;
height:200px;
background-color:#fff;
}

#lightbox {
position:absolute;
top:40px;
left:0;
width:100%;
z-index:100;
text-align:center;
}

#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;
}

#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:transparent url(images/blank.gif) no-repeat;
/* Trick IE into showing hover */
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;
}

#imageData {
padding:0 10px;
}

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

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

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

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

#overlay {
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
background-color:#000;
filter:alpha(opacity=60);
-moz-opacity:0.6px;
opacity:0.6px;
}

.clearfix:after {
content:".";

display:block;
height:0;
clear:both;
visibility:hidden;
}

* html>body .clearfix {
display:inline-block;
width:100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
height:1%;
/* End hide from IE-mac */
}