/* 
    Document   : base
    Created on : May 27, 2013, 9:52:33 AM
    Author     : NIPIT
    Description:
        Purpose of the stylesheet follows.
*/

/* Global =================================================================== */

body { 
	margin: 0;
	padding: 0;
	font: 12px/16px Arial,sans-serif;
	background: url("../images/bg-body.jpg") #e5e5e5 top left scroll repeat-x;
}

#wrapper{
	width: 980px;
	margin: 0 auto;
}

h1{
	font-size: 18px;
}

a[href^=mailto]{
	color: #00b050;
	text-decoration: none;
}
a[href^=mailto]:hover{
	text-decoration: underline;
}

.hr{
	width: 100%;
	height: 2px;
	clear: both;
	background: url("../images/line.png") transparent left top scroll repeat-x;
}

.record{
	border-collapse: collapse;
	vertical-align: top;
}
.record td{
	padding: 5px 0;
	vertical-align: top;
}
.record td:first-child{
	font-weight: bold;
}
.record td[colspan]{
	
	color: #00b050;
}

/* Header =================================================================== */

#header{
	width: 960px;
	float: left;
	padding: 0 10px;
	min-height: 30px;
	background: url("../images/bg.png") transparent center top scroll repeat-y;
}

#logo{
	width: 652px;
	height: 112px;
	float: left;
	margin: 15px 0 15px 30px;
	background: url("../images/logo.png") transparent top left scroll no-repeat;
	
}

#awards{
	width: 250px;
	height: 70px;
	float: left;
	/*margin: 15px 30 15px 0px;*/
	padding-top: 72px;

}

/* Body ===================================================================== */

#body{
	width: 980px;
	float: left;
	min-height: 350px;
	background: url("../images/bg.png") transparent center top scroll repeat-y;
}

#nav-wrapper{
	width: 960px;
	height: 52px;
	float: left;
	padding: 0 10px;
	background: url("../images/bg_menu.png") transparent top left scroll no-repeat;
}
#nav{
	margin: 0 10px;
	padding: 0;
	list-style: none outside none;
}
#nav li{
	height: 33px;
	float: left;
	margin: 0;
}
#nav li.first{
	padding-left: 25px;
	background: url("../images/menu_l.png") transparent left -33px scroll no-repeat;
}
#nav li.first.active, #nav li.first:hover{
	background-position: left 0;
}
#nav li.first:hover a, #nav li.last:hover a{
	background-color: #33df81;
}
#nav li.last{
	padding-right: 25px;
	background: url("../images/menu_r.png") transparent right -33px scroll no-repeat;
}
#nav li.last.active, #nav li.last:hover{
	background-position: right 0;
}

#mn1{ width: 110px; }
#mn2{ width: 140px; }
#mn3{ width: 170px; }
#mn4{ width: 180px; }
#mn5{ width: 140px; }
#nav li a{
	float: left;
	height: 33px;
	line-height: 33px;
	color: #000;
	font-weight: bold;
	padding: 0 15px;
	text-shadow: 0 1px 0 #fff;
	text-align: center;
	text-decoration: none;
	background-color: #00b050;
}
#nav li a:hover{
	background-color: #33df81;
}
#nav li.active a{
	background-color: #33df81;
}

#slide-wrapper{
	width: 960px;
	height: 339px;
	float: left;
	margin: 0 10px;
	position: relative;
	background-color: #fff;
}
#s-wrapper{
	width: 960px;
	height: 251px;
	float: left;
	margin: 0 10px;
	position: relative;
	background-color: #fff;
}
#s-inner{
	width: 960px;
	height: 251px;
	float: left;
	position: absolute;
	background-color: #efefef;
	top: -10px;
	overflow: hidden;
}
#slider{
	width: 960px;
	height: 339px;
	float: left;
	position: absolute;
	background-color: #efefef;
	top: -10px;
	overflow: hidden;
}
#slide-pager{
	/*width: 160px;*/
	/*height: 30px;*/
	float: left;
	position: absolute;
	right: 15px;
	bottom: 25px;
	/*background-color: #fff;*/
	z-index: 1000;
}
#slide-pager a{
	float: left;
	width: 10px;
	height: 10px;
	margin-right: 7px;
	text-indent: -10000px;
	background: url("../images/pager.png") transparent left top scroll no-repeat;
}
#slide-pager a.activeSlide{
	background-position: left -10px;
}

#content{
	width: 960px;
	min-height: 200px;
	float: left;
	margin: 0 10px;
}

.f-left{
	width: 470px;
	float: left;
	margin: 15px 30px;
	/*background-color: #fafafa;*/
}

.f-right{
	width: 423px;
	float: left;
	margin: 15px 5px 15px 0;
}

.company{
	font-weight: bold;
	color: #1f4e79;
	/*color: #007d00;*/
}

.enquiry{
	width: 375px;
	float: left;
	padding: 0 23px 0 25px;
	background: url("../images/bg_enquiry.png") transparent left top scroll no-repeat;
}

#contact-form{
	margin:1em 0;
	width: 375px;
	padding-left: 5px;
}
#contact-form p{
	clear:both;
	margin:.5em 0;
	overflow:hidden;
}	
#contact-form label{
	width:80px;
	float:left;
	display:block;
	color: #818586;
	text-align:left;
	margin-right:10px;
	font-weight: bold;
}	
#contact-form input, #contact-form textarea{	
	margin:0;	
	width:270px;
	color: #27416b;
	border:1px solid #dddddd;		
	padding:3px 5px;
}

#contact-form textarea{
	height:125px;
	overflow:auto;
	resize: vertical;
}					
#contact-form p.submit{
	clear:both;
	margin:1em 0;
	padding: 0 0 0 90px;	
}	
#contact-form button{
/*	height:28px;
	line-height:28px;		
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding:0 10px;
	color:#333;
	cursor:pointer;
	text-align:left;
	font-size:11px;
	font-weight:bold;*/
}
#contact-form #ct_captcha2{
	width: 190px;
	margin-top:10px;
	margin-left:90px;
}
#contact-form #siimage{
/*	width: 19px;
	height: 19px;*/
}
#contact-form em{
	color: #f00;
	font-weight: bold;
}

.call{
	color: #706e6e;
	font-size: 16px;
	font-weight: normal;
}

em.green{
	color: #007d00;
	font-weight: bold;
	font-style: normal;
}

em.blue {
    color: #1f4e79;
	font-weight: bold;
	font-style: normal;
}
/* Footer =================================================================== */

#footer{
	width: 960px;
	height: 46px;
	float: left;
	color: #9e9e9e;
	font-size: 11px;
	padding: 0 10px;
	margin-bottom: 40px;
	background: url("../images/bg_footer.png") transparent center top scroll repeat-y;
}

#foot-nav{
	list-style: none outside none;
	float: left;
	padding: 0 0 0 10px;
	margin: 11px 0;
}
#foot-nav li{
	float: left;
}
#foot-nav li.divider{
	color: #9e9e9e;
	margin: 0 3px;
}
#foot-nav li a{
	color: #9e9e9e;
	font-size: 11px;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
}
#foot-nav li a:hover{
	color: #007d00;
	text-decoration: underline;
}
#foot-nav li.active a{
	/*color: #007d00;*/
	color: #1f4e79;
}

#footer .cpr{
	float: right;
	color: #9e9e9e;
	margin-top: 11px;
	margin-right: 10px;
	text-shadow: 0 1px 0 #fff;
}
#footer .cpr em{
	font-style: normal;
	font-weight: bold;
	color: #1f4e79;
	/*color: #007d00;*/
}