/* For IE */

@font-face {
  font-family: "Foo";
  src: url(fbold.eot);
}

/* Other browsers */

@font-face {
  font-family: "Foo";
  src: local('Foo'),
       url(fbold.otf) format("opentype");
}

body {
	margin: 10px;
	background: #f0e4ca url(/_img/paper.jpg) center center fixed;
	font-family: "Helvetica Neue", Helvetica, Arial, sans;
	}
.wrapper {
	margin: 0px auto;
	width: 900px;
	}
.center {
	position: relative;
	float: left;
	}
	
.image-full {
	height: 500px;
	}
.image-third {
	height: 150px;
	}
.image-full,
.image-third {
	margin: 0px auto;
	border-top: 2px solid rgba(64, 53, 32, .15);
	border-bottom: 5px solid rgba(64, 53, 32, .15);
	background: rgba(255, 255, 255, .3) url(/_img/loading.gif) center center no-repeat;
	width: 900px;
	}
.image-full img,
.image-third img {
	z-index: 1;
	}

#image {
	cursor: pointer;
	}
#image-dots {
	margin-top: -25px;
	z-index: 20;
	}
#image-dots li {
	float: left;
	width: 13px;
	height: 13px;
	font-size: 9px;
	font-weight: bold;
	line-height: 9px;
	}
#image-dots a {
	margin: 0px 1px;
	background: url(/_img/image_nav_dot.png) left top no-repeat;
	display: block;
	overflow: hidden;
	text-indent: 9999em;
	width: 13px;
	height: 13px;
	}
#image-dots a.current {
	background-position: left bottom;
	}

#nav-wrapper {
	padding-bottom: 1px;
	border-bottom: 1px dotted rgba(64, 53, 32, .2);
	}
.nav li {
	margin: 0px 14px;
	padding-bottom: 2px;
	float: left;
	font-size: 20px;
	line-height: 38px;
	}
.nav a {
	color: rgba(64, 53, 32, .4);
	text-transform: uppercase;
	text-decoration: none;
	}
.nav .current {
	border-bottom: 3px solid rgba(64, 53, 32, .1);
	}

.subnav {
	margin-top: 7px;
	float: left;
	width: 140px;
	}
.subnav li {
	font-size: 11px;
	font-weight: bold;
	line-height: 21px;
	text-transform: uppercase;
	}
.subnav a {
	color: #847c6a;
	text-decoration: none;
	}
.subnav a:hover {
	text-decoration: underline;
	}
.subnav .current a {
	border-bottom: 2px solid #ccbea3;
	}

.content {
	margin: 19px auto 0px auto;
	width: 560px;
	}
.content h2 {
	margin-bottom: 19px;
	text-align: center;
	font-size: 30px;
	line-height: 38px;
	color: rgba(64, 53, 32, .4);
	text-transform: uppercase;
	}
.content h3 {
	margin-bottom: 15px;
	text-align: center;
	font-size: 22px;
	line-height: 28px;
	color: rgba(64, 53, 32, .4);
	text-transform: uppercase;
	}
.content p {
	margin-bottom: 13px;
	font-size: 13px;
	line-height: 19px;
	color: rgba(64, 53, 32, .75);
	}
.content a {
	color: rgba(64, 53, 32, .9);
	}
.content ul {
	margin-bottom: 13px;
	list-style: outside disc;
	}
.content li {
	margin: 0px 0px 4px 20px;
	font-size: 12px;
	line-height: 18px;
	color: rgba(64, 53, 32, .75);
	}

.retailers {
	text-align: center;
	}

.contact p {
	float: left;
	width: 265px;
	text-align: center;
	}

.press {
	width: 608px;
	}
.press ul {
	list-style: none;
	}
.press li {
	margin: 1px;
	float: left;
	}
.press li a {
	display: block;
	}

#helm {
	margin: 30px auto 20px auto;
	background: url(/_img/helm.png) no-repeat;
	width: 149px;
	height: 31px;
	text-indent: -999em;	
	}
#made-by-hand {
	margin: 30px auto;
	background: url(/_img/made_by_hand.png) no-repeat;
	width: 175px;
	height: 25px;
	text-indent: -999em;
	}

label {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: rgba(64, 53, 32, .5);
	}
label.error {
	display: block;
	font-size: 11px;
	line-height: 15px;
	color: rgba(192, 53, 32, .75);
	}
input,
textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans;
	}
input[type="text"],
textarea {
	padding: 2px 3px;
	border: 2px solid #ccc5b8;
	background: rgba(255, 255, 255, .4);
	width: 200px;
	font-size: 15px;
	font-weight: bold;
	line-height: 17px;
	color: rgba(64, 53, 32, .75);
	}
textarea {
	width: 400px;
	height: 100px;
	}
input[type="submit"] {
	padding: 0px 10px 1px 10px;
	border: 2px solid #ccc5b8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: rgba(255, 255, 255, .9);
	-moz-box-shadow: 0px 2px 8px rgba(0,0,0,.15);
	-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,.15);
	font-size: 17px;
	font-weight: bold;
	line-height: 27px;
	color: rgba(64, 53, 32, .75);	
	}
input.error,
textarea.error {
	border-color: rgba(192, 53, 32, .75);
	}

.foo {
	font-family: Foo;
	}

.hidden {
	display: none;
	}