/* ================================================================================================================================== */
/*																											type selectors
/* ================================================================================================================================== */
body {
	background: #040301 url(../img/bg.jpg) center top no-repeat;
	font: 15px/22px Times, "Times New Roman", serif;
	color: #fff;
	text-align: center;
	}
a, a:link {
	color: #f6e1bb;
	text-decoration: none;
	}
	a:visited {
		color: #f6e1bb;
		}
	a:hover, a:active {
		text-decoration: underline;
		}
p {
	padding-bottom: 16px;
	}
h1, h2 {
	padding-bottom: 18px;
	margin-bottom: 20px;
	font: 26px/31px Baskerville, "Adobe Garamond Pro", Garamond, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: italic;
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.4) 0 2px 2px;
	background: url(../img/line-top.png) center bottom no-repeat;
	}
h2 {
	padding-top: 30px;
	}
h3 {
	font-size: 17px;
	font-weight: normal;
	color: #fff;
	}
#content ul {
	padding: 0 0 16px 30px;
	}
#content ol {
	padding: 4px 0 16px 40px;
	}
#content li {
	line-height: 18px;
	padding-bottom: 10px;
	}
#content ul li {
	margin-left: 10px;
	list-style: disc;
	list-style-position: outside;
	}


/* ================================================================================================================================== */
/*																											overall classes
/* ================================================================================================================================== */
.copy_block {
	overflow: hidden;
	padding-bottom: 15px;
	background: url(../img/line-bottom.png) center bottom no-repeat;
	}
.display_none {
	display: none;
	}
.nobreak {
	white-space: nowrap;
	}

/* ================================================================================================================================== */
/*																											overall layout
/* ================================================================================================================================== */
#wrapper {
	position: relative;
	overflow: hidden;
	width: 960px;
	height: auto;
	min-height: 100%;
	margin: 0 auto;
	}

#header {
	height: 129px;
	text-align: left;
	}

#logo {
	padding: 16px 0 9px 0;
	}
	#logo a {
		display: block;
		width: 262px;
		height: 62px;
		margin: 0 auto;
		background: url(../img/logo.png);
		text-indent: -9999px;
		}
		#logo a:hover {
			background-position: left bottom;
			}

#nav_holder { /* required for the drop-down nav */
	width: 960px;
	height: 500px;
	}
	#nav {
		z-index: 1000;
		position: relative;
		overflow: visible;
		width: 100%;
		height: 42px;
		}
		#nav ul {
			position: relative;
			float: left;
			left: 50%;
			text-align: center;
			}
			#nav li {
				position: relative;
				display: block;
				float: left;
				right: 50%;
				padding: 0 10px;
				}
				#nav a {
					display: block;
					height: 42px;
					background: url(../img/nav.png);
					text-indent: -9990px;
					}
					#n_home a {				background-position: 0px 0px; width: 52px;}
					#n_home a:hover {		background-position: 0 -42px;}
					#pg_home #n_home a {	background-position: 0 -84px;}
				
					#n_collections a {					background-position: -52px 0px; width: 117px;}
					#n_collections a:hover {			background-position: -52px -42px;}
					#pg_collections #n_collections a {	background-position: -52px -84px;}
				
					#n_jayn a {				background-position: -169px 0px; width: 44px;}
					#n_jayn a:hover {		background-position: -169px -42px;}
					#pg_jayn #n_jayn a {	background-position: -169px -84px;}
				
					#n_stores a {				background-position: -213px 0px; width: 64px;}
					#n_stores a:hover {			background-position: -213px -42px;}
					#pg_stores #n_stores a {	background-position: -213px -84px;}
				
					#n_press a {			background-position: -277px 0px; width: 53px;}
					#n_press a:hover {		background-position: -277px -42px;}
					#pg_press #n_press a {	background-position: -277px -84px;}
				
					#n_events a {				background-position: -330px 0px; width: 67px;}
					#n_events a:hover {			background-position: -330px -42px;}
					#pg_events #n_events a {	background-position: -330px -84px;}
				
					#n_shop a {				background-position: -397px 0px; width: 46px;}
					#n_shop a:hover {		background-position: -397px -42px;}
					#pg_shop #n_shop a {	background-position: -397px -84px;}
				
					#n_contact a {				background-position: -443px 0px; width: 80px;}
					#n_contact a:hover {		background-position: -443px -42px;}
					#pg_contact #n_contact a {	background-position: -443px -84px;}
			
			#nav ul li:hover ul {
				visibility: visible;
				}
			#nav ul ul {
				z-index: 2000;
				position: absolute;
				width: 180px;
				left: -21px;
				padding-top: 1px;
				-moz-box-shadow: 0px 4px 10pxx #000;
				-webkit-box-shadow: 0px 4px 10px #000;
				box-shadow: 0px 4px 10px #000;
				visibility: hidden;
				}
				#nav ul ul li {
					width: 100%;
					padding: 0;
					right: 0;
					}
					#nav ul ul a {
						padding: 10px 0 11px 0;
						width: 100%;
						height: auto;
						font-size: 14px;
						line-height: 15px;
						color: #aaa599;
						background: #2e261e url(../img/bg-subnav.png) left bottom repeat-x !important;
						border-top: 1px solid #352d25;
						text-indent: 0;
						}
						#nav ul ul .last a {
							border-bottom: 5px solid #463f36;
							}
						#nav ul ul .past a {
							background: #3a3228 url(../img/bg-subnav-past.png) left bottom repeat-x !important;
							border-top: 1px solid #2e261e;
							}
						#nav ul ul a:hover {
							color: #fff;
							text-decoration: none;
							}

#content {
	position: relative;
	clear: both;
	overflow: hidden;
	width: 700px;
	margin: 0 auto;
	padding: 50px 0 140px 0; /* 52px + 88px = bottom padding   (padding wanted + footer height) */
	}


#footer {
	position: relative;
	overflow: hidden;
	width: 960px;
	margin: -88px auto 0 auto;
	height: 88px;
	font: 11px/16px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	color: #978c7b;
	color: rgba(255, 241, 223, 0.4);
	background: url(../img/js.png) center top no-repeat;
	}
	#footer ul {
		padding-bottom: 0; /* reset from previous list style */
		float: left;
		padding-top: 44px;
		}
		#footer li {
			background: none; /* reset from previous list style */
			line-height: 16px; /* reset from previous list style */
			display: block;
			float: left;
			padding: 0 20px 0 0;
			}
			#footer li a {
				color: #978c7b;
				color: rgba(255, 241, 223, 0.4);
				}
				#footer li a:hover {
					color: #fff;
					text-decoration: none;
					}
	#copyright {
		float: right;
		padding-top: 44px;
		}
		#copyright em {
			display: block;
			float: left;
			font-style: normal;
			}
		#two_pitch {
			display: block;
			float: left;
			width: 47px;
			height: 16px;
			margin-left: 3px;
			background: url(../img/2pitch.png);
			text-indent: -9999px;
			}
			#two_pitch:hover {
				background-position: 0 -16px;
				}


/* ========================================================================================== */
/*																1. Home
/* ========================================================================================== */

#pg_home #content {
	width: auto;
	padding-top: 31px;
	}

#pg_home #left_col {
	float: left;
	width: 248px;
	padding-top: 86px;
	margin: 0 30px 0 12px;
	}
	#pg_home #feature {
		display: block;
		width: 248px;
		height: 146px;
		background: url(../img/home-feature.png);
		text-indent: -9999px;
		}
		#pg_home #feature:hover {
			background-position: left bottom;
			}
#pg_home #middle_col {
	float: left;
	width: 380px;
	height: 526px;
	overflow: hidden;
	}
	#pg_home #middle_col img {
		width: 354px;
		height: 500px;
		border: 13px solid #171208;
		}
#pg_home #right_col {
	float: left;
	width: 238px;
	padding-top: 81px;
	margin-left: 35px;
	line-height: 20px;
	}
	#pg_home #right_col p {
		padding-bottom: 10px;
		}
	#pg_home h1 {
		padding-bottom: 15px;
		margin-bottom: 10px;
		}
		#pg_home h1 strong {
			display: block;
			height: 30px;
			background: url(../img/h-jayns-collections.png) center center no-repeat;
			text-indent: -9999px;
			}
	#pg_home .copy_block {
		padding-bottom: 11px;
		}
	#pg_home #more_about {
		display: block;
		width: 123px;
		height: 28px;
		margin: 3px auto 0 auto;
		background: url(../img/more-about-jayn.png);
		text-indent: -9999px;
		}
		#pg_home #more_about:hover {
			background-position: left bottom;
			}


/* ========================================================================================== */
/*																2. Collections
/* ========================================================================================== */

#pg_collections h1,
#pg_collections h2 {
	margin-bottom: 30px;
	}
#pg_collections h2 {
	padding-top: 10px;
	}
#pg_collections #content {
	width: 760px;
	}
	#pg_collections .copy_block {
		padding-bottom: 0;
		}
		#pg_collections .row {
			display: inline-block;
			margin: 0 auto;
			padding-bottom: 40px;
			}
		#pg_collections .copy_block img {
			display: block;
			float: left;
			width: 120px;
			height: 120px;
			margin: 0 10px 0 10px;
			border: 6px solid #171208;
			}
			#pg_collections .copy_block img:hover {
				filter:alpha(opacity=40);
				opacity: 0.4;
				}
	#pg_collections #content p {
		padding-top: 14px;
		font-size: 14px;
		}
		#pg_collections #content p span {
			padding: 0 7px;
			color: #404040;
			}


/* ========================================================================================== */
/*																3. Jayn
/* ========================================================================================== */

#pg_jayn h1 {
	margin-bottom: 24px;
	}
#pg_jayn #content {
	width: 526px;
	}
	#pg_jayn #content img {
		margin: 0 auto 30px 0;
		/* border: 13px solid #171208; */
		}
	#pg_jayn .copy_block {
		padding-bottom: 20px;
		}
		#pg_jayn .copy_block p {
			padding-left: 13px;
			padding-right: 13px;
			}


/* ========================================================================================== */
/*																4. Stores
/* ========================================================================================== */

#pg_stores #content {
	width: 900px;
	}
	#pg_stores .copy_block {
		line-height: 15px;
		background: none;
		}
		#pg_stores table {
			width: 100%;
			margin: -19px auto 20px auto;
			background: url(../img/divider.png) repeat-x;
			}
			#pg_stores td {
				padding: 8px 0 9px 0;
				vertical-align: middle;
				background: url(../img/divider.png) bottom left repeat-x;
				}
				#pg_stores td.name {
					width: 200px;
					padding-right: 20px;
					}
					#pg_stores td.name h3 {
						margin-top: -2px;
						}
				#pg_stores td.address {
					width: 170px;
					padding-right: 20px;
					}
				#pg_stores td.city {
					width: 170px;
					padding-right: 20px;
					}
					#pg_stores td.city span {
						white-space: nowrap;
						}
				#pg_stores td.phone {
					width: 100px;
					padding-right: 20px;
					}
				#pg_stores td.site {
					width: 180px;
					overflow: hidden;
					}


/* ========================================================================================== */
/*																5. Press
/* ========================================================================================== */

#pg_press h1 {
	margin-bottom: 30px;
	}
#pg_press #content {
	width: 760px;
	}
	#pg_press .copy_block {
		padding-bottom: 0;
		}
		#pg_press .row {
			display: inline-block;
			margin: 0 auto;
			padding-bottom: 40px;
			}
		#pg_press .copy_block img {
			display: block;
			float: left;
			width: 120px;
			height: 120px;
			margin: 0 10px 0 10px;
			border: 6px solid #171208;
			}
			#pg_press .copy_block img:hover {
				filter:alpha(opacity=40);
				opacity: 0.4;
				}


/* ========================================================================================== */
/*																6. Events
/* ========================================================================================== */

#pg_events h1 {
	margin-bottom: 24px;
	}
#pg_events #content {
	width: 526px;
	}
	#pg_events .copy_block {
		padding-bottom: 20px;
		}
		#pg_events .copy_block img {
			margin: 0 auto 13px auto;
			border: 13px solid #171208;
			}
		#pg_events .copy_block h2 {
			margin-bottom: 0;
			padding: 0;
			background: none;
			font-size: 22px;
			font-style: normal;
			}
		#pg_events .copy_block h3 {
			padding-bottom: 4px;
			font-size: 20px;
			}


/* ========================================================================================== */
/*																7. Contact
/* ========================================================================================== */

#pg_contact h1 {
	margin-bottom: 24px;
	}
#pg_contact #content {
	width: 316px;
	}
	#pg_contact .copy_block {
		padding-bottom: 20px;
		}
		#pg_contact #contact_info {
			width: 290px;
			height: 436px;
			margin: 0 auto 13px 0;
			border: 13px solid #171208;
			background: url(../img/bg-contact.jpg);
			}
			#pg_contact #phone {
				padding-top: 250px;
				}


/* ========================================================================================== */
/*																8. Privacy
/* ========================================================================================== */

#pg_privacy .copy_block {
	text-align: left;
	line-height: 20px;
	}
	#pg_privacy h1,
	#pg_privacy h2 {
		text-align: center;
		}
	#pg_privacy h3 {
		padding-bottom: 4px;
		font-size: 21px;
		line-height: 26px;
		}


/* ========================================================================================== */
/*																9. Sign Up
/* ========================================================================================== */

#pg_signup #content {
	width: 526px;
	}
	#pg_signup #mc_embed_signup {
		padding-bottom: 40px;
		}
		#pg_signup form {
			margin-top: -25px;
			}
			#pg_signup .mc-field-group {
				}
				#pg_signup label {
					display: block;
					width: 250px;
					margin: 0 auto;
					padding-top: 25px;
					text-align: left;
					}
				#pg_signup input {
					display: block;
					width: 250px;
					margin: 0 auto;
					padding-top: 3px;
					padding-bottom: 3px;
					font-size: 12px;
					}
				#pg_signup #mc-embedded-subscribe {
					width: 200px;
					height: 33px;
					margin-top: 35px;
					text-indent: -9999px;
					border: none;
					background: url(../img/btn-subscribe.png);
					cursor: pointer;
					}
				#pg_signup div.mce_inline_error {
					display: block;
					width: 250px;
					margin: 0 auto;
					text-align: left;
					color: #ffb71b;
					}
				#pg_signup .response {
					padding-top: 20px;
					}