/*
 * Body
 * ----------------------------------------------------------------------------
 */
 
  body
  {
    background-color: #000;
  }

	#wrapper
	{
	}
	
	#background
	{
	}
	
	#background img
	{
		position: relative;
	}
	
	#background .pattern
	{
		position: absolute;
		top: 0;
		left: 0;
		background: url(../images/tlf_pat.png) center center repeat;
	}


/*
 * Header
 * ----------------------------------------------------------------------------
 */
 
  #header
  {
  	background: url(../images/header-bg.jpg) bottom left no-repeat;
  	font-family: Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  }

  #header-inner
  {
  }

  #logo /* Wrapper for logo */
  {
  }

	#google-us
	{
	}



/*
 * Main & Page (containers for everything else)
 * ----------------------------------------------------------------------------
 */
 
  #main
  {
  	background-image: url('../images/main-bg.png');
  	background-position: top center;
  	background-repeat: repeat-y;
  }
  #main-inner
  {
  	padding: 1px 0; /* needed to allow the #page top and bottom margin */
  }

	#page
	{
		background-image: url('../images/page-bg.jpg');
  	background-position: top center;
  	background-repeat: repeat-y;
		margin: 25px 26px 75px;
	}
	#page-inner
	{
		position: relative;
		background-position: top center;
  	background-repeat: no-repeat;
  	padding-bottom: 20px;
	}

	
	.nail
  {
  	width: 37px;
  	height: 38px;
		position: absolute;
		background-image: url('../images/icon-nail.png');
  	background-position: top center;
  	background-repeat: no-repeat;
  }
  .nail.top-left
  {
  	top: 10px;
		left: 10px;
  }
  .nail.top-right
  {
		top: 10px;
		right: 10px;
  }
  .nail.bottom-left
  {
  	bottom: 30px;
		left: 10px;
  }
  .nail.bottom-right
  {
		bottom: 30px;
		right: 10px;
  }
  
  
  

	

/*
 * Content
 * ----------------------------------------------------------------------------
 */
 
  #content
  {
  }

  #content-inner
  {
  }
  
  #content-top
  {
  }
  
  #content-bottom
  {
  	height: 118px;
  	width: 866px;
  	position: absolute;
  	bottom: -10px;
  	margin: 0 20px;
  }
  #content-bottom-inner
  {
  }
  
  
  #content-header
  {
  }
  
  #content-area
  {
  }

  h1.title
  {
  	margin: 16px 0 20px 0;
  	padding: 0;
  }
  





/*
 * Navigation menus
 * ----------------------------------------------------------------------------
 */

/** Primary links **/
  #primary-menu 
  {
  	font-size: 0.875em;
  }
  
  #primary-menu a:link, #primary-menu a:visited, #primary-menu a:hover, #primary-menu a:focus, #primary-menu a:active, #primary-menu a.active
  {
  	color: #eadbb4;
  	text-decoration: none;
  }
  #primary-menu a:hover, #primary-menu a:focus, #primary-menu a:active, #primary-menu a.active
  {
  	color: #fff;
  }

	#primary-menu ul
  {
  	/*width: 678px;*/
  	padding-left: 0px;
  	height: 46px;
  	background-image: url(../images/primary-menu-bg.png); 		
 		background-repeat: no-repeat;
 		background-position: top;
 		overflow: hidden;
  	margin: 0;
    /*padding: 0;*/
  }
	#primary-menu ul li
  {
    float: left;
		display: block; 
		list-style: none; 
    margin: 0;
    padding: 0;
  }
  #primary-menu ul li a
  {
  	width: 100px;
  	display: block;
  	height: 46px;
  	text-align: center;
  	padding-top: 16px;
  }

	#primary-menu ul li.item-01 a {width:101px;}
	#primary-menu ul li.item-02 a {width:124px;}
	#primary-menu ul li.item-03 a {width:106px;}
	#primary-menu ul li.item-04 a {width:116px;}
	#primary-menu ul li.item-05 a {width:110px;}
	#primary-menu ul li.item-06 a {width:121px;}
	#primary-menu ul li.item-07 a {width:121px;}
			
	#primary-menu ul a:hover, #primary-menu ul a.active {background: url('../images/primary-menu-bg.png') no-repeat;}
	
	/** roll over **/
	#primary-menu ul li.item-01 a:hover {background-position: 0 -46px;}	
	#primary-menu ul li.item-02 a:hover {background-position: -101px -46px;}
	#primary-menu ul li.item-03 a:hover {background-position: -225px -46px;}
	#primary-menu ul li.item-04 a:hover {background-position: -331px -46px;}
	#primary-menu ul li.item-05 a:hover {background-position: -447px -46px;}
	#primary-menu ul li.item-06 a:hover {background-position: -557px -46px;}
	#primary-menu ul li.item-07 a:hover {background-position: -557px -46px;}

	/** active **/
	#primary-menu ul li.item-01 a.active {background-position: 0 -94px;}	
	#primary-menu ul li.item-02 a.active {background-position: -101px -94px;}
	#primary-menu ul li.item-03 a.active {background-position: -225px -94px;}
	#primary-menu ul li.item-04 a.active {background-position: -331px -94px;}
	#primary-menu ul li.item-05 a.active {background-position: -447px -94px;}
	#primary-menu ul li.item-06 a.active {background-position: -557px -94px;}
	#primary-menu ul li.item-07 a.active {background-position: -557px -94px;}
	
	/** active roll over **/
	#primary-menu ul li.item-01 a.active:hover {background-position: 0 -46px;}	
	#primary-menu ul li.item-02 a.active:hover {background-position: -101px -46px;}
	#primary-menu ul li.item-03 a.active:hover {background-position: -225px -46px;}
	#primary-menu ul li.item-04 a.active:hover {background-position: -331px -46px;}
	#primary-menu ul li.item-05 a.active:hover {background-position: -447px -46px;}
	#primary-menu ul li.item-06 a.active:hover {background-position: -557px -46px;}
	#primary-menu ul li.item-07 a.active:hover {background-position: -557px -46px;}
	
	
/** Secondary links **/
	#secondary-menu 
  {
  }
  
  #secondary-menu a:link, #secondary-menu a:visited, #secondary-menu a:hover, #primary-menu a:focus, #secondary-menu a:active, #secondary-menu a.active
  {
  	color: #eadbb4;
  	text-decoration: none;
  }
  #secondary-menu a:hover, #secondary-menu a:focus, #secondary-menu a:active, #secondary-menu a.active
  {
  	color: #fff;
  }

	#secondary-menu ul
  {
  	width: 866px;
  	height: 118px;
  	background-image: url(../images/secondary-menu-bg.png); 		
 		background-repeat: no-repeat;
 		background-position: top;
 		overflow: hidden;
  	margin: 0;
    padding: 0;
  }
	#secondary-menu ul li
  {
    float: left;
		display: block; 
		list-style: none; 
    margin: 0;
    padding: 0;
  }
  #secondary-menu ul li a
  {
  	width: 285px;
  	display: block;
  	height: 118px;
  	text-indent: -9999px; 
		font-size: 0;
  }

	#secondary-menu ul li.item-01 a {width: 286px; margin-right: 2px;}
	#secondary-menu ul li.item-02 a {width: 285px; margin-right: 2px;}
	#secondary-menu ul li.item-03 a {width: 286px;}
			
	#secondary-menu ul a:hover, #secondary-menu ul a.active {background: url('../images/secondary-menu-bg.png') no-repeat;}
	
	/** roll over **/
	#secondary-menu ul li.item-01 a:hover {background-position: 0 -118px;}	
	#secondary-menu ul li.item-02 a:hover {background-position: -288px -118px;}
	#secondary-menu ul li.item-03 a:hover {background-position: -575px -118px;}


/** side menu **/	
	#side-menu
	{
		width: 218px;
		border: 1px ridge #675134;
		background-color: #4d1206;
		background-image: url('../images/side-menu-bg.png');
		background-position: top;
		background-repeat: repeat-x;
		-moz-border-radius: 6px;
	  -webkit-border-radius: 6px;
	  border-radius: 6px;
	  padding: 10px 0 20px 0;
	}
	
	#side-menu h2
	{
		color: #fff;
		font-size: 1em;
		letter-spacing: -0.05em;
		text-align: center;
		text-transform: uppercase;
		background-image: url('../images/side-menu-h2-bg.png');
		background-position: bottom;
		background-repeat: no-repeat;
		margin-bottom: 0;
		padding-bottom: 28px;
	}
	
	#side-menu ul
	{
		margin: 0;
		padding: 0;
	}
	
	#side-menu li
	{
		font-size: 0.875em;
		line-height: 1.25em;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#side-menu li a
	{
		display: block;
		padding: 7px 10px 7px 33px;
	}
	#side-menu a:link, #side-menu a:visited, #side-menu a:hover, #side-menu a:focus, #side-menu a:active, #side-menu a.active
  {
  	color: #fff;
  	text-decoration: none;
  }
  #side-menu a:hover, #side-menu a:focus, #side-menu a:active, #side-menu a.active
  {
  	background-image: url('../images/side-menu-li-bg.png');
  	background-position: center left;
  	background-repeat: no-repeat;
  }
	
	
	
	
/** social media menu **/		
	#social-media
  {
  	background-image: url('../images/socialmedia-bg.png');
  	background-position: top left;
  	background-repeat: no-repeat;
  	font-size: 0.75em;
		font-family: Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  }
  #social-media-inner
  {
  	padding: 6px 10px 0 20px;
  }
  #social-media img
  {
  	padding: 0 0 0 24px;
  }
  
 
  

/*
 * Sidebars
 * ----------------------------------------------------------------------------
 */
 
  #sidebar-left
  {
  }

  #sidebar-left-inner
  {
  	padding: 3px 3px 30px 3px;
  }

  #sidebar-right
  {
  }

  #sidebar-right-inner
  {
  	padding: 3px 3px 30px 3px;
  }


/*
 * Footer 
 * ----------------------------------------------------------------------------
 */
 
  #footer
  {
  	background: url(../images/footer-bg.jpg) top left no-repeat;
  }
  #footer-inner
  {
  	padding: 45px 0 0 20px;
  }
	
	#footer .logo
  {
  	float: left;
  }
  #footer .copyright
  {
  	float: left;
  	color: #5a3737;
  	font-size: 0.675em;
  	line-height: 1.25em;
  	font-family: Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
  	margin: 2px 16px;
  }
  
	#footer a:link, #footer a:visited, #footer a:hover, #footer a:focus, #footer a:active, #footer a.active
  {
  	color: #5a3737;
  	text-decoration: none;
  }
  #footer a:hover, #footer a:focus, #footer a:active, #footer a.active
  {
  	color: #674949;
  	text-decoration: underline;
  }



/*
 * Content blocks
 * ----------------------------------------------------------------------------
 */
 
  .block /* Block wrapper */
  {
    margin-bottom: 1em;
  }
  
	.sidebar-gallery
	{
		margin: 70px 0 0;
	}
	.sidebar-photo
	{
		line-height: 1px;
		margin: 0;
		padding: 0;
	}

	.swatch-gallery
	{
		margin: 0 20px 0 0;
	}
	.sidebar-swatch
	{
		line-height: 1px;
		margin: 0;
		padding: 0;
	}



	

/*
 * Custom Page Elements
 * ----------------------------------------------------------------------------
 */

/** home page **/
	#home-page #page
	{
		height: 410px;
		background-image: url('../images/page-home-bg.jpg');
		background-repeat: no-repeat;
		margin: 25px 26px 107px;
	}
	#home-page.no-sidebars #content
	{
		height: 370px;
		margin-left: 30px;
	}

	#home-page .ornament
	{
		width: 750px;
		height: 300px;
		position: absolute;
		top: 55px;
		left: 50px;
		background-image: url('../images/icon-ornament.png');
		background-position: top left;
		background-repeat: no-repeat;
		z-index: 20;
	}
	#home-page #content-area
	{
		position: absolute;
		top: 55px;
		right: 50px;
		z-index: 15;
	}
	
	#home-page #content-area .image-rotator
	{
		position: relative;
		width: 500px;
		height: 300px;
		overflow: hidden;
	}
	
	#home-page #content-area .image-rotator img
	{
		position: absolute;
		top: 0;
		left: 0;
	}



/** about us page **/
	#about-page #page-inner
	{
		background-image: url('../images/page-about-bg.jpg');
	}
	
	#about-page h1.title
  {
  	width: 280px;
  	height: 40px;
  	position: relative;
  	left: -4px;
  	background-image: url(../images/title-aboutus.png); 		
 		background-repeat: no-repeat;
 		background-position: top;
 		text-indent: -9999px; 
		font-size: 0;
  }

	

/** collection page **/
	#collection-page #page-inner
	{
		background-image: url('../images/page-collection-bg.jpg');
		color: #fff;
	}
	#collection-page #content-inner
	{
		padding: 3px 3px 60px;
	}
	#collection-page #content-area
	{
		background-image: url('../images/page-collection-content-bg.png');
	}
	#collection-page #content-area.no-bg
	{
		background-image: none;
	}
	#collection-page #content-area h1
	{
		color: #fff;
		background-image: url('../images/page-collection-content-bg.png');
		padding: 0 0 0 10px;
	}
	#collection-page #content-area h2
	{
		color: #fff;
		font-size: 1em;
		letter-spacing: -0.05em;
		text-transform: uppercase;
		background-color: #4a1106;
		margin: 0;
		padding: 6px 0 4px 0;
	}
	
	#gallery-button 
	{
		float: left;
		height: 32px;
		width: 188px;
		font-size: 0.675em;
		background: url(../images/button-gallery.png) top left no-repeat;
		cursor: pointer;
		padding: 13px 0 0 10px;
	}
	#item-name 
	{
		float: right;
		text-align: right;
		font-size: 1em;
		background-color: #2e0b04;
		margin: 3px 0 0 0;
		padding: 8px 20px;
	}
	.item-number 
	{
	}
	
	.gallery-item
	{
		width: 187px;
		text-align: center;
		margin: 1px 1px 0 0;
	}
	.gallery-item-inner
	{
		background-image: url('../images/page-collection-content-bg.png');
		padding: 12px 10px 10px;
	}
	.gallery-item img
	{
		border: 1px solid #4f1b0b;
	}
	.gallery-item a:hover img, .gallery-item a:active img, .gallery-item a.active img
	{
		border: 1px solid #fffc00;
	}
	.gallery-item h6
	{
		color: #fff;
		font-size: 0.75em;
		background-color: #4a1106;
		margin: 0;
		padding: 4px 5px 6px 5px;
height: 30px;
	}
	.gallery-item h6 a
	{
		padding: 0 4px 0 4px;
display: block;
	}
	.gallery-item a:link, .gallery-item a:visited, .gallery-item a:hover, .gallery-item a:focus, .gallery-item a:active, .gallery-item a.active
  {
  	color: #fff;
  	text-decoration: none;
  }
  .gallery-item a:hover, .gallery-item a:focus, .gallery-item a:active, .gallery-item a.active
  {
  	color: #333;
  	background-color: #d4be85;
  }
	
	#photo-container
	{
		padding: 15px 14px;
	}
	#photo-container-inner
	{
		width: 535px;
		height: 345px;
		overflow: hidden;
		position: relative;
	}
	
	#photo-container-inner img
	{
		width: 535px;
		height: 345px;
		position: absolute;
	}
	
	#zoom-container
	{
		width: 223px;
		text-align: center;
	}
	#zoom-container-inner
	{
		background-image: url('../images/page-collection-content-bg.png');
		margin-top: 1px;
		padding: 10px;
	}
	
	.zoom-box
	{
		position: relative;
		width: 199px;
		height: 129px;
		overflow: hidden;
		margin: 0 auto;
	}
	
	.zoom-box img
	{
		position: relative;
		border: 1px solid #4f1b0b;
	}
	
	.zoom-box .zoom-extent
	{
		position: absolute;
		top: 0;
		left: 0;
		border: 1px solid #fffc00;
		width: 25%;
		height: 25%;
		display: none;
	}
	
	#thumbnail-container
	{
		width: 340px;
		text-align: center;
	}
	#thumbnail-container-inner
	{
		margin-top: 1px;
		padding: 10px;
	}
	#thumbnail-container a
	{
	}
	#thumbnail-container img
	{
		border: 1px solid #4f1b0b;
		margin: 2px;
	}
	#thumbnail-container a:hover img, #thumbnail-container a:active img, #thumbnail-container a.active img
	{
		border: 1px solid #fffc00;
	}
	
	
	#collection-page #content-area table.releated-items
	{
		width: 100%;
		font-size: 0.875em;
		margin: 0;
	}
	
	.releated-items-header 
	{
		height: 30px;
	}
	.releated-items-header td 
	{
		background: #1b0400;
	}
	.releated-items-item 
	{
		background: #4a1106;
		padding-left: 10px;
	}
	.releated-items-item a, .releated-items-item a:visited 
	{
		text-decoration: none;
	}
	.releated-items-item a:hover 
	{
		text-decoration: underline;
	}
	.releated-items-number 
	{
		padding-left: 5px;
		padding-right: 5px;
		background-color: #4c2b18;
	}
	.releated-items-button
	{
		background-image: url('../images/page-collection-view-bg.png');
	}
	.releated-items-dim 
	{
	}
	.releated-items-footer 
	{
		background: #1b0400;
		height: 30px;
	}
	
	
	
/** warranty page **/
	#warranty-page #page-inner
	{
		background-image: url('../images/page-about-bg.jpg');
	}
	
	#warranty-page h1.title
  {
  	width: 280px;
  	height: 65px;
  	position: relative;
  	left: -10px;
  	background-image: url(../images/title-warranty.png); 		
 		background-repeat: no-repeat;
 		background-position: top;
 		text-indent: -9999px; 
		font-size: 0;
  }
  
  #warranty-page #content-area
  {
  	position: relative;
  	top: -25px;
  }
	
	
	
/** leather page **/
	#leather-page #page-inner
	{
		background-image: url('../images/page-about-bg.jpg');
	}
	
	#leather-page h1.title
  {
  	width: 460px;
  	height: 50px;
  	position: relative;
  	left: -6px;
  	background-image: url(../images/title-leather.png); 		
 		background-repeat: no-repeat;
 		background-position: top;
 		text-indent: -9999px; 
		font-size: 0;
  }
  
	#leather-page #content-area
  {
  	position: relative;
  	top: -10px;
  	width: 500px;
  }
  
  #leather-page #content-area p 
  {
  	font-size: 0.875em;
  	line-height: 1.2em;
  }
	
	
	
/** contact us page **/
	#contactus-page #page-inner
	{
		background-image: url('../images/page-contact-bg.jpg');
	}
	
	#contactus-page.sidebar-right #content
	{
		width: 410px;
	}
	#contactus-page.sidebar-right #sidebar-right
	{
		width: 315px;
		margin-top: 93px;
		margin-left: 480px;
	}
	
	#contactus-page h1.title
  {
  	width: 280px;
  	height: 50px;
  	position: relative;
  	left: -14px;
  	background-image: url(../images/title-contactus.png); 		
 		background-repeat: no-repeat;
 		background-position: top;
 		text-indent: -9999px; 
		font-size: 0;
  }
  
  #contactus-page p, h3, form
  {
  	color: #472b0c;
  }
  
  #contactus-page h3
  {
  	font-weight: normal;
  	font-style: normal;
  	margin: 1em 0;
  }
  
  #contactus-page #sidebar-right p
  {
  	text-align: right;
  	font-family: "Times New Roman", Times, Georgia, "Bitstream Vera Serif", serif;
  	line-height: 1.1em;
  	font-weight: bold;
  	margin: 14px 10px;
  }
  #contactus-page #sidebar-right .logo
  {
  	text-align: right;
  	margin: 0px 3px 10px;
  }
  
	#contactus-page #content-area
  {
  	position: relative;
  	top: -10px;
  	font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  	padding-bottom: 60px;
  }
  
  #contactus-page label
  {
  	display: block;
  	font-size: 0.875em;
  	padding: 6px 35px 3px 6px;
  }
  #contactus-page label span
  {
  	float: right;
  }
  
  #contactus-page .text-input
  {
  	width: 390px;
  	height: 28px;
  	background-image: url('../images/input-bg.png');
  	background-position: top left;
  	background-repeat: no-repeat;
  }
  #contactus-page .textarea-input
  {
  	width: 390px;
  	background-image: url('../images/textarea-bg.png');
  	background-position: top left;
  	background-repeat: no-repeat;
  }
  #contactus-page .text-input span
  {
  	font-size: 0.75em;
  	color: #5c3700;
  	position: relative;
  	top: 2px;
  	right: -15px;
  }
  #contactus-page .textarea-input span
  {
  	font-size: 0.75em;
  	color: #5c3700;
  	position: relative;
  	top: -54px;
  	right: -15px;
  }
  #contactus-page input[type="text"]
  {
  	color: #4a422c;
  	font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  	font-size: 0.875em;
  	width: 360px;
  	background-color: transparent;
  	border: none;
  	padding: 7px 4px 4px 8px;
  }
  #contactus-page textarea
  {
  	color: #4a422c;
  	font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  	font-size: 0.875em;
  	width: 363px;
  	height: 113px;
  	background-color: transparent;
  	border: none;
  	padding: 7px 4px 4px 8px;
  	resize: none;
  }
  #contactus-page input[type="image"]
  {
  	padding-top: 10px;
  }
  
  #contactus-page .google-map
  {
  	width: 312px;
  	height: 277px;
  	background-image: url('../images/map-bg.png');
  	background-position: top center;
  	background-repeat: no-repeat;
  	margin-bottom: 20px;
  }
  #contactus-page .google-map iframe
  {
  	width: 288px;
  	height: 252px;
  	margin: 11px;
  	border: none;
  	overflow: hidden;
  }