/* CSS DOCUMENT */
* 	{ margin: 0; padding: 0;}
img, a img	{ border: 0; }
html 		{ min-height: 100%; margin-bottom: 1px; }

body { font-size: 14px; font-family: helvetica, verdana, sans-serif; text-align: center;  color: #333;}
table, th, td { font-size: 14px; font-family: helvetica, verdana, sans-serif; color: #333; vertical-align: top;}

a:link, a:visited	{ color: #56321C; text-decoration: underline;}
a:hover				{ color: #8A9616;}

#bg	{ background: url(../images/bg_container.gif) repeat-x 0 100%; padding: 0 0 25px;}
#container	{ position: relative; width: 730px;padding: 0 0 120px; min-height: 400px; margin: 0 auto; text-align: left; }
	* html #container		{ height: 520px; he\ight: 400px;}
#home #container		{ background: url(../images/home_form.gif) no-repeat 50% 100%;}
#sub #container		{ background: url(../images/sub_form.gif) no-repeat 50% 100%;}
	
#header	{ background: #5A311B; height: 100px; margin: 0 0 10px; text-align: left;}

/* nav */
#nav					{ position: relative; height: 50px; z-index: 50;  }
#nav li 				{ position: relative; float: left; height: 50px; width: 146px; list-style: none; }
#nav li a 	{ position: relative; height: 50px; width: 146px; display: block; text-decoration:none; text-align: center; cursor: pointer; }
#nav li strong 			{ position: absolute; top: 0px; left: 0px; display: block; height: 50px; width: 146px; }
#nav li, #nav li a, #nav li strong, #nav li div	{ background-image: url(../images/nav.gif); }

#nav li.about, #nav li.about a, #nav li.about a strong					{ background-position: 0 0; }
#nav li.stores, #nav li.stores a, #nav li.stores a strong				{ background-position: -146px 0; }
#nav li.collections, #nav li.collections a, #nav li.collections a strong{ background-position: -292px 0; }
#nav li.events, #nav li.events a, #nav li.events a strong				{ background-position: -438px 0;  }
#nav li.contact, #nav li.contact a, #nav li.contact a strong			{ background-position: -584px 0;  }
	
/* HOVER STATE */
#nav li.about, #nav li.about a:hover strong				{ background-position: 0 -50px; }
#nav li.stores, #nav li.stores a:hover strong			{ background-position: -146px -50px; }
#nav li.collections, #nav li.collections a:hover strong	{ background-position: -292px -50px; }
#nav li.events, #nav li.events a:hover strong			{ background-position: -438px -50px; }
#nav li.contact, #nav li.contact a:hover strong			{ background-position: -584px -50px; }

/* ON STATE */ 
#nav li.abouton, #nav li.abouton strong				{ background-position: 0 -100px;}
#nav li.storeson, #nav li.storeson strong			{ background-position: -146px -100px; }
#nav li.collectionson, #nav li.collectionson strong	{ background-position: -292px -100px; }
#nav li.eventson, #nav li.eventson strong			{ background-position: -438px -100px; }
#nav li.contacton, #nav li.contacton strong			{ background-position: -584px -100px; }

/* NAVIGATION: css drop downs */
#nav li ul li a:link, #nav li ul li a:visited	{ display: block; color: #5a311b; background: #fff; text-decoration: none; height: auto; padding: 3px 0; }
#nav li li	{ height: auto; width: auto; }
#nav li ul li a:hover 	{ color: #8d9816;}
#nav ul 	{ list-style: none; }
#nav li ul 	{ display: none; position: absolute; top: 50px; }
#nav li>ul 	{ top: 50px; left: 0; }
#nav li:hover ul, #nav li.over ul 	{ display: block; padding: 0px; width: 146px;}


/* HOME page */
.h_welcome 	{ position: relative; float: left; width: 280px; z-index: 10;}
.h_welcome 	{ padding-right: 120px;}
.clear		{ clear: both;}

/* SUB page */

#content	{ padding: 20px 20px;}
#content p	{ padding: 0 0 15px;}
#content ul, #content ol	{ padding: 0 25px 15px;}

.floatleft	{ float: left; margin: 5px 15px 10px 0;}

.one, .two	{ position: absolute; top: 200px; left: 50px; padding: 0 0 0 26px; background: url(../images/icon_email.gif) no-repeat 0 30px; font-size: 17px; line-height: 28px;}
.two	{ left: 470px;}

.products td	{ vertical-align: top; padding: 10px; font-size: 12px;}

.contactform td	{ padding: 2px;}
.contactform td.lt	{ text-align: right; padding: 5px 2px 2px; width: 180px;}
.contactform input, .contactform select, .contactform textarea	{width: 300px; border: 1px inset #ccc; color: #666; padding: 3px;font-family: helvetica, verdana, sans-serif;}
.contactform input#send	{ border: 1px outset #999; width: 80px; padding: 2px; background: #5A311B; color: #fff;  }
.contactform input#reset	{ border: 1px outset #999; width: 80px; padding: 2px; background: #5A311B; color: #fff;  }

#footer	{  position: absolute;	bottom: -26px;	right: 22px; background: #fff; padding: 6px 14px;	font-size: 11px;	color: #999; }
#footer a:link, #footer a:visited	{ text-decoration: none;}

h1	{ font-weight: normal; font-size: 30px; color: #F56D6D; padding: 10px 25px; letter-spacing: -2px;}
h2	{ font-weight: normal; font-size: 22px;	color : #999900;}
h3	{ font-weight: normal; font-size: 18px;}
b {	font-weight: bolder;	color : #999900;}

/* lightbox */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#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: 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; 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;	}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }