/* default setting */
* { margin: 0; padding: 0; }
a { text-decoration: none; }
img { border: none; }

/* body */
body { font-size: 0.75em; font-family: 'Mariad Pro Semibold', 'Helvetica', sans-serif; background: url('../images/background.gif') repeat-x left top; }

/* wrapper */
#wrapper { width: 986px; margin: 0 auto; }

/* header */
header { width: 100%; height: 85px; padding-top: 9px; }
header #top_header { float: left; width: 100%; height: 30px; margin-top: 7px;  text-align: right; }
header #top_header * { display: inline; }
header #top_header a { margin-left: 10px; }
header #top_header h4 { position: relative; top: -9px; color: #599d0a; font-size: 14px; }
header #right_columns { float: right; width: 700px; }
header #logo { float: left; margin-top: 10px; }

/* navigation */
header nav { float: right; padding-top: 5px; }
header nav ul { width: 700px; height: 36px; background: url('../images/menu_bg.gif') repeat-x left top; }
header nav ul li { display: inline; float: left; list-style: none; }
header nav ul li a { float: left; height: 35px; line-height: 35px; padding: 0px 22px; color: #fff; font-size: 14px; font-weight: 600; }
header nav > ul > li > a:last-child { padding: 0px 23px; }
header nav ul li:hover > a { background: url('../images/menu_hover.gif') repeat-x left top; }
header nav ul li:hover > ul { display: block; }

header nav ul ul { display: none; position: absolute; z-index: 9999; width: 135px; height: auto; top: 85px; background: #0f7235; }
header nav ul ul li { position: relative; }
header nav ul ul li a { float: left; padding: 0 0 0 20px; width: 115px; border-bottom: 1px dashed #147f3d; color: #c8d8ce; }
header nav ul ul li:hover > a { background: #147f3d; color: #fff; }
header nav ul ul ul { top: 0; left: 120px; background: #178a43; }

/* contents */
section#contents { width: 100%; min-height: 500px; }

/* slider */
#slider { position: relative; width: 100%; height: 301px; background: #f7f7f7; }
.slides_container { float: left; display: none; width: 100%; height: 301px; }
.slides_container .item { float: left; display: block; width: 100%; height: 301px; }

#slider .pagination { position: absolute; right: 12px; bottom: 15px; }
#slider .pagination li { list-style: none; display: inline; float: left; padding-right: 5px; }
#slider .pagination li a { float: left; padding: 5px 10px; background: #eee; }
#slider .pagination li a:hover { background: #ccc; }

/* main_contents */
#main_contents { float: left; width: 100%; margin-top: 25px; }
#main_contents .item { float: left; width: 306px;border-radius:10px;border:1px solid #d7d6d6; }
#main_contents .item h1 { border-top-left-radius:10px;border-top-right-radius:10px;width: 294px; height: 36px; line-height: 36px; padding-left: 12px; font-size: 14px; font-weight: 600; letter-spacing: 1px; background: url('../images/title_bg.gif') repeat-x left top; color: #fff; }
#main_contents .item + .item { margin-left: 31px; }
#main_contents .item div { width: 302px; height: 175px; }
#main_contents .item > img { float: left; }
#main_contents .item p { float: right; width: 180px; color: #909090; padding: 13px 5px 0 0; line-height: 20px; font-size: 14px; }
#main_contents .read_more { position: relative; left: 200px;  }

/* sub_contents */
#sub_contents { float: left; width: 100%; margin-top: 15px; }
#sub_contents #side { float: left; width: 150px; }
#sub_contents h1 { width: 100%; padding: 0 0 0 10px; color: #278830; border-bottom: 1px solid #278830; font-size: 26px; text-transform: uppercase; }
#sub_contents .content-box { float: right; width: 800px; }
#sub_contents .content-box .box { width: 790px; padding: 10px 0 0 10px; }

/* footer */
footer { clear: both; float: left; width: 100%; height: 72px; margin-top: 15px; text-align: right; background: url('../images/footer_bg.gif') repeat-x left top; color: #7d7d7d; }
footer nav { float: right; padding: 10px 10px 0 0; }
footer nav ul li { display: inline; float: left; list-style: none; }
footer nav ul li a { float: left; padding: 0 8px; color: #7d7d7d; font-weight: 600; }
footer nav ul li a:hover { text-decoration: underline; }
footer nav ul li + li { background: url('../images/footer_nav_bar.gif') no-repeat left 50%; }
footer span.copyright { clear:both; float: right; padding: 3px 13px 0 0; font-weight: 600; }

/* enquiry_form */
#enquiry_form { width: 175px; }
#enquiry_form span { float: left; padding: 25px 0 3px 0; width: 100%; color: #555; font-size: 14px; font-weight: 600; font-style: italic; border-bottom: 2px solid #1a7c33; }

#enquiry_form table { width: 175px; }
#enquiry_form th { text-align: left; color: #666; padding: 3px 0; }
#enquiry_form td { width: 100%; padding: 0 0 8px 0; }
#enquiry_form td input { width: 172px; height: 20px; }
#enquiry_form input[type=submit] { width: 175px; height: 30px; border: none; background: #1a7c33; color: #fff; font-weight: bold; cursor: pointer; bordere: 1px solid #1a7c33; }
#enquiry_form input[type=submit]:hover {
	background-image: linear-gradient(bottom, rgb(22,117,46) 44%, rgb(28,122,50) 72%);
	background-image: -o-linear-gradient(bottom, rgb(22,117,46) 44%, rgb(28,122,50) 72%);
	background-image: -moz-linear-gradient(bottom, rgb(22,117,46) 44%, rgb(28,122,50) 72%);
	background-image: -webkit-linear-gradient(bottom, rgb(22,117,46) 44%, rgb(28,122,50) 72%);
	background-image: -ms-linear-gradient(bottom, rgb(22,117,46) 44%, rgb(28,122,50) 72%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.44, rgb(22,117,46)),
		color-stop(0.72, rgb(28,122,50))
	);

	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
	-o-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
	-ms-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);

	border: 1px solid #115322;
}

#enquiry_form input[type=submit]:active {
	position: relative;
	left: 1px;
	top: 1px;
}

/* materials */
#materials {
	margin: 20px;
	width: 720px;
}

#materials div {
	width: 100%;
	margin-bottom: 20px;
}

#materials div div {
	display: none;
	padding: 10px;
}

#materials div h1.closed,
#materials div h1 {
	float: none;
	width: 100%;
	padding: 5px 0 5px 30px;
	font-size: 14px;
	color: #777;
	border-bottom: 1px solid #999;
	background: url('../images/arrow_up.gif') no-repeat 7px 60%;
	cursor: pointer;
}

#materials div h1.opened {
	background: url('../images/arrow_down.gif') no-repeat 7px 60%;
	border-bottom: 1px solid #278830;
	color: #278830;
}

#materials table {
	width: 100%;
	color: #555;
}

#materials table thead th.title {
	height: 30px;
	background: #f3f3f3;
	border: none;
	box-shadow: none;
}

#materials table thead th {
	height: 30px;
	border-bottom: 1px solid #278830;
	color: #278830;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
}

#materials table thead th + th {
	border-left: 1px solid #278830;
}

#materials table td {
	padding: 7px 0 7px 7px;
	border-bottom: 1px solid #ccc;
}

#materials table td + td {
	border-left: 1px solid #ccc;
}

#materials table tr:hover {
	background: #f1f1f1;
}

td.g-recaptcha {
		transform: scale(0.65) !important;
    position: relative;
    left: -54px;
}