/* RESET STYLES */

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
blockquote, a, img, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul { list-style: none;}

a:link, a:visited {color:#933E30;text-decoration:none;}
a:hover { color:#C15732;text-decoration:underline;}
a:active {}

html, body { height:100%;}

body {
	font-family:"Helvetica Neue", "Avant Garde", Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	background-color:#E7C27D;
	text-align:center; /* horizontal centering for IE Win quirks */
}

/* PAGE STRUCTURE */

#distance { 
	width:1px;
	height:50%;
	margin-bottom:-352px; /* half of container's height */
	float:left;
}
#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	width:960px;
	height:740px;
	clear:left;
	background-color:#FFF;
}

/* HEADER */
#header {
	background:url(../images/bg_header.png) repeat-x top;
	height:84px;
}
h1#logo {
	position:absolute;
	top:84px;
	z-index:100;
	width:220px;
	height:90px;
}
h1#logo a {
	text-indent:-5000px;
	display:block;
	width:220px;
	height:90px;
	background:url(../images/logo.png) no-repeat;
}
h2#tagline {
	text-indent:-5000px;
	position:absolute;
	top:0;
	width:1px;
	height:1px;
}

/* MAIN NAV */
ul#nav-main { float:right;}
ul#nav-main li {
	float:left;
	display:block;
	width:60px;
	height:84px;
}
ul#nav-main li a {
	display:block;
	width:60px;
	height:84px;
	background-position:top;
	background-repeat:no-repeat;
	text-indent:-5000px;
}
ul#nav-main li a:hover,
ul#nav-main li a.current {background-position:bottom;}

	li a#nav-home { background-image:url(../images/nav_home.png);}
	li a#nav-about { background-image:url(../images/nav_about.png);}
	li a#nav-menu { background-image:url(../images/nav_menu.png);}
	li a#nav-loc { background-image:url(../images/nav_loc.png);}
	li a#nav-prod { background-image:url(../images/nav_prod.png);}
	li a#nav-staff { background-image:url(../images/nav_staff.png);}
	li a#nav-jobs { background-image:url(../images/nav_jobs.png);}
	li a#nav-blog { background-image:url(../images/nav_blog.png);}
	li a#nav-cont { background-image:url(../images/nav_cont.png);}



/* CONTENT */
#content {
	width:509px;
	height:320px;
	position:absolute;
	top:224px;
	right:51px;
	overflow:auto;
}
	body#detail #content {width:750px;}
	
#content {/*IE only*/
	scrollbar-base-color:#F5DBA8; 
	scrollbar-face-color:#D6BA9C; 
}

#content img{
	margin: 10px;	
}

#content img.left{
	float:left;
	margin: 10px;	
}

#content img.right{
	float:right;
}	

#content img.no-margin{
	margin: 0px;	
}	

h3 {
	font-family:"Avant Garde", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:2.0em;
	font-weight:normal;
	color:#C8B091;
	margin:0.2em 0 0.8em;
}
h3 span {
	font-size:0.8em;
	color:#542918;
	margin:0 0 0 2em;
}
h4 {
	font-family:"Avant Garde", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	text-transform:uppercase;
	color:#C8B091;
	margin:0 0 0.5em;
}
p {
	font-size: 1.3em;
	line-height: 1.5em;
	margin-bottom:1em;
	color:#54291A;
}
p#content-subtext {
	width:510px;
	position:absolute;
	top:550px;
	right:50px;
	text-align:right;
}
div.product {
	float:right;
	width:216px;
	margin:0 10px 5px 10px;
	text-align:center;
	}
	div.product p {font-size:0.9em;
}

/* FORMS */
form#fm-contact {width:484px;}
form#fm-contact input,
form#fm-contact textarea {
	border:1px solid #D4C0A6;
	font-size:1.5em;
	color:#542918;
	background-color:#FFF;
	margin:0 5px 5px 0;
	padding:0 5px;
	float:left;
}
form#fm-contact input#name {width:190px;}
form#fm-contact input#address {width:260px;}
form#fm-contact input#phone {width:190px;clear:left;}
form#fm-contact input#city {width:110px;}
form#fm-contact input#state {width:76px;}
form#fm-contact input#zip {width:40px;}
form#fm-contact input#email {width:467px; float:none;}
form#fm-contact textarea#comments {width:467px; float:none; height:4.5em;}
form#fm-contact label {display:block;float:left; margin-right:2em; font-size:1.1em;color:#542918;}
form#fm-contact input#newsletter,
form#fm-contact input#prodnews {padding:0; font-size:1em;}
p#form-submit {
	display:block;
	text-align:right;
	font-size:1.8em;
	margin:0.2em 14px 0.5em 0;
}



/* FOOTER */
#footer {
	width:960px;
	height:20px;
	background-color:#E7C27D;
	position:absolute;
	bottom:0;
	overflow:visible;
	color:#54291A;
}
#footer p {
	display:block;
	position:absolute;
	top:0;
	left:0;
	margin:0.5em 0;
	font-size:0.9em;
	color:#54291A;
}
ul#nav-foot {
	position:absolute;
	top:0;
	right:0;
	float:right;
}
ul#nav-foot li {
	float:left;
	display:block;
	margin:0.5em 1em 0 0;
	padding-right:1em;
	font-size:0.9em;
	border-right:solid 1px #54291A;
}
ul#nav-foot li.last {
	margin:0.5em 0 0 0;
	padding-right:0;
	border-right:none;
}
#footer a:link,
#footer a:visited {
	color:#54291A;
	text-decoration:none;
}
#footer a:hover {text-decoration:underline;}


/* TOP BANNER AREA */
#banner {
	width:740px;
	height:138px;
	position:absolute;
	top:84px;
	right:0;
	z-index:10;
}
	#banner-content {
		position:absolute;
		bottom:0;
		right:0;
	} 
	#banner img {
		display:block;
		float:left;
		margin-right:1px;
	}
	#banner p.enlarge {
		font-size:0.8em;
		display:block;
		width:60px;
		margin:80px 3px 0 3px;
		float:left;
	}
	#banner ul {
		display:block;
		margin:0 60px 0.5em 0;
		float:right;
	}
	#banner li {
		font-size:1.4em;
		display:block;
		margin:0 1em;
		float:left;
	}
	.banner-item {
		float:left;
		display:block;
		width:80px;
		height:120px;
		overflow:hidden;
		margin:0 0 0 1px;
		position:relative;
	} 
		.banner-item img {
			float:none;
			display:block;
			width:80px;
			height:120px;
			overflow:hidden;
			position:absolute;
			z-index:100;
			top:0;
			left:0;
		} 
		.banner-item .overlay {
			display:block;
			width:80px;
			height:120px;
			position:absolute;
			z-index:102;
			top:0;
			left:0;
		} 
		.banner-item a .overlay {background:url(../images/prod_overlay.png) repeat;} 
		.banner-item a:hover .overlay,
		.banner-item a.selected .overlay {background:none;
		} 
		.banner-item p.caption {
			display:block;
			width:80px;
			position:absolute;
			z-index:104;
			bottom:0;
			left:0;
			font-size:10px;
			text-align:center;
			margin:0;
			padding:3px 0;
			color:#FFF0CE;
			background-color:#641C20;
		} 
		.banner-item a p.caption,
		.banner-item a:hover p.caption {
			text-decoration:none;
		} 
	.staff-item {
		float:left;
		display:block;
		width:45px;
		height:120px;
		overflow:hidden;
		margin:0 0 0 1px;
		position:relative;
	} 
		.staff-item img {
			float:none;
			display:block;
			width:45px;
			height:108px;
			overflow:hidden;
			position:absolute;
			z-index:100;
			bottom:0;
			left:0;
		} 
		.staff-item .overlay {
			display:block;
			width:45px;
			height:120px;
			position:absolute;
			z-index:102;
			top:0;
			left:0;
		} 
		.staff-item a .overlay {background:url(../images/prod_overlay.png) repeat;} 
		.staff-item a:hover .overlay,
		.staff-item a.selected .overlay {background:none;
		} 
		.staff-item p.caption {
			display:block;
			width:45px;
			position:absolute;
			z-index:104;
			top:0;
			left:0;
			font-size:10px;
			text-align:center;
			margin:0;
			padding:0 0 3px;
			color:#641C20;
			background-color:#FFF;
		} 
		.staff-item a p.caption,
		.staff-item a:hover p.caption {
			text-decoration:none;
		} 

/* MISC ELEMENTS */
#staffpic {
	width:92px;
	height:320px;
	background:#CCC;
	position:absolute;
	top:224px;
	left:170px;
}
#bracket {
	width:122px;
	height:320px;
	background:url(../images/bg_bracket.png) no-repeat;
	position:absolute;
	top:224px;
	left:270px;
	z-index:30;
}
	body#detail #bracket {display:none;}

#banner2 {
	width:960px;
	height:160px;
	background:url(../images/bg_banner2.png) center 30px no-repeat;
	position:absolute;
	bottom:20px;
}
	body#homepg #banner2 {
		height:150px;
		background-image:none;
	}
	img#promo {float:left;}
	
#dots {
	width:150px;
	height:370px;
	background:url(../images/bg_dots.png) no-repeat;
	position:absolute;
	top:174px;
	z-index:20;
}
#dotsflash {
	width:220px;
	height:470px;
	position:absolute;
	top:84px;
	z-index:20;
}
#staffpic {
	width:104px;
	height:320px;
	position:absolute;
	top:224px;
	left:170px;
	z-index:32;
}