/* -------------------------------------------------------------- 

   styles.css
   * Core stylesheet file
   
-------------------------------------------------------------- */

/** body **/
body {
	background: #fff;
}

/** wrapper **/
.wrapper {
	width:960px;
	margin:0 auto;
}

/** header **/
.header {
	margin-bottom:5px;
}

/** navigation **/
div.navigation {
	font-size:16px;
	margin:0 60px;
}
	ul.navigation {
		margin:0;
		padding:0;
		list-style:none;
	}
		ul.navigation li {
			float:left;
		}
			ul.navigation li a {
				display:block;
				color: #a9a2ab;
				text-decoration:none;
				padding:10px 20px;
				text-align:center;
				background: url('/assets/images/nav.black.off.png') center bottom no-repeat;
			}
				ul.navigation li a span {
				}
			ul.navigation li a:hover {
				color: #010101;
				text-decoration:none;
				background: url('/assets/images/nav.black.on.png') center bottom no-repeat;
			}
			ul.navigation li a.selected {
				color: #010101;
				text-decoration:none;
				background: url('/assets/images/nav.black.on.png') center bottom no-repeat;
			}

/** footer **/
.footer {
	margin:15px 30px 15px 10px;
	font-size:10px;
}
	.footer .lhs {
		float:left;
	}
	.footer .rhs {
		float:right;
		color: #010101;
	}
	.footer a {
		color: #010101;
		text-decoration:none;
	}
	.footer a:hover {
		text-decoration:underline;
	}
	.footer .lhs a {
		color: #bfbdbd;
	}

/** content area **/
.content {
	background: #000;
	padding:10px 10px 50px 10px;
	position:relative;
}

/** swell **/
.swell {
	height:50px;
	background: url('/assets/images/graphic.swell.png') center top no-repeat;
}

/** logo **/
.logo {
	position:absolute;
	right:115px;
	top:50px;
}
	.logo h1 a {
		display:block;
		width:144px;
		height:55px;
		background: url('/assets/images/logo.png');
	}
		.logo h1 span {
			display:none;
		}
		
.left-column {
	float:left;
	margin:80px 0 0 105px;
	width:360px;
}

.right-column {
	float:right;
	margin: 145px 20px 0 0;
}

.justify {
	text-align:justify;
}

.footnote h4 {
	color: #a9a2ab;
	font-size:17px;
	font-style: italic;
	width:425px;
	margin-top:30px;
}


.gallery-area {
	width:501px;
	height:377px;
	background: #333;
	margin-bottom:1em;
}

.group {
	margin-bottom:3em;
}

.hats-page .left-column {
	width:460px;
	margin-top:40px;
	margin-let:105px;
}

.hats-page .right-column {
	width:320px;
	text-align:justify;
}

.picture-information {
	width: 300px;
	text-align:justify;
}
	.picture-information h1,
	.picture-information h3 {
		text-align:center;
	}

.carousel {
	height:64px;
	width:850px;
	margin:30px auto 30px 85px;
	overflow:hidden;
}
	.carousel img {
		width:97px;
		height:64px;
	}
	.carousel .controls-left {
		float:left;
		width:9px;
		height:65px;
		background: url('/assets/images/carousel.left.png');
		margin-right:10px;
		cursor:pointer;
	}
	.carousel .controls-right {
		float:right;
		width:9px;
		height:65px;
		background: url('/assets/images/carousel.right.png');
		margin-left:0px;
		margin-right:20px;
		cursor:pointer;
	}
	.carousel ul {
		list-style:none;
		margin:0;
		padding:0;
	}
		.carousel ul li {
			float:left;
		}
			.carousel ul li a {
				display:block;
				margin-right:3px;
			}
			.carousel ul li a.last {
				margin-right:0;
			}

.gallery-area {
	width:501px;
	height:377px;
	background: #333;
	margin-bottom:1em;
}

.group {
	margin-bottom:3em;
}

.news-articles {
	margin:3em 0 5em 0;
}
	.news-articles .item {
		margin-bottom:2em;
	}
		.news-articles .item h2 {
		}
			.news-articles .item h2 a {
			}
		.news-articles .item p.date {
		}
		.news-articles .item p.summary {
		}