/* Body Styles */
* {margin: 0;}
html, body {height: 100%;}
body {background:#000 url(../images/bodyBG.jpg) fixed no-repeat 50% 0; height:100%; margin:0px; padding:0px; font-family: Georgia, serif; font-size: 14px; font-style: italic; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.6em; color:#fff;}
:focus {outline: none !important;}

/* Classes */
.active {background-position: 0px -43px !important;}
.clear {clear:both;}
.center {margin:15px 15px 30px 200px !important;}
.cat {width:90%; font:Arial, Helvetica, sans-serif #FFF; font-size:12px; border-bottom:1px solid #7f176b; color:#FFF; clear:both; padding-bottom:2px; padding-top:10px;}

/* Top Header */
#top {width:100%; height:20px; color:#fff; border-top:5px solid #7f176b;}

/* Main Container */
#container {width:950px; margin: 0 auto -40px; position: relative; min-height: 100%; height:auto !important; height:100%;}
#logo {width:304px; height:135px; position:relative; top:26px; left:25px; z-index: 10;}
#logo h1 {text-indent: -99999px; background-image: url(../images/logo.png); height:135px;}
#quote {height: 94px; width:804px; position:relative; margin: 0 auto; margin-top:50px; }
#quote h2 {text-indent: -99999px; background-image: url(../images/quote.png); height:94px;}
#quoteType {width:804px; color:#ccc; position:relative; margin:0 auto; padding:10px 0 50px 0;}

/* Navigation */
#navcontainer {float: left; position:absolute; top: 60px; left: 310px; width:700px;}
#navlist li {display: inline; list-style-type: none; padding-right: 20px;}
#navcontainer span {display:none;}

#home {display: block; width: 102px; height: 42px; background: url("../images/home.png") no-repeat 0 0; float:left; margin-right:20px;}
#home:hover {background-position: 0px -43px;}
#collections {display: block; width: 150px; height: 42px; background: url("../images/collections.png") no-repeat 0 0; float:left; margin-right:10px;}
#collections:hover {background-position: 0px -43px;}
#categories {display: block; width: 150px; height: 42px; background: url("../images/categories.png") no-repeat 0 0; float:left; margin-right:10px;}
#categories:hover {background-position: 0px -43px;}
#contact {display: block; width: 125px; height: 42px; background: url("../images/contact.png") no-repeat 0 0; float:left; margin-right:10px;}
#contact:hover {background-position: 0px -43px;}


/* Gallery */
#largeThumbContainer {width:766px; margin:0 155px;}
#largeThumb {width:330px; height:196px; background:#121212; border:2px solid #333333; float:left; margin:15px;}
#largeThumb:hover {border:2px solid #7f176b; background:#000;}
#largeImg {width:330px; height:150px; }
#largeImg a img{border-style:none;}
#largeThumb:hover a img {opacity: .5; filter:alpha(opacity=50);}
#largeTxt {width:330px; height:30px; margin: 0 auto; font-size:16px; text-align: center;  padding:10px 0 0 0; border-top:1px solid #333;}
#largeThumb a {text-decoration: none; color:#b8b8b8;}
#largeThumb:hover a {color:#fff; }


#smallThumbContainer {width:766px; margin:0 155px;}
#smallThumbContainer a img {border:none;}
#smallThumbContainer a img:hover {opacity: .5; filter:alpha(opacity=50);}
#thumbnail {width:200px; height:150px; float:left; margin:15px; border:2px solid #333; background:#000;}
#thumbnail:hover {width:200px; height:150px; float:left; margin:15px; border:2px solid #75176b;}


/* Slide Show */
#slideShowContainer {width:880px; height:351px; background: #000; border:1px solid #333; position:relative; margin: 0 auto;}

/* Footer */
#footer {background:#121212; width:100%; height:35px; color:#b8b8b8; border-bottom:5px solid #7f176b; border-top:1px solid #333333; font-family: Georgia, serif; font-size: 14px; font-style: italic; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.6em; }
#footer a {text-decoration: none; color:#b8b8b8;}
#footer a:hover {color:#fff;}
#footerNav {width:825px; margin: 0 auto; height:25px;  margin-top:5px; }
#footerNav ul {margin:0 0 10px 0; padding: 0;}
#footerNav li {display: inline; list-style-type: none; padding-right: 20px;}
.padLeft {margin-left:345px;}
.push {height:40px;}

/* Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto; border:2px solid #333333; }
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #121212; 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); /* 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: #121212; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; border-bottom:3px solid #7f176b; padding-top:8px;}

#imageData{	padding:0 10px; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: italic; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.6em;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	color:#fff; font-size:16px; margin-left:5px;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	display:none;}			
#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; }

/* Contact */
#contactLabel {width: 194px; height: 34px; background: #000; float:left; margin-top: -18px; z-index:10; position:absolute;}
#contactContainer {height: 575px; width:960px; position:relative; background:#fff; padding:16px 0 0;}
#contactBox {width:515px; height:540px; margin:20px 0 0 80px; float:left; }
#testimonialsContainer {width: 350px; height: 453px; float:left; margin:10px 0 0 35px;}
#testimononialBox {width: 310px; height: 100px; padding:20px; color:#fff; background:#000; font-style:normal; margin-bottom:23px; background:url(../images/quote.jpg) no-repeat scroll 0 0 transparent;}

/*Contact Form Styles */
.notification_error{border:1px solid #A25965;height:auto;width:343px;background:#F8F0F1;text-align:center;-moz-border-radius:5px;padding:4px; margin:85px 0 10px 147px;}
.notification_ok{border:1px #567397 solid;height:auto;width:343px;background:#f5f9fd;text-align:center;-moz-border-radius:5px;padding:8px;}
.info_fieldset{-moz-border-radius:7px;border:1px #ddd solid;}
.info_fieldset legend{border:1px #ddd solid;color:#000;font:13px Verdana;-moz-border-radius:3px;padding:2px 5px;}
.button{background:#000;color:#fff;font:16px Georgia, serif;-moz-border-radius:10px 10px 10px 10px; width: 145px; height:42px; float:right; margin:20px 113px 0 0; z-index:1;}
.button:hover {background:#7f176b;}
label{width:110px;padding-left:20px;float:left;text-align:left;margin:5px; font-family: Georgia, serif; font-size: 18px; font-style: italic;  font-weight: bold; text-transform: normal; letter-spacing: normal; line-height: 1.6em; color:#b8b8b8;}
.input,textarea{float:left;border:1px solid #999;border-top-color:#CCC;border-left-color:#CCC;color:#333;font:11px Verdana, Helvetica, Arial, sans-serif; margin:5px; font-size:200%; -moz-border-radius:10px 10px 10px 10px; padding:10px; font-family: Georgia, serif; width:343px; background:#f3f3f3;}
.input:focus, textarea:focus {border:1px solid #7f176b; background:#fff;}
#contactBox br{clear:left; margin-bottom:60px;}
.big {height:229px;}
.thankyou {background:#000; color:#fff; font-family: Georgia, serif; font-size: 14px; font-style: italic;  font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.6em; padding:7px; text-align:center; border:1px solid #7f176b; margin:85px 0 0 147px; width:343px;}