/*
Created for MTS Environmental Products by In House Logic (www.inhouselogic.com)
Feb 2008
Updated:
June 06, 2008 - In House Logic - JC
July 22, 2008 - In House Logic - JC
July 27, 2008 - In House Logic - JC
*/
* {
	font-size: 100%;
}
html {
	font-size: 62.5%;
}
body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	padding: 0;
	margin: 0;
	font-size: 1.4em;
	background-color: #FFFFFF;
}
h1 { font-size: 1.9em;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #A9BA5C;}
h2 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	padding-left: 1em;
	font-size: 1.2em;
	color: #244F33;
	margin-top: 1em;
}
h3 { font-size: 1.5em;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #A9BA5C;}
h4 {
	font-size: 1.4em;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #A9BA5C;
	padding-left: 1em;
}
h5 { font-size: 1.25em;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #A9BA5C;}
h6 { font-size: 1.12em;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #A9BA5C;}

a:link {
	color: #FF9900;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF9900;
}
a:hover {
	text-decoration: underline;
	color: #FFCC00;
}
a:active {
	text-decoration: none;
	color: #FFCC00;
}
.text {	padding-top: 1em;
	padding-right: 3em;
	padding-bottom: 1em;
	padding-left: 3em;
	font-family: "Trebuchet MS", Verdana, sans-serif;
}
td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
/* ------------------- STRUCTURAL ---------------------- */
#wrapper {
	width: 100%;
	background-image: url(../imgs/pg_bkgnd_06.jpg);
	background-position: 50% 0;
	background-repeat: repeat-x;
	padding-top: 3px;
	padding-bottom: 10px;
	background-color: transparent;
}
#page {
	width: 750px;
	background-image: url(../none);
	overflow: visible;
}
#masthead {
}
#navbar {
}
#nav {
}
#left_nav_buttons {
	display:block;
	text-align: right;
	float: left;
	margin-top: 8px;
	width: 180px;
}
#nav #left_nav_buttons li {
	padding-left: 0em;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 1.6;
	display: block;
}
#masthead #logo {
}



#navbar #sub-nav {
	clear: both;
	font-size: 16px;
	color: #947D2F;
	background-color: #8A8A34;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-color: #DEE4C0;
	border-top-width: 1px;
	border-top-style: solid;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
#sub-nav a {
	padding-right: 1px;
	padding-left: 1px;
	line-height: 30px;
}
.menuhead {
	font-size: 0.7em;
	font-weight: bold;
	padding-right: 3em;
	color: #946C23;
}

#clearing_block {
	clear: both;
	height: 5px;
	visibility: hidden;
	display:block;
}
#body_area1 {
	clear: both;
	height: 110px;
	background-color: #60676F;
}
#inner_wrapper {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
}
#body_area2 {
	background-color: #92A244;
	padding: 0 0 10px 0;
	border-bottom-style: none;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	width: 750px;
}
#body_area3 {
	background-color: #FFFFFF;
}

#content {
	background-color: #FFFFFF;
	background-image: url(../imgs/pic_strip_tall.jpg);
	background-position: 100% 100%;
	background-repeat: no-repeat;
	width: 748px;
	margin: 0 auto;
	padding-bottom: 200px;
	padding-top: 20px;
}
#navbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #A9BA5C;
	padding-bottom: 15px;
	padding: 60px 0 0 0;
	background-image: url(../imgs/logo_bkgnd03.jpg);
	background-position: 0% 0%;
	background-repeat: no-repeat;
}
#body_area2 p {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.2;
}
#nav {
	color: #FF0000;
	border-bottom-color: #DEE4C0;
	border-bottom-style: solid;
	border-bottom-width: 3px;
}
#masthead_text {
	float: right;
	width: 525px;
	margin-top: 30px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 1.4em;
	margin-right: 25px;
	margin-bottom: 15px;
	height: 120px;
}
#masthead_text h1 {
	font-size: 1.3em;
	color: #6B7733;
}
#masthead_text p {
	font-size: 1em;
	padding-left: 2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #76884D;
}
#body_area2 h1 {
}
.threeup {
	display: block;
	width: 100%;
	list-style-type: none;
}
.threeup li {
	float: left;
	margin-right: 1px;
	margin-left: 1px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	width: 29%;
	border: thin solid #A9BA5C;
	list-style-type: none;
	margin-top: -.5em;
}
.twoup {
	display: block;
	width: 100%;
	list-style-type: none;
}
.twoup li {
	float: left;
	margin-right: 1px;
	margin-left: 5px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	width: 44%;
	border: thin solid #ffffff;
	list-style-type: none;
	margin-top: -0.5em;
	margin-bottom: 15px;
}
#footer {
	clear: both;
	height: 25px;
	margin-top: 25px;
	margin-bottom: 10px;
	font-size: 0.8em;
	background-color: transparent;
}
#copywrite {
	font-weight: bold;
	color: #67695B;
	background-color: transparent;
}
/* ------- GENERIC LINKS --------- */
a:link {
	color: #FF9900;
	text-decoration: none;
}
#content a {
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #FF9900;
}
a:hover {
	text-decoration: underline;
	color: #FFCC00;
}
a:active {
	text-decoration: none;
	color: #8C887D;
}
/* ------- SPECIFIC LINKS - FOOTER --------- */
#footer a:link, #footer a:visited {
	color: #707264;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	text-decoration: underline;
	color: #D8B349;
}
/* ------- SPECIFIC LINKS - NAV --------- */
#left_nav_buttons a:link, #left_nav_buttons a:visited {
	color: #496A00;
	text-decoration: none;
	width: 180px;
	padding-right: 2.5em;
	font-weight: bold;
}
/*
#content ul {
	list-style-position: outside;
	list-style-type: square;
	margin-left: 3em;
	margin-top: .5em;
} */
#left_nav_buttons a:hover, #left_nav_buttons a:active {
	color: #34348A;
	background: 171;
	padding-right: 2.5em;
	font-weight: bold;
	background-image: url(../imgs/leaf_sml.gif);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

/* ------- SPECIFIC LINKS - SUB-NAV --------- */

#sub-nav a {
	padding-right: 1em;
	padding-left: 1em;
	display: inline-block;
	border-bottom: 3px solid #8A8A34;
}
#sub-nav a:link, #sub-nav a:visited {
	color: #EBE7E8;
	text-decoration: none;
}
#sub-nav a:hover, #sub-nav a:active {
	color: #34348A;
	background-color: #C0CC8A;
	line-height: 30px;
	border-bottom: 3px solid #34348A;
}
#content h1 {
	color: #244F34;
	padding-bottom: 12px;
	padding-left: 1em;
	padding-top: 0.6em;
}
#content p {
	padding-left: 3em;
	padding-right: 1em;
	padding-bottom: .6em;
}
#navbar #logo {
	background-image: url(../imgs/logo_topper.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 60px;
}

#imageholder {
	background-repeat: no-repeat;
	height: 65px;
	background-position: 50% 75%;
}

#content ul {
	padding-left: 4em;
	padding-top: 1em;
	font-size: 1.1em;
	list-style: square;
	list-style-position: outside;
	padding-right: 1em;
	text-indent: -1em;
}
#content ul li {
	padding-bottom: .5em;
	list-style-position: inside;
}
#content #float-right-col {
	float: right;
	width: 40%;
	color: #92A244;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 2em;
	min-height: 40px;
}
#content #float-right-col p {
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 0.6em;
	padding-left: 2em;
	color: #876F3A;
}
#float-right-col ul {
	padding-left: 3em;
	text-indent: -1em;
	color: #A18144;
}
#float-right-col ul li {
	padding-right: 5px;
	padding-bottom: 0.5em;
	padding-left: 5px;
	color: #92783F;
}
#content #float-right-col ul li ul li {
	padding-left: 0px;
}
#content #float-right-col ul li ul {
	padding-left: 10px;
	padding-top: 2px;
	font-size: 0.9em;
	list-style-type: circle;
	list-style-position: inside;
	text-indent: -1em;
}
#float-right-col h3 {
	padding-left: .5em;
}
#float-right-col strong {
	color: #AB8E54;
}
.contactName, p .contactName {
	color: #A9BA5C;
	font-weight: bold;
}
/* --------------------------- FORM ELEMENTS ---------------------------- */
#form_table {
	padding: 8px 8px 0 0;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	}
#form_table div {
	padding: 8px 8px 0 10px;
	width: 60%;
	clear: left;
	}

/*.error_list {
	color: #870300;
	padding: 1em .5em;
	margin-bottom: 1em;
	font-size: .8em;
}*/

.error_list {
	color: #A05B18;
	background-color: #FFFFCC;
	border-color: #FFCC00;
	border-width: 1px;
	border-style: solid;
	padding: 0.3em;
	margin: 0.5em;
	font-size: 1em;
	font-weight: 400;
	width: 95%;
}
.error_list ul {
	padding: .25em .5em 1.5em 0;
	margin-left: -25px;
	passing-left: 0;
}
.error_list ul li {
	padding: .8em .5em .5em 5px;
	margin-left: 0;
	passing-left: 0;
	text-indent: -1em;
}
.error_list ul li ol{
	padding: .25em .5em .5em 0;
	margin-left: 0;
	passing-left: 0;
}
.error_list ul li ol li{
	padding: .8em .5em .5em 2em;
	font-size: .8em;
	margin-left: 0px;
	passing-left: 0px;
	text-indent: -1em;
}
/*
.error_list li {
	padding: .25em .5em .5em .5em;
}*/
.caption {
	font-size: .9em;
	color: #666666;
}
.input {
	font-size: .9em;
	color: #666666;
}
.textarea {
	/* font-size: .9em; 
	color: #666666;*/
}
.form_label {
	font-size: 1.1em}
label {
	font-size: .9em;
}
fieldset {
	color: #C0CAB9;
	margin-top: 1em;
	padding-bottom: 1em;
	border: 1px solid #C0CAB9;
	-moz-border-radius: 0.7em;
	-moz-outline-radius: 0.7em;
	width: 350px;
}
.button {
	color: #FF0000;
	background-color: #99CCCC;
	display: block;
}
.button1 {
	color: #dedede;
	background-color: #92a244;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
.form_label1 {
	font-size: 0.8em;
	color: #884B14;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.input1, .message, textarea, input{
	font-size: 0.9em;
	color: #355736;
	background-color: #F9F9F7;
	border: solid #B9C5B8 1px;
	clear: left;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.legend_text {
	font-size: 0.9em;
	color: #970000;
	border: 1px solid #efefef;
	padding: 2px 5px;
	margin-left: 35px;
}
.ltgrey {color: #CCCCCC}
.white {color: #FFFFFF}
.fullWidth {
	margin: 0px;
	padding: 0px;
	width: 90%;
}
.contactName {
	color: #CC3333;
}
#downloadsBlock {
	border: 1px solid #E7DCC6;
	font-size: 0.9em;
	margin-right: 10px;
	background-color: #FBFAF6;
	margin-top: 1em;
	margin-left: 1em;
}
#downloadsBlock p {
	display: inline;
	clear: left;
}
#downloadsBlock p {
	display: block;
	clear: left;
	padding-bottom: 1em;
}




.topImage01 {
	background-image:url(../imgs/wateronstone-1.jpg);
}
.topImage02 {
	background-image:url(../imgs/Waterfall-Slice_01.jpg);
}
.topImage03 {
	background-image:url(../imgs/Waterfall-Slice_02.jpg);
}
.topImage04 {
	background-image:url(../imgs/Waterfall-Slice_04.jpg);
}
.topImage05 {
	background-image:url(../imgs/Waterfall-Slice_05.jpg);
}
.topImage06 {
	background-image:url(../imgs/Waterfall-Slice_06.jpg);
}
.topImage07 {
	background-image:url(../imgs/Waterfall-Slice_07.jpg);
}
.topImage08 {
	background-image:url(../imgs/Waterfall-Slice_08.jpg);
}
.topImage09 {
	background-image:url(../imgs/Waterfall-Slice_09.jpg);
}
.topImage10 {
	background-image:url(../imgs/Waterfall-Slice_10.jpg);
}
.topImage11 {
	background-image:url(../imgs/Waterfall-Slice_11.jpg);
}
.topImage12 {
	background-image:url(../imgs/Waterfall-Slice_12.jpg);
}
#downloadsBlock h2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E7DCC6;
	display: block;
	background-color: #F6F3EA;
}

#content #left_col_text {
	display: block;
	padding-right: 1em;
	width: 420px
}
/* -------------------------------- GALLERY ------------------------------- */

#galleryBlock {
	padding-top: 1.5em;
	padding-bottom: 1em;
	width: 100%;
	margin-left: 8px;
}

#galleryBlock .categoryGroup {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DCDCDA;
	margin-top: 1px;
	margin-bottom: 2px;
}

 .categoryGroup .galleryThumbs {
	display: block;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 4px;
}

.galleryThumbs .thumb {
	display: inline-block;
	margin: 0px;
	float: left;
	padding: 2px;
}

.thumb a,
.thumb a:link,
 .thumb a:visited {
	border: 1px solid #FFFFFF;
}

.thumb img {
	margin: 5px;
	padding: 5px;
	border: 1px solid #91948B;
}

.instructions {
	font-size: .9em;
	line-height: normal;
	color: #999999;
	font-style: italic;
}

#content .contactName {
	color: #5E5E24;
}

#content .contactInfo {
	font-size: 0.9em;
	padding-left: 4em;
	margin-top: -0.4em;
}

#left_col_text ul li ul {
	padding-left: 2em;
	line-height: 0.9em;
	font-size: 0.9em;
}

.subheading {
	clear: left;
	display: block;
	font-family: "Segoe UI", Candara, "Trebuchet MS", Verdana, sans-serif;
	font-size: 0.7em;
	font-weight: 500;
	font-style: oblique;
	padding-top: 0em;
	margin: -0.1em;
	padding-left: .25em;
	border-bottom-color: #8A8A34;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#videoBlock {
	float: none;
	height: 245px;
	width: 325px;
	padding: 0 0 0 30px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#content #left_col_text h2 {
	text-indent: .8em;
}