/* CSS Document */

body {
background: #5EA4D7;
color: #686868;
font-family: Verdana;
font-size:  12px;
margin: 0px 0px 20px 0px;
padding: 0;
line-height: 20px;
}

a, a:visited, a:active {
color: #fff;
text-decoration: none;
}
strong{
	color:#F00;
	font-weight:normal
}
#wrapper {
width: 980px;
background-color: #CBEFFF;
margin-left: auto;
margin-right: auto;

padding: 0px;

}

.top {
width: 980px;
height: 13px;
float: left;
margin: 0px;
background-color:#949599
}

.previewimage {
border: 10px solid #F0F0F0;
margin-bottom: 20px;
margin-left: 20px;
}

#sections {
float: left;	
overflow: hidden;
border: 10px solid #F0F0F0;
margin-bottom: 20px;
margin-left: 20px;
width: 815px;
height: 387px;
padding: 0px;
}

#sections ul {
height: 387px;
list-style: none;
width: 8000px;
padding: 0px;
margin: 0px;
float: left;
}

#sections li {
width: 826px;
height: 387px;
float: left;
padding: 0px;
margin: 0px;
}

.prev {
width: 52px;
height: 84px;
background-image: url(images/slider-arrow-left.png);
cursor: pointer;
z-index: 99;
position: absolute;
top: 382px;
left: 30px;
display: block;
}

.next {
width: 52px;
height: 84px;
background-image: url(images/slider-arrow-right.png);
cursor: pointer;
z-index: 99;
position: absolute;
top: 382px;
left: 793px;
display: block;
}

.boldtext {
font-weight: bold;
color: #707070;
}

.indent {
border-left: 10px solid #EFF1E4;
margin-left: 20px;
margin-bottom: 10px;
padding-left: 10px;;
margin-top: 5px;
}

#top-left {
width: 13px;
height: 13px;
float: left;
background-image: url(top-left.gif);
}

#top-right {
width: 13px;
height: 13px;
float: right;
background-image: url(top-right.gif);
}

.page_link, .page_link a:visited {
padding: 5px 10px;
display: block;
background-color: #FFF;
border: 1px solid #E3E3E3;
color: #000;
margin-right: 10px;
float: left;
}

.page_link:hover {
border: 1px solid #A1A1A1;
background-color: #F4F4F4;
}

.page_link_active, .page_link_active a:visited {
padding: 5px 10px;
display: block;
background-color: #E55230;
border: 1px solid #BB3415;
color: #FFF;
margin-right: 10px;
float: left;
}

.page_link_active:hover {
border: 1px solid #A52A0E;
background-color: #CE401F;
}

#page_link_wrap {
margin-left: 300px;
margin-top: 15px;
}

.themewrap {
width: 100%;
}





#content {
padding: 0 32px;
float: left;
}

h1 {
color: #F00;
font-family: Trebuchet MS;
font-size: 23px;
font-weight: normal;
margin-bottom: 10px;
margin-top: 0px;
}

h2 {
color: #549900;
font-family: Trebuchet MS;
font-size: 18px;

font-weight: normal;
margin-top: 0px;
margin-bottom: 6px;
}

.redtext {
color: #549900;
font-family: Trebuchet MS;
font-size: 18px;
text-transform: lowercase;
font-weight: normal;
margin-top: 0px;
margin-bottom: 6px;
}

.rule {
height: 2px;
width: 890px;
background-image: url(images/rule.gif);
background-repeat: repeat-x;
clear: both;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 15px;
}


.rule2 {
height: 2px;
width: 100%;
background-image: url(images/rule.gif);
background-repeat: repeat-x;
clear: both;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 15px;
}
.clear {
clear: both;
}
#pages{
	position:relative;
	background-color:#949599
}
#navigation,
#pages{
float: left !important;
padding-top: 10px;

width:100%
}

#navigation ul,
#pages ul{
list-style-type: none; 
list-style-image: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: right;
}

#navigation li,
#pages li{
float: right;
}

#navigation li a:link,
#navigation li a:visited,
#pages li a:link,
#pages li a:visited{
height: 40px;
float: left;
color: #fff;
display: block;
padding: 0 20px 0px 20px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-size: 15px;
}

#navigation li a:hover, #pages li a:hover{
color: #fff;
text-decoration: none;
font-size: 15px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: top;
}

.leftcolumn {
width: 390px;
float: left;
border-left: 10px solid #EFF1E4;
padding: 0px 10px 10px 10px;
}

.leftcolumn2 {
width: 670px;
float: left;
border-left: 10px solid #EFF1E4;
padding: 0px 10px 10px 10px;
}
.rightcolumn {
width: 390px;
float: right;
border-left: 10px solid #EFF1E4;
padding: 0px 10px 10px 10px;
}

.features-block {
width: 420px;
float: left;
margin-left: 20px;
margin-bottom: 30px;
}

.features-thumbnail {
float: left;
border: 7px solid #F0F0F0;
margin-right: 15px;
}

.features-inside {
float: left;
width: 315px;
}

.features {
width: 250px;
height: 140px;
float: right;
margin-right: 20px;
}

.features li{
margin-left: 0px;
padding-left: 0px;
float: left;
}

.features ul {
margin-left: 0px;
padding-left: 0px;
float: left;
}
.features ul li{
width: 260px;
height: 140px;
float: left;
background-image: url(images/checkmark.gif);
background-position: right;
background-repeat: no-repeat;
display: block;
height: 20px;
width: 250px;
margin-left: 0px;
margin-bottom: 4px;
padding-left: 0px;
}

.featureswrap {
width: 815px;
float: right;
padding: 10px;
border: 1px solid #E4E4E4;
margin-right: 30px;
margin-bottom: 15px;
height: 180px;
}

.rightcolumn2 {
width: 186px;
float: right;
}

.themeleft {
float: left;
width: 425px;
margin-top: 60px;
margin-right: 20px;
}

.titles {
float: left;
font-family: Trebuchet MS;
color: #549900;
text-transform: uppercase;
font-size: 24px;
margin: 0px 0px 10px 0px
}

.themenav ul {
list-style-type: none; 
list-style-image: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: right;
}

.themenav li {
float: left;
}


.img {
border: 10px solid #F0F0F0;
margin-top: 7px;
}

.img hover {
border: 10px solid #EC210E;
}

.themenav li a:link,
.themenav li a:visited {
height: 19px;
float: left;
color: #444444;
display: block;
padding: 5px 10px 5px 10px;
margin: 0px 10px 0px 0px;
text-decoration: none;
font-size: 12px;
border: 1px solid #E3E3E3;
}

.themenav li a:hover,
.themenav li a:active {
color: #000;
text-decoration: none;
font-size: 12px;
border: 1px solid #A1A1A1;
}

.newslink a {
font-weight: bold;
display: block;
float: left;
}

.newslink2 a {
font-weight: bold;
display: block;
float: left;
padding: 7px 0pc;
border-bottom: 1px solid #f0f0f0;
}

.newsdate {
color: #93977F;
font-style: italic;
padding: 2px 5px 2px 5px;
display: block;
border: 1px solid #E3E3E3;
font-size: 10px;
width: 110px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.icon_link {
float: left;	
margin-left: 10px;
margin-top: -5px;
margin-bottom: 4px;
}

.newsdate2 {
color: #fff;
font-style: bold;
padding: 2px 5px 2px 5px;
display: block;
border: 1px solid #f26a41;
background-color: #de7252;
font-size: 10px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}




.hover-title {
color: #549900;
font-weight: bold;
display: block;
width: 100%;
margin-bottom: 10px;
font-size: 15px;
}

.login-div {
background-image: url(images/login.png);
width: 209px;
height: 91px;
display: none;
z-index: 2;
position: absolute;
margin-left: 650px;
margin-top: -80px;
padding: 10px 0px 0px 20px;
font-size: 10px;
color: #918F67;
}

.login {

}

.nav, .nav * {margin:0px;padding:0;list-style:none;}

.nav ul {position:absolute;top:-999em;width: 200px!important; display: block!important; background-color: #96CCE8!important; padding: 0px 0px 10px 0px !important; background-image: url(images/dropdown-bottom.gif) !important; background-position: bottom; background-repeat: no-repeat; margin: 0px;  }

.nav li {float:left;position:relative;z-index:99;font-size:12px;}

.nav a {display:block;}

.nav ul li{width: 100%;}

.nav li:hover ul,ul.nav li.sfHover ul {left:-40px;top:2.9em;}

.nav li:hover li ul,.nav li.sfHover li ul {top:-999em; }

.nav li li:hover ul,ul.nav li li.sfHover ul {left:15em;top:0px;}

.nav li:hover ul,.nav li li:hover ul {top: -999em;}

/*** Skinning - Superfish menu (Some final font colors and backgrounds) ***/

.nav li li {
display: block;
padding: 0px;
margin: 0px 0px 0px 10px;
float: left;
}

.nav li li a:link, .nav li li a:visited {
display: block;
width: 140px;
background-color: #96CCE8;
padding: 10px 30px 0px 30px;
color: #FFF !important;
}

.nav li li a:hover {
background-image: none !important;
background-color: #B0DBF1;
color: #FFF !important;
}

.subscribe-submit {
background-color: #549900;
color: #fff;
font-size: 11px;
font-family: Arial;
margin-left: 10px;
border: none;
font-weight: bold;
padding: 0px 6px 2px 6px;
float: left;
height: 20px;
margin-right: 12px;
}

.social_link {
float: left;
margin-right: 16px;
}
#lead{
	float:left;
	width:auto;
	padding: 0 32px;
}

#leadtxt{
	width:570px;
	float:left;
}
#leadimg{
	width:300px;
	float:left;

}
#promobox{
	font-size:20px;
	line-height:20px;
}
#promo{
	float:left;
	width:878px;
	margin-bottom:20px;
	background:#96CCE8 url(lead2.png) no-repeat;
	height:127px;
	
	
}
#leftpromo{
	float:left;
	width:390px;
	padding:1em 20px
}
#leftpromo p,#rightpromo p{
	font-size:20px;
	color:#FFFFFF;
	margin:0
}
#rightpromo{
	width:390px;
	float:left;
	padding:1em 20px
	
}
img{
	
	border:none;
	
}
#pages h1{
	 float: left; border: none; 
	padding-top:0px;
	position:absolute;
	top:60px
}
#pages h1 a{
	color:#FF515F;
	font-size:50px;
	display:block;
	height:146px;
	text-indent:-9999px;
	width:980px;
}
#pages h1 span{
	display:none
}
.project{
	float:left;
	margin-bottom:0;
	position:relative;
	width:243px;
}
.project-preview{
	margin:0
}
.project-preview a img{
	height:180px;
	width:237px;
	background:#EEEEEE none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	padding:3px;		
}
.col{
	margin-left:1px;
	margin-right:1px;

}
#galeri2{
	float:left;
	background:#CBEFFF url(../images/bg2.jpg) no-repeat	;
	padding: 0;
}
#menu{
	width:100%;
	background-color:#02243C;
	color:#fff;
	border-bottom:1px solid #ccc;
	float:left

}
#menu a{
	padding:9px 20px 8px;
	margin-left:10px;
	display:block;
	float:left
}
#go{
	background: transparent url(pictures.png) no-repeat scroll 0 50%;
	padding-left:24px;
	display:block;
	height:18px;
	line-height:18px;
}
#phone{
	background: transparent url(phone.png) no-repeat scroll 0 50%;
	padding:9px 20px 8px 16px;
	display:block;
	height:18px;
	line-height:18px;
	padding-right:10px;
	margin-left:10px;
	float:left	
}
#stokterhad{
	background: transparent url(kelantanketutu_stok_terhad.png) no-repeat scroll 0 50%;
	height:150px;
	margin:25px 0;

}
#stokterhad p{
	display:none;
}
#stokterhad strong{
	color:#FFFFFF;
	float:left;
	font-family:arial;
	font-size:60px;
	font-weight:bold;
	height:130px;
	line-height:60px;
	padding:15px 25px;
	width:212px;	
}