/* CSS Document */

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#ffffff;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right !important; margin-left:10px;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.333em;
		color:#786c67;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#5E6352;}
a:hover{text-decoration:none;}
p {padding-top:15px;}
strong {color:#2c3b44; font-size:1.083em; line-height:1.231em;}

/* ============================= main layout ====================== */

.link {background:#5E6352 url(../images/link-right-bg.gif) top right no-repeat; display:block; float:left; color:#f8f4e8; font-size:0.917em; line-height:1em; font-weight:bold; margin-top:20px; text-decoration:none;}

.link span {background:url(../images/link-left-bg.gif) top left no-repeat; display:block; padding:4px 7px 5px 10px;}
.link:hover {background:#B3C390 url(../images/link-right-bg-hover.gif) top right no-repeat; color:#000;}
.link:hover span {background:url(../images/link-left-bg-hover.gif) top left no-repeat;}

.link2 {font-weight:bold; color:#275b6d; padding-left:14px; font-size:0.917em; font-family:Tahoma, Geneva, sans-serif;}

.link3 {font-family:Tahoma, Geneva, sans-serif; line-height:1em; color:#fff; text-decoration:none;}

.link4 {background:#ffffff; display:block; float:left; color:#ffffff; font-size:0.917em; line-height:1em; font-weight:bold; margin-top:35px; margin-left: 25px; text-decoration:none;}




li { background:url(../images/list-bg.gif) no-repeat 0 9px; padding-left:14px; font-size:0.917em; line-height:1.727em; font-family:Tahoma, Geneva, sans-serif;}
li a {color:#5E6352;}

.imgindent {margin:0 20px 0 0; float:left;}

h2 {font-size:1.5em; border-bottom:1px solid #ddd9d8; line-height:1em; color:#2c3b44; font-weight:normal; padding-bottom:6px; margin-bottom:25px;}
h3 {font-family:Tahoma, Geneva, sans-serif; font-size:1.333em; line-height:1em; color:#fff; padding:1px 0 0 24px;}

.title1 {
	padding:16px 0 21px 17px;
	background-image: url(../images/title1-tail-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.title1 h3 {background:url(../images/title1-bg.gif) top left no-repeat;}
.title2 {
	padding:16px 0 21px 17px;
	background-image: url(../images/title2-tail-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.title2 h3 {background:url(../images/title2-bg.gif) top left no-repeat;}

/* ============================= header ====================== */

.submenu {float:right; padding:32px 37px 0 0;}
.submenu li {display:inline; background:url(../images/submenu-marker.gif) top right no-repeat; padding:0 8px 0 22px; font-family:Tahoma, Genefa, sans-serif;}
.submenu li a {color:#282828; text-decoration:none;}
.submenu li a:hover {color:#5E6352; text-decoration:underline;}

.logo {margin:18px 0 12px 19px;}

.slogan2 {padding:0px 0 0px 0px; background:url(../images/header-bgx.jpg) top left no-repeat; margin-top:1px; z-index:1}

.slogan {padding:0px 0 0px 0px; background:url(../images/header-bg.jpg) top left no-repeat; margin-top:1px; z-index:1}

/* ============================= content ====================== */

#content {padding:25px 25px 56px 13px;}
#page1 #content {padding:9px 0 56px 0;}
.row2 {padding:26px 0 0 13px;}

.box {background:url(../images/box-bg.gif) bottom repeat-x #f3f3f3;}
.box .indent {padding:14px 15px 29px 18px;}
.box ul {padding-bottom:8px;}

.col-pad {padding-right:36px;}
.col-pad2 {padding-right:2px;}
.col-pad3 {padding-right:9px;}
.col-pad4 {padding-right:70px;}
.margin0 {margin-top:0px;}
.margin1 {margin-bottom:25px;}
.margin15 {margin-bottom:5px;}
.margin2 {margin-top:21px;}
.margin3 {margin-bottom:15px;}
.padding1 {margin-top:31px;}

.color2 {color:#5E6352;}
.text2 {font-size:0.917em;}
.text2 strong {font-size:1em;}
.li phonenum {font-size:16px;}
.text2 strong a {color:#009feb;}
.rss { background:url(../images/rss-bg.gif) no-repeat 0 0; color:#786c67; text-decoration:none; font-weight:bold; padding:0 0 0 23px; display:inline-block;}
.rss:hover {text-decoration:underline;}
.line {border-top:1px solid #ddd9d8; padding:13px 0 0 0; margin-top:36px;}
.phone {float:right; margin-right:20px;}
.mail {color:#b73909;}

/* ============================= footer ====================== */

#footer {font-size:1.083em; padding:33px 0 0 13px;}
#footer a {font-weight:bold; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* ============================= forms ============================= */

#ContactForm {padding:0 25px 0 0;}
#ContactForm .rowi {height:40px;}
#ContactForm .link {margin:18px 0 0 10px;}

.input {width:255px; height:15px; border:1px solid #7d7d7d; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:255px; height:136px; border:1px solid #7d7d7d; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}

.style7 {
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

.style8 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

/* Button Section for Product Categories */

.image-button {
	position:relative;
	float:left;
	margin-bottom:10px;
}

.image-text {
	position:absolute;
	width:388px;
	margin-left:165px;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}

h9 {font-size:16px; font-weight:bold; color:#C7D3AD; margin:0px; line-height:1px;}


.sub-image-text {
	position:absolute;
	width:388px;
	margin-left:165px;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	max-height:143px;
	overflow:hidden;
}

h10 {font-size:16px; font-weight:bold; margin:0px; line-height:1px;}




.pdf {
	display: block;
	padding: 3px 0px 3px 20px;
	background-image: url("../images/pdficon_small.gif");
	background-position: center left;
	background-repeat: no-repeat;
	white-space: nowrap;
	}
	
.gallery-images {margin-right:10px; margin-top:10px; width:130px; max-height:75px; overflow:hidden;} /* sets spacing between gallery images and size of thumbnails */


/* Image Wrapper - required to make text wrap around images */

.float-l {float:left;}
.float-r {float:right;}
.image-left {float:left; vertical-align:text-top; margin-right:10px; margin-top:10px;}
.image-right {float:right; vertical-align:text-top; margin-left:10px; margin-top:10px;}
.wrap-container {width:99.5%; float:left;}