/* CSS Document */
/*Author: Y.C. Seah
Date: 25/4/2012
*/
*
{
	padding:0;
	margin:0;
}
html, body
{
	font-size:12px;
	font-family:Arial, Verdana, Helvetica;
	color:#2a2a2a;
	background:#eaeaea;
}

h1
{
	color:#d70e0e;
	font-size:18px;
	text-transform:uppercase;
	margin:0 0 10px 0;
}
h1 span
{
	color:#101010;
}
h2 
{
	color:#101010;
	font-size:16px;
	text-transform:uppercase;
}
h3
{
	color:#202020;
	background:url(../image/imgbullet03.png) no-repeat left 3px;
	font-size:14px;
	padding:0 0 4px 15px;
}

ul
{
	list-style:none;
}
p
{
	margin:0 0 10px 0;
}
img
{
	border:none;
}
a
{
	text-decoration:none;
	color:#d70e0e;
}
div.clearfix
{
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	height:0;
}
div#headerwrapper
{
	background:#fff url(../image/imgheaderbkg.jpg) repeat-x left top;
	width:100%;
	margin:0;
	padding:0;
	border-bottom:solid 3px #ed3537;
}
div#header
{
	width:952px;
	margin:0 auto;
	padding:0;
}
div#sliderwrapper
{
	background:#fff url(../image/imgadsbkg.jpg) repeat-x left top;
	height:392px;
	margin:0;
	padding:0;
}
div#adswrapper
{
	margin:0;
	padding:0;
	height:200px;
	background:#fff url(../image/imgadsbkg.jpg) repeat-x left top;
}
div#ads
{
	width:952px;
	margin:0 auto;
	padding:0;
}
div#contentwrapper
{
	background:#fff url(../image/imgcontentbkg.jpg) repeat-x left top;
	width:100%;
	margin:0;
	padding:0;
}
div#content
{
	width:952px;
	margin:0 auto;
	padding:70px 0 24px 0;
}

div#footerwrapper	
{
	background:#fff url(../image/imgfooterbkg.jpg) repeat-x left top;
	width:100%;
	margin:0;
	padding:0;

}
div#footer
{
	width:952px;
	margin:0 auto;
	padding:24px;
	font-size:8pt;
}
div#footer p
{
	float:left; 
	display:inline;
}
div#footer span
{
	float:right; 
	display:inline;
}
/*Spanlogic.com hyperlink style declaration*/
a.span_link:active, a.span_link:visited, a.span_link:link
{
	text-decoration: none;
	color: #222;
	font-size: 8pt;
}
a.span_link:hover
{
	text-decoration: none;
	color: #888;
	font-size: 8pt;
}

div#logo
{
	float:left;
	 display:inline;
	 padding:20px 0;
}
div.navigation
{
	float:right;
	display:inline;
	margin:73px 0 0 0;
	width:566px;
	
}

/*============================= index =============================*/
div#col-1
{
	float:right;  
	display:inline;
	width:698px;
}
div#col-2
{
	float:left;  
	display:inline;
	width:240px;
}
div.box
{
	width:638px;
	background:url(../image/imgboxbg.png) repeat-y left 120px;
	padding:10px 30px;
}
div.boxt
{
	background:url(../image/imgboxt.png) no-repeat left 0;
	width:650px;
	padding:0 24px;
	height:20px;
}
div.boxb
{
	background:url(../image/imgboxb.png) no-repeat left 0;
	width:650px;
	padding:0 24px;
	height:25px;
}
/*=============== Single page =====================*/
div#col-3
{
	float:left;  
	display:inline;
	width:200px;
	margin:0 0 0 10px;
}
div#col-4
{
	float:right;  
	display:inline;
	width:698px;
}
div.title
{
	margin:0 0 10px 0;
	clear:both;
}
div.title h2
{
	padding:0 0 0 10px;
}
div.breadcrumb 
{
	margin:5px 0 0 0;
}
div.breadcrumb ul li
{
     float:left; 
     display:inline;
}
div.breadcrumb ul li a
{
	text-decoration:none;
	color:#888;
	background:url(../image/imgbullet02.png) no-repeat right center;
	font-size:8pt;
	padding:0 10px;
}
div.breadcrumb ul li a.current
{
	background:none;
}
div#sidebar ul 
{
	margin:10px 0;
}
div#sidebar ul li a
{
	color:#9c9c9c;
	text-decoration:none;
	padding:8px 0;
	display:block;
	background:url(../image/imgbullet01.png) no-repeat 190px center;
	text-transform:uppercase;
}
div#sidebar ul li:hover a, div#sidebar ul li._selected a
{
	color:#d95662;
}
div#sidebar ul li
{
	border-bottom:solid 1px #eee;
	
}
div#quickcontact {
padding:32px 0 0 0
}

div#quickcontact h1 {
font-size:1.3em;
font-weight:bold;
margin:0 0 4px 0;
padding:0;
color:black;
}

div#quickcontact span {
font-size:0.8em;
color:#666
}

div#quickcontact ul {
padding:20px 0 0 0
}

div#quickcontact ul li {
list-style-type:none;
padding:0;
margin:0 0 8px 0;
font-weight:bold;
font-size:0.9em;
}

div#quickcontact ul li.qkcall {
background:url(../image/imgbullet09.png) no-repeat 0 2px;
padding:0 0 0 20px
}

div#quickcontact ul li.qkmail {
background:url(../image/imgbullet08.png) no-repeat 0 2px;
padding:0 0 0 20px
}

div#quickcontact ul li.qkmail a {
background-image:none;
padding:0;
margin:0;
border:none; 
color:#333;

}

.imgsty
{
	border:solid 1px #eaeaea;
	padding:4px;
	background:#f4f4f4;
	margin:10px 0;
}
.imgstylt
{
	float:left; 
	display:inline;
	border:solid 1px #eaeaea;
	padding:4px;
	background:#f4f4f4;
	margin:10px 20px 10px 0;
}
.imgstyrt
{
	float:right; 
	display:inline;
	border:solid 1px #eaeaea;
	padding:4px;
	background:#f4f4f4;
	margin:10px 0 10px  20px;
}
div.divider1
{
	height:1px;
	background:url(../image/imgdot.gif) repeat-x left top;
	margin:20px 0;
}
/* ================================= About ======================== */
div.vision
{
	color:#9a9a9a;
	font-size:18px;
	font-family:Ruluko;
}
div.mission
{
	color:#9a9a9a;
	font-size:18px;
	font-family:Ruluko;
	margin:20px 0 0  0;
}
div.mission img
{
	float:right; 
	display:inline;
	border:solid 1px #eaeaea;
	padding:4px;
	background:#f4f4f4;
	margin:0 0 10px  20px;
}
ul.list1 li
{
	background:url(../image/imgbullet04.gif) no-repeat left 5px;
	padding:4px 0 4px 20px;
}
/*========================== Career ======================*/
div.career
{
	background:url(../image/imgcareer.jpg) no-repeat right top;
	padding:20px 180px 40px 0;
}

/*===================Contact Us==========================*/
div.cont_right
{
	float: right;
	display: inline;
	width: 440px;
	margin: 20px 0 0 0;
}
div.cont_left
{
	float: left;
	display: inline;
	width: 420px;
}
div.con_info
{
	margin: 0px 0 20px 0;
	padding: 20px;
	border: solid 1px #b0a89b;
}
table.tbenquiryform
{
	border-collapse: collapse;
	margin: 10px 0 ;
	width:100%;
}
table.tbenquiryform th
{
	padding: 10px 0 0 0px;
	text-align: left;
	vertical-align: top;
	font-size: 9pt;
	font-weight: normal;
	color: #333;
}
table.tbenquiryform .textinput, table.tbenquiryform .textarea
{
	width: 300px;
	font-size: 9pt;
	margin: 0px 0px 0px 0px;
	padding: 4px;
	overflow: hidden;
	background: #fff;
	font-family: Arial, Verdana, sans-serif, Helvetica;
	border: solid 1px #eaeaea;
}
table.tbenquiryform td
{
	padding: 4px 0 4px 0px;
}
table.tbcont
{
	border-collapse: collapse;
	margin: 10px 0 20px 0 ;
	width:100%;
}
table.tbcont th
{
	text-align: left;
	padding: 0 0 4px 0;

}
table.tbcont td 
{
	width:33%;
}
table.tbcont td span
{
	font-weight: normal;
	display: inline-block;
	padding: 0 0 2px 0;
	width: 55px;
}
.button
{
	width: 65px;
	color: #fff;
	float: right;
	border: none 1px #a1b5ed;
	cursor: pointer;
	font-size: 8pt;
	font-weight: normal;
	background:url(../image/imgbutton.jpg) repeat-x left top;
	padding: 4px 0 5px 0;
	margin: 0 2px 0 0;
}
.button:hover
{
	background: #c53736;
}
div.map
{
	margin: 10px 0 0 0;
	float: left;
}
/*===================== Project ====================*/
div.proj_entry
{
	margin:0 0 30px 0;
	padding:0 0 30px 0;
	background:url(../image/imgdot.gif) repeat-x left bottom;
	clear:both;
}
div.proj_desc
{
	
	margin:10px 0 0 0;
	font-size:11px;
}
div.proj_desc p span
{
	display:inline-block;
	width:100px;
	font-size:11px;
} 
div.proj_desc table
{
	width:100%;
	border-collapse:collapse;
	border-top:solid 1px #eee;
	border-right:solid 1px #eee;
}

div.proj_desc table th
{
	width:90px;
	text-align:left;
	padding:4px 6px;
	font-weight:normal;
	background:#f4f4f4;
	border-bottom:solid 1px #eee;
}
div.proj_desc table td
{
	width:193px;
	text-align:left;
	padding:4px 6px;
	border-bottom:solid 1px #eee;
}
div.proj_img
{
		margin:20px 0 0 0;
		border:solid 1px #e0e1e1;
		padding:10px 10px 6px 10px;
}
div.proj_img ul
{
	 overflow:hidden;
	 width:628px;
}
div.proj_img ul li
{
	float:left;
	display:inline;
	margin:0 4px 4px 0;	
}
div.proj_img img {
	width: 99%;
}