/* CSS Document */

body {
	font-family: Helvetica, Arial, sans-serif;
	background-color: #ffffff;
	margin: 0px;
}
a {
	color: #603717;
	text-decoration: underline;
}
		a:hover {
			color: #603717;
			text-decoration: none;
		}
h1,h2,h3,h4,h5,h6 {
	color: #603717;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: -0.05em;
	font-weight: 5;
}


/* layout boxes */

#top {
	width: 785px;
	background-image: url(images/bg-top.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	height: 20px;
}
#wrap {
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px auto;
	padding: 0px;
	width: 785px;
}
#header {
	padding: 0px;
	width: 755px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 0px;
}
		#header h1{
			padding: 0px;
			width: 754px;
			background-image: url(images/header2.gif);
			background-repeat: no-repeat;
			background-position: left top;
			margin: 0px;
			height: 109px;
			}
		#header h1 span {
			display:none
			}
#container {
	background-color: #ffffff;
	margin: 0px auto;
	padding: 0px;
	clear: both;
	width: 755px;
	text-align: center;
	padding-top: 15px;
}
#content {
	padding: 0px;
	width: 707px;
	margin-right: auto;
	margin-left: 33px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 0px;
}
#content p {
	margin-right: 45px;
	line-height: 1.3em;
	font-size: 15px;
}

.col-2{
	padding: 0px;
	width: 350px;
	margin: 0px;
	text-align: left;
	float: left;
	display: inline;
}
.col-2-second {
	padding: 0px;
	width: 330px;
	margin: 0px 0px 0px 20px;
	text-align: left;
	float: left;
	display: inline;
}

.col-2-second-new {
	padding: 0px;
	width: 330px;
	margin: 122px 0px 0px 0px;
	text-align: left;
	float: right;
	display: inline;
	overflow: hidden;
}

#blue_header {
	margin:15px 0px 15px 0px;
	width: 339px;
}

/*-- nav-bar --*/

#mainNav {
	width: 755px;
	text-align: center;
}
		#mainNav ul{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 755px;
	list-style-type: none;
	height: 30px;
	overflow: hidden;
	margin-top: 10px;
		}
#blue_header {
	margin-top: 0px;
}

		#mainNav li{
			float: left;
			vertical-align: middle;
		}
		#mainNav a{
	color: #603717;
	text-decoration: none;
	float: left;
	display: block;
	padding-top: 4px;
	padding-right: 0.6em;
	padding-bottom: 6px;
	padding-left: 10px;
	background-image: url(images/navDivider.gif);
	background-position: left center;
	font-weight: normal;
	font-size: 0.9em;
	margin: 0px;
	background-repeat: no-repeat;
		}
		#mainNav ul .first a{
			background: none;
			padding-left: 35px;
		}
		#mainNav ul .first a:hover{
			background: url(images/nav-underline.gif) no-repeat 33px bottom;
			text-decoration: none;
			color: #603717;
		}
		#mainNav a:hover {
			background: url(images/nav-underline.gif) no-repeat left bottom;
			text-decoration: none;
			color: #603717;
		}

#bottom {
	width: 785px;
	background-image: url(images/bg-bottom.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 20px;
}
#footer {
	font-size: 0.7em;
	color: #999999;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 8px;
	padding-bottom: 10px;	
}
#footer a {
	color: #999999;
	text-decoration: underline;
}
#footer a:hover {
	color: #000066;
	text-decoration: none;
}
.break {
	clear: both;
	height: 1px;
}
#staff {
	float: left;
	list-style-type: none;
}
#staff li {
	float: left;
	display: block;
	text-align: center;
	margin: 3px;
	padding: 5px;
	font-size: .8em;
	width: 200px;
}
#staff li .name {
	color: #BB0011;
	font-size: 1.2em;
	font-weight: bold;
}
#staff li img {
	margin: 3px;
	border: 2px solid #B8CEE1;
}

/* round corner box tan */

.tan-box {
	width: auto;
	background: url(images/roundbox-tan/bottomleft.gif) no-repeat left bottom;
	position: relative;
	left: -10px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow: visible;
	z-index: 100;
}
.tan-bottom-right {
	background: url(images/roundbox-tan/bottomright.gif) no-repeat right bottom;
	padding-bottom: 1px;
}
.tan-top-left {
	background: url(images/roundbox-tan/topleft.gif) no-repeat left top;
}
.tan-top-right {
	background: url(images/roundbox-tan/topright.gif) no-repeat right top;
	padding-top: 1px;
}
.tan-box p, .tan-box h1,h2,h3,h4,h5,h6 {
	margin-left: 15px;
}

/* round corner box blue */

.blue-box {
	width: auto;
	background: url(images/roundbox-blue/bottomleft.gif) no-repeat left bottom;
	position: relative;
	left: -10px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow: visible;
	z-index: 100;
}
.blue-bottom-right {
	background: url(images/roundbox-blue/bottomright.gif) no-repeat right bottom;
	padding-bottom: 1px;
}
.blue-top-left {
	background: url(images/roundbox-blue/topleft.gif) no-repeat left top;
}
.blue-top-right {
	background: url(images/roundbox-blue/topright.gif) no-repeat right top;
	padding-top: 1px;
}
.blue-box p {
	margin-left: 15px;
}
.blue-box h1,h2,h3,h4,h5,h6 {
	color: #ffffff;
	margin-left: 15px;
}

/* text styles */

.brown-text {
	color: #603717;
}
.blue-text{
	color: #a4dbdc;
}
.white-text{
	color: #ffffff;
}
.big-text {
	font-size: 2em;
}
.all-caps-brown {
	text-transform: uppercase;
	color: #603717;
}

.divider-bar {
	background-image: url(images/divider-bar.gif);
	background-repeat: repeat-x;
	float: none;
	height: 9px;
	width: auto;
}

.product-list {
	line-height: 4em;
}
.product-list li {
	line-height: 4em;
	list-style-type: none;
}

/* drop down menu */

#dropmenudiv{
	position:absolute;
	border:1px solid #BDBFC1;
	border-bottom-width: 0;
	z-index:100;
}

		#dropmenudiv a{
			width: 100%;
			display: block;
			text-indent: 3px;
			border-bottom: 1px solid #BDBFC1;
			padding: 1px 0;
			text-decoration: none;
			line-height:2em;
			background-image: url(images/navBGround.gif);
			background-repeat: repeat-x;
		}
		
		#dropmenudiv a:hover{ /*hover background color*/
			background-color: #E5E6E6;
			background-image: none;
		}