/* BODY AND FONTS
----------------------------------------------- */

BODY {
	BACKGROUND: #FFFFFF;
	PADDING-BOTTOM: 36px;
	FONT: 12px/18px Georgia, "Times New Roman", Times, serif;
	COLOR: #4a4b25;
	TEXT-ALIGN: center;
}
/* LINKS AND IMAGES
----------------------------------------------- */

A {
	COLOR: #c66b09;
}
A:visited {
	COLOR: #c66b09;
}
A:hover {
	TEXT-DECORATION: none;
}
A IMG {
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none
}
A.img {
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
}
/* TYPOGRAPHY
----------------------------------------------- */

LI, P {
	FONT-SIZE: 12px;
	MARGIN-BOTTOM: 6px;
}
.space {
	MARGIN-BOTTOM: 38px;
	height: 88px;
}
H2, H3, H4, H5, H6 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 12px;
	PADDING-TOP: 0px;
}
H1 {
	BACKGROUND: left bottom;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: 3f3f3f;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: ababab;
	display: inline;
}
H3 {
	FONT-SIZE: 12px;
	MARGIN-BOTTOM: 6px;
	FONT-STYLE: italic;
	margin-top: 6px;
}
H4 {
	COLOR: #787878;
	font-size: 10px;
}
body.forpage #testimonial {
	float: none;
	width: 900px;
}

body.forpage #testimonial blockquote {
	background: url("../images/quote-ul.gif") top left no-repeat;
	padding: 0 5px;
}
body.forpage #testimonial blockquote p {
	background: url("../images/quote-br.gif") bottom right no-repeat;
	padding: 0 0 5px;
	color: #848768;
	font-size: 13px;
	font-style: italic;
	text-align: center;
	line-height: 30px;
}
body.forpage #testimonial p.cite {
	color: #858668;
	text-align: right;
	font-size: 10px;
	line-height: 15px;
	font-style: italic;
}
body.forpage #introtext {
	float: left;
	width: 534px;
}
body.forpage #pic {
	float: right;
	display: inline;
	width: 168px;
	height: 525px;
	margin-left: 5px;
	border: 0px none 0;
	text-align: center;
	vertical-align: middle;
}



/* HEADER
----------------------------------------------- */

#header {
	BACKGROUND: url(../images/bg-dots.gif) repeat-x left bottom;
	FLOAT: left;
	WIDTH: 100%;
	HEIGHT: 68px;
	TEXT-ALIGN: left;
}
#header #logo {
	DISPLAY: inline;
	FLOAT: left;
	MARGIN: 5px 0px 0px -3px;
}
/* NAVIGATION
----------------------------------------------- */


#mainnav UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BACKGROUND: url(../images/navigation.gif) no-repeat left top;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	WIDTH: 900px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
	HEIGHT: 31px;
}
#mainnav UL LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	TEXT-INDENT: -999em;
	PADDING-TOP: 0px
}
#mainnav UL LI A {
	DISPLAY: block;
	BACKGROUND: url(../images/navigation.gif) no-repeat left top;
	OVERFLOW: hidden;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	HEIGHT: 31px;
	TEXT-DECORATION: none;
	BORDER-BOTTOM-STYLE: none;
	outline: none;
}
#mainnav UL LI.home A {
	BACKGROUND-POSITION: 0px 0px;
	WIDTH: 68px;
}
#mainnav UL LI.home A:hover {
	BACKGROUND-POSITION: 0px -36px;
}
#mainnav UL LI.home A.selected {
	BACKGROUND-POSITION: 0px -72px;
}
#mainnav UL LI.aboutus A {
	BACKGROUND-POSITION: -66px 0px;
	WIDTH: 111px
}
#mainnav UL LI.aboutus A:hover {
	BACKGROUND-POSITION: -66px -36px;
}
#mainnav UL LI.aboutus A.selected {
	BACKGROUND-POSITION: -66px -72px;
}
#mainnav UL LI.products A {
	BACKGROUND-POSITION: -179px 0px;
	WIDTH: 115px;
}
#mainnav UL LI.products A:hover {
	BACKGROUND-POSITION: -179px -36px;
}
#mainnav UL LI.products A.selected {
	BACKGROUND-POSITION: -179px -72px;
}
#mainnav UL LI.gallery A {
	BACKGROUND-POSITION: -294px 0px;
	WIDTH: 96px;
}
#mainnav UL LI.gallery A:hover {
	BACKGROUND-POSITION: -294px -36px;
}
#mainnav UL LI.gallery A.selected {
	BACKGROUND-POSITION: -294px -72px;
}
#mainnav UL LI.howtoorder A {
	BACKGROUND-POSITION: -390px 0px;
	WIDTH: 157px;
}
#mainnav UL LI.howtoorder A:hover {
	BACKGROUND-POSITION: -390px -36px;
}
#mainnav UL LI.howtoorder A.selected {
	BACKGROUND-POSITION: -390px -72px;
}
#mainnav UL LI.links A {
	BACKGROUND-POSITION: -547px 0px;
	WIDTH: 73px;
}
#mainnav UL LI.links A:hover {
	BACKGROUND-POSITION: -547px -36px;
}
#mainnav UL LI.links A.selected {
	BACKGROUND-POSITION: -547px -72px;
}
#mainnav UL LI.testimonials A {
	BACKGROUND-POSITION: -620px 0px;
	WIDTH: 150px;
}
#mainnav UL LI.testimonials A:hover {
	BACKGROUND-POSITION: -620px -36px;
}
#mainnav UL LI.testimonials A.selected {
	BACKGROUND-POSITION: -620px -72px;
}
#mainnav UL LI.contactus A {
	BACKGROUND-POSITION: -770px 0px;
	WIDTH: 130px;
}
#mainnav UL LI.contactus A:hover {
	BACKGROUND-POSITION: -770px -36px;
}
#mainnav UL LI.contactus A.selected {
	BACKGROUND-POSITION: -770px -72px;
}
/* SUBNAV
----------------------------------------------- */

#content #subnav {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	WIDTH: 145px;
	PADDING-TOP: 0px;
	POSITION: relative;
}
#content #subnav UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	list-style-image: none;
	list-style-type: none;
}
#content #subnav UL LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 5px;
	LINE-HEIGHT: 1em;
	PADDING-TOP: 0px
}
#content #subnav UL LI A {
	PADDING-RIGHT: 0px;
	BACKGROUND-POSITION: left top;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	BACKGROUND-IMAGE: url(../images/subnav.gif);
	PADDING-BOTTOM: 0px;
	WIDTH: 145px;
	COLOR: #000000;
	PADDING-TOP: 5px;
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-COLOR: transparent;
	TEXT-DECORATION: none;
	font-size: 11px;
}
#content #subnav UL LI A:hover {
	COLOR: #0066CC;
}
#content #subnav UL LI A SPAN {
	PADDING-RIGHT: 20px;
	BACKGROUND-POSITION: left bottom;
	DISPLAY: block;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 15px;
	PADDING-TOP: 0px;
}
#content #subnav UL LI.active A {
	BACKGROUND-IMAGE: url(../images/subnav.gif);
	COLOR: #000000;
}
#content #subnav UL LI.active A:hover {
	COLOR: #FFFFFF;
}
#content #subnav UL LI.active A SPAN {
}
/* SUBNAV for Oars
----------------------------------------------- */
#content #subnav UL LI.active UL {
	LEFT: 0px;
	POSITION: absolute;
	TOP: 25px;
}
#content #subnav UL LI.active UL LI A {
	BACKGROUND-IMAGE: url(/images/sub2nav-inactive-top.gif);
}
#content #subnav UL LI.active UL LI A:hover {
	BACKGROUND-IMAGE: url(/images/sub2nav-inactive-hover.gif);
	COLOR: #bc7002;
}
#content #subnav UL LI.active UL LI A SPAN {
	PADDING-RIGHT: 10px;
	BACKGROUND-POSITION: left bottom;
	DISPLAY: block;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 10px;
}
#content #subnav UL LI.active UL LI.active A {
	BACKGROUND-IMAGE: url(/images/sub2nav-active-top.gif);
}
#content #subnav UL LI.active UL LI.active A:hover {
	COLOR: #0066CC;
}
#content #subnav UL LI.active UL LI.active A SPAN {
	BACKGROUND-IMAGE: url(/images/sub2nav-active-bottom.gif);
}
/* Content on the Oars Page
----------------------------------------------- */

#content-right {
	FLOAT: right;
	WIDTH: 717px;
}
#content-right #copy {
	FLOAT: left;
	WIDTH: 690px;
}
#content-right #pic {
	FLOAT: none;
	WIDTH: 168px;
}
#content-right #picture {
	
	WIDTH: 168px;
}

.borderleft {
	padding:3px;
	border:2px dotted #acacac;
	margin-right: 15px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.borderright {
	padding:3px;
	border:2px dotted #acacac;
	margin-right: 0px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.border {
	padding:3px;
	border:2px dotted #acacac;

}
#content-right #lefthalf {
	FLOAT: left;
	WIDTH: 351px;
}
#content-right #righthalf {
	FLOAT: right;
	WIDTH: 351px;
}
#content-right-sub {
	FLOAT: right;
	WIDTH: 534px;
}
/* Layout
----------------------------------------------- */
#wrapper-outer {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BACKGROUND: #fff;
	FLOAT: left;
	PADDING-BOTTOM: 1px;
	WIDTH: 100%;
	PADDING-TOP: 0px
}
#wrapper {
	MARGIN: 0px auto;
	WIDTH: 900px;
}
#content {
	CLEAR: both;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BACKGROUND: url(../images/bg-dots.gif) repeat-x left top;
	FLOAT: left;
	PADDING-BOTTOM: 30px;
	WIDTH: 100%;
	PADDING-TOP: 15px;
	TEXT-ALIGN: left;
}
#footer {
	BACKGROUND: url(../images/bg-dots.gif) repeat-x left top;
	FLOAT: left;
	WIDTH: 100%;
	HEIGHT: 32px;
	TEXT-ALIGN: left;
}
#footer .copyright { width: 900px; margin-left: -6px; padding-bottom: 18px; background: url("/images/bg-footer-bottom-curve.gif") bottom left no-repeat; }
	#footer .copyright h4 { float: left; width: 180px; height: 14px;}
	#footer .copyright p { font-size: 11px; line-height: 15px; margin: 0 0 0 690px; width: 210px; text-align: center; }
	#footer .copyright p.credits { font-size: 10px; color: #333333; }
	#footer .copyright p.credits a { font-size: 10px; color: #5d9641; text-decoration: underline; }
	#footer .copyright p.credits a.invis { text-decoration: none; }
	#footer .copyright p.credits a.invis:hover { text-decoration: none; cursor: default; background: transparent; color: #5d9641 !important; }
	#footer .copyright p.credits a:hover {
	background: transparent;
	color: #003366;
}
	
/* LISTS: =lists
----------------------------------------------- */
	#content ul.checkmarks li { background: url("/images/checkmark.gif") top left no-repeat; padding-left: 15px; font-weight: bold; font-style: italic; }
	#content ul li { background: url("/images/listbullet.gif") 0 .4em no-repeat; padding-left: 18px; }
	.greenbox, .greenbox-sm {
	background-color: #FFFFFF;
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 18px;
	padding-top: 15px;
	width: 534px;
	border: 1px dashed #666666;
}
	.greenbox-inner, .greenbox-sm-inner { background-position: bottom left; background-repeat: no-repeat; padding: 0 10px 15px 10px; }

	.greenbox ul { margin: 0; }
	#content .greenbox ul li { background: url("/images/greenbullet.gif") 0 .6em no-repeat; line-height: 2em; margin: 0; color: #fff; font-size: 11px; padding-right: 5px; }
	#content .greenbox ul li.reset { margin-top: -8em; }
	#content .greenbox ul li.right { margin-left: 227px; padding-right: 0px; }

/* FORMS: =forms
----------------------------------------------- */
	form div.field {
	color: #4a4b25;
	clear: both;
	padding: 10px 12px;
	margin: 0 0 1px 0;
}
	form div.error { background: #cef7ba; color: #5d9641; }
	form div.error label {
	color: #666666;
}
	form div.error label.desc { color: #ba1c1c; }
	form div.error input.text,
	form div.error textarea { border: 1px solid #ba1c1c; }
	form div.error span.errormsg { display: block; clear: both; padding-left: 140px; color: #ba1c1c; font-size: 11px; font-style: italic; }
	form div.field div.firstname { float: left; width: 110px; }
	form div.field div.lastname { margin-left: 255px; width: 230px; }
	form div.input { padding: 0 0 10px 151px; }
	form label {
	display: block;
	font-size: 12px;
	color: #A99577;
}
	form label.desc {
	color: #4a4b25;
	font-size: 12px;
	font-weight: bold;
	float: left;
	width: 130px;
	text-align: right;
	padding: 3px 10px 0 0;
	margin: 0 0 5px 0;
}
	form input.text, form textarea { font-family: "Courier New", Courier, monospace; font-size: 13px; padding: 3px; color: #454545; background: #fff url("/images/bg-input.gif") top left repeat-x; border-top: 1px solid #426a2f; border-left: 1px solid #426a2f; border-right: 1px solid #4d7b37; border-bottom: 1px solid #4d7b37; width: 330px; }
	form input.firstname { width: 100px !important; }
	form input.lastname { width: 215px !important; }
	form p.reqnotice {
	border-bottom: 1px solid #660000;
	color: #999999;
	margin: 0 0 6px 0;
	padding-bottom: 6px;
	font-size: 11px;
}
	form p.reqnotice strong {
	color: #333333;
	font-size: 12px;
	font-style: normal;
}
	
/* MISC
----------------------------------------------- */	

.clearboth {
	CLEAR: both;
}
.skip {
	LEFT: -999em;
	MARGIN-BOTTOM: 0px;
	WIDTH: 999em;
	POSITION: absolute;
	DISPLAY: none! important;
}