/*
	Wordpress themes special develop for Glory Water Management Sdn Bhd by PCT - Production at 12/15/09
*/



/* Begin Website structure & comment setting */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, sans-serif;
	background: #88d0ff;
	color: #333333;
	margin: 0;
	}

#wrap {
	background: #ffffff;
	width: 1024px;
	margin: 0 auto;
	border-right: 8px solid #62BFFC;
	border-left: 8px solid #62BFFC;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333333;
}

h1 {
	margin: 0;
	padding: 0;
	color: #2278b0;
	font-weight: bold;
	font-size: 1.5em;
}

h2 {
	margin: 0;
	padding: 0;
	color: #1178bc;
	font-weight:lighter;
}

a {
	text-decoration: none;
	color: #333333;
}

a img {
	border: none;
}

img {
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	display:block;
}

a:hover {
	text-decoration: underline;
	color: #003299;
}

.font-white, li.font-white a {
	color: #ffffff ;
}

.clear-both {
	clear: both;
	height: 1px;
}

#preload {
	display: none;
}
/* End Website structure & comment setting */

/* Begin header */
#header {
	height: 80px;
	position: relative;
}

ul#menu {
	width: 750px;
	height: 61px;
	margin: 0;
	padding: 0;
	padding-left: 45px;
	background: url('img/header/btn-bg.png') no-repeat;
	list-style-type: none;
	position: absolute;
	bottom: 0;
	right: 0;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
}

ul#menu li {
	float: left;
	margin: 0;
	padding: 0;
	padding:22px 47px 24px 0px;
}

ul#menu li a:hover {
	background: url('img/header/btn-hover.png') no-repeat bottom center;
	padding-bottom: 18px;
	text-decoration: none;
}
/* End header */

/* Begin Index */
#home-content {
	padding: 0px 25px 15px;
	position:relative;
}

#home-titlebar {
	width: 605px;
	height: 30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #cccccc;
	position: relative;
}

#home-titlebar h2 {
	font-size: 1.4em;
	font-weight: bold;
	width: 380px;
	color: #2278b0;
}

#home-titlebar img {
	position:absolute;
	bottom: 0;
	right: 0;
}

ul.home-list {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
	font-size: 1.2em;
	margin-right: 50px;
}

ul.home-list li {
	background: url('img/home/list-bullet.png') no-repeat left;
	padding-left: 17px;
	margin-top: 10px;
}

#our-product {
	background: url('img/home/our-product.png');
	width: 315px;
	height: 150px;
	position: absolute;
	right: 43px;
	bottom: 0;
}

#our-product .content {
	width: 185px;
	float: right;
	padding:20px 8px 0 0;
}

#our-product .content h2 {
	font-size: 1.9em;
	font-weight: bold;
	color: #2e2e2e;
}

#our-product .content p {
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

#our-product .content a {
	float: right;
	color: #054db4;
	font-weight: bold;
	font-size: 0.9em;
}
/* End Index */

/* Begin Page Content */
#page-content {
	padding: 36px 25px 0px;
	position:relative;
}

#page-content h1 {
	background: url('img/page/bullet-h2.png') no-repeat left center;
	padding-left: 12px;
}

#h1-bg {
	width: 894px;
	height: 15px;
	padding: 10px 38px;
	background: url('img/page/bg-h2.png') left;
}

#content-area {
	padding: 15px 22px; 
}

/* Begin services & products page */
ul.systems-products {
	float: left;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #7b7b7b;
	margin-right: 100px;
}

ul.systems-products li {
	margin: 0;
	padding: 0;
	padding-left: 22px;
	margin-bottom: 18px;
	background: url('img/page/service-product/ul-bullet.png') no-repeat left;
}

ul.systems-products li.pdf-download a {
	background: url('img/page/service-product/pdf-icon.png') no-repeat right;
	padding-right: 18px;
}
/* End services & products page */
/* Begin Others products page */
#largeimg {
	background: url('img/page/others/bg.png');
	width: 439px;
	height: 530px;
}

#smallimg {
	width: 450px;
	position: absolute;
	top: 100px;
	right: 30px;
}

#smallimg img {
	cursor: pointer;
	width: 101px;
	height: 100px;
	float: left;
	margin: 0 5px;
}

#smallimg p {
	color: #3b76c3;
	font-size: 1.4em;
	background: url('img/page/others/bullet.png') no-repeat right;
	padding-right: 10px;
	margin-bottom:25px;
	width:170px; 
}

.product-col0 {
	width: 450px;
	height: 110px;
}

.product-col1 {
	width: 350px;
	height: 110px;
	padding-right: 100px;
}

.product-col2 {
	width: 335px;
	height: 110px;
	text-align: center;
	padding: 0 60px;
}
/* End Others products page */
/* Begin Contact Page */
#h1-bg-contactpage {
	width: 294px;
	height: 15px;
	padding: 10px 38px;
	background: url('img/page/bg-h2-contactpage.png') left;
}

p .contact-title {
	color: #2278b0;
}

ul#contact-info {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 340px;
}

ul#contact-info li {
	margin: 0;
	padding: 0;
	margin: 10px 0;
	padding-left: 33px;
	border-bottom: 1px solid #d9d9d9;
}

li#address {
	background: url('img/page/contact/address-icon.png') no-repeat left top;
}

li#tel {
	background: url('img/page/contact/tel-icon.png') no-repeat left top;
}

li#fax {
	background: url('img/page/contact/fax-icon.png') no-repeat left top;
}

li#email {
	background: url('img/page/contact/email-icon.png') no-repeat left top;
}

img.contact-btn {
	float: left;
}

table#contact-form {
	width: 530px;
	margin-top: 35px;
}

table#contact-form td.title {
	width: 58px;
}

table#contact-form td.width1 {
	width: 287px;
}

table#contact-form td.width2 {
	width: 160px;
}

#enquiry-form {
	background: url('img/page/contact/enquiry-form-bg.png') no-repeat;
	width: 552px;
	height: 285px;
	position: absolute;
	top: 0;
	right: 20px;
	padding: 15px 20px;
	margin-top:35px;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}

#enquiry-form h2 {
	font-size: 15px;
	border-bottom: 1px solid #89c4eb;
}

input.submit-btn {
	background: url('img/page/contact/send-btn.png');
	border: none;
	width: 108px;
	height: 25px;
	cursor: pointer;
}
/* End Contact Page */
/**** End Page Content ****/

/* Begin Footer */
#footer {
	height: 10px;
	padding: 35px 30px 20px;
	background: #dff1fb;
	border-bottom: #ffffff 10px solid;
	position: relative;
	font-size: 1.2em;
}

#footer ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-transform: capitalize;
}

#footer ul li {
	float: left;	
	margin: 0;
	padding: 0;
	padding: 0 20px;
	border-right: 1px solid #bcc7cc;
}

#footer p {
	float: right;
	color: #2264b8;
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}
/* End Footer */

/* Begin Banner */
#banner {
	height: 306px;
}
/* End Banner */


div.wpcf7-response-output {
	margin: 0;
	padding: 0;
}