/* 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: left;  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 50% 100%; padding: 0 0 25px;}
#container	{ position: relative; width: 730px;padding: 0 0 120px; min-height: 400px;}
	* 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	{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: 330px; z-index: 10;}
.h_welcome 	{ padding-right: 20px;}
.clear		{ clear: both;}

/* SUB page */

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

.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: 5px; font-size: 12px;}

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

#footer	{ position: absolute; bottom: -26px; right: 25px; 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;}
h3	{ font-weight: normal; font-size: 18px;}