/*
	Colors:
	#8c5337, dark brown (background, borders and links)
	#e18861, beige (background nav, tagline text)
*/
html, body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
body {
	background-color: #8c5337;
	font-family: helvetica, sans-serif;
	font-size: 12px;
}
table {
	border-collapse: collapse;
}
td {
	padding: 0px;
	vertical-align: top;
}
table.two-column {
  margin-top: 20px;
}
table.two-column td.left {
  width: 30%;
  white-space: nowrap;
}
#base {
	position: absolute;
	margin-left: 0px;
	left: 0px;
	width: 100%;
}
#base table {
	width: 100%;
}
#logo {
	position: absolute;
	left: 355px;
	top: 30px;
	z-index: 4;
}
#header {
	position: relative;
	background-image: url(images/bg-header-line.gif);
	background-repeat: repeat-x;
}
#header img {
	display: block;
}
#header .title {
	position: absolute;
	top: 36px;
	left: 350px;
}
#header .tagline {
	position: absolute;
	top: 84px;
	left: 356px;
	color: #e18861;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}
#page-image {
	width: 100%;
	height: 180px;
	overflow: hidden;
	white-space: nowrap;
}
#page-image img {
	display: inline;
}
#nav {
	width: 119px; /* box-model: border-box; width: 120px; border-right-width: 1px; */
	background-color: #e18861;
	background-image: url(images/bg-nav-line.gif);
	background-repeat: repeat-y;
	background-position: 115px;
	border-right: 1px solid #8c5337;
}
#nav .container {
	padding: 48px 2px 0px 12px;
	background-image: url(images/bg-nav.gif);
	background-repeat: no-repeat;
}
#nav a {
	display: block;
	margin-bottom: 20px;
	font-weight: bold;
	text-decoration: none;
	color: #8c5337;
}
#nav a:hover {
	color: #ffffff;
}
#nav a.active {
	display: block;
	color: #ffffff;
}
#content {
	width: auto;
	background-color: #ffffff;
	text-align: justify;
}
#content .container {
	margin: 15px 5% 15px 25px;
}
#images {
	width: 240px;
	background-color: #ffffff;
}
#images .container {
	margin: 15px 20px 15px 20px;
}

#images img {
	margin-bottom: 20px;
}
#images img.last {
	margin-bottom: 0px;
}
#footer {
	position: relative;
	height: 33px;
	background-color: #8c5337;
}
#footer .logo-vendor {
	position: absolute;
	top: 6px;
	left: 18px;
}
#footer .info-vendor {
	position: absolute;
	top: 9px;
	left: 145px;
	color: #ffffff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;

}
#footer .info-vendor a {
	color: #ffffff;
	text-decoration: none;
}
#footer .info-vendor a:hover {
	color: #ffffff;
	text-decoration: underline;

}
#photoviewer {
	position: absolute;
	top: 400px;
	left: 50%;
	margin-left: -220px;
	width: 400px;
	padding: 2px;
	background-color: #8c5337;
}
#photoviewer #phototitle {
	color: #ffffff;
}
#photoviewer #photofooter a {
	color: #ffffff;
	text-decoration: none;
	float: right;
}
#photoviewer img {
	width: 400px;
	height: 300px;
}

h1 {
	font-size: 16px;
	color: #8c5337;
}
h1 a {
	font-size: 13px;
	color: #8c5337;
	text-decoration: none;
}
h1 a:hover {
	font-size: 13px;
	color: #8c5337;
	text-decoration: underline;
}
p {
	margin: 20px 0px 0px 0px;
	line-height: 18px;
}
a {
  color: #000000;
}
img {
	border: none;
}
ul {
  margin-left: 0px;
  padding-left: 0px;
  list-style-image: url(images/dash.gif);
}
ul li {
  margin-left: 18px;
}
.signature {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;

}
.signature a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
}
.signature a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: underline;
}

