/* -------------------------------------------
project:	NKS Systems Sdn.Bhd
author:		asyraq
date:		2009/11/05
------------------------------------------- */

html { height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body {
	position: relative;
	min-height: 100%;
	margin: 0;
	padding: 0;
	/* [disabled]background: #fff url(../images/bg-content-a.gif) 0 -25px repeat-x; */
	color: #2c368f;
	font: 62.5%/1.5 Arial,Helvetica,sans-serif;
}
* html body {
	height: 100%;
	behavior:url("styles/csshover.htc");
}
textarea, input, select, option, optgroup, button { font: 1em Arial,Helvetica,sans-serif; }

/* RE-SETS
------------------------------------------- */
* {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0;
	border-color: #ff8300;
}

li, dt, dd, p, th, td, caption { font-size: 1.2em; }
ul, ol, dl { margin-bottom: 1.5em; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
p {
	/* [disabled]margin-bottom: 1em; */
}
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }

a { color: #296497; text-decoration: underline; }
a:hover, a:focus, a:active { color: #cc252f; text-decoration: none; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 3px;
	font: normal 2.4em Georgia,Geneva,serif;
	color: #FFF;
}
h1 {
	font-size: 2.4em;
	color: #143155;
}
h1 {
	font-size: 2.4em;
	color: #2c368f;
} original 
h2 {
	font-size: 1.7em;
}
h3 {
	color: #343B6D;
	font-size: 1.4em;
	/* [disabled]text-transform: uppercase; */
}
h4 {
	font-size: 1.4em;
	color:#2c368f;
	/* [disabled]margin: 1; */
}
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* HELPERS
------------------------------------------- */
.wrapper { width: 100%; overflow: hidden; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; }

legend.offset { display: none; }

/* LAYOUT
------------------------------------------- */
#root { padding: 0 0 100px; }
 #top {
	margin: 0 auto;
	padding: 5px 0;
	background: #fff url(../images/top-bg.gif);
}
  #logo { width: 940px; margin: 0 auto;}
   #logo a {
	display: block;
	overflow: hidden;
	width: 970px;
}
    #logo a img { display: block; }
 
 #nav {
	position: relative;
	z-index: 15;
	width: 100%;
	/* [disabled]background: #3f8f52 url(../images/bg-nav-a.gif) 0 100% repeat-x; */
	background-color: #2d3192;
}
  #nav ul { list-style: none; width: 940px; height: 39px; margin: 0 auto; padding: 0; background: url(../images/bg-nav-b.gif) -10001px 0 no-repeat; }
  
   #nav ul li { zoom: 1; position: relative; float: left; padding: 0 0 0 1px; background: url(../images/sep-nav-a.gif) no-repeat; font-weight: bold; line-height: 1; }
  
    #nav ul li a {
	float: left;
	padding: 13px 25px 14px;
	color: #fff;
	text-decoration: none;
}
  
    #nav ul li a:hover,
    #nav ul li a:focus { text-decoration: underline; }
    #nav ul li a.active,
    #nav ul li.current_page_ancestor a,
    #nav ul li.current_page_item a { background: #FFF url(../images/bg-nav-c.gif) 0 100% repeat-x; text-decoration: none !important; }
	
    #nav ul li em { position: absolute; left: -10001px; top: -10001px; }
    
	/*   TAMBAH */  #nav ul li ul { display: none; position: absolute; left: 0; top: 39px; overflow: hidden; width: 195px; height: auto; background: #023836; }
    #nav ul li:hover ul { display: block; }
     
	 /*TAMBAh asal 175px*/  #nav ul li ul li { float: left; width: 195px; padding: 0; font-weight: normal; }
	 
      /*TAMBAH *asal 12h px*/ #nav ul li ul li a { float: left; width: 195px; padding: 10px 25px; background: #2a5e5d url(../images/bg-nav-b.gif) 0 100% repeat-x !important; color: #c0e8d1; }
      
	  
	  #nav ul li ul li a:hover { color: #fff; text-decoration: none; }
      #nav ul li ul li ul { display: none !important; }
	  
	  
	  
 #header {
	position: relative;
	z-index: 10;
	margin: 0 0 2px;
	/* [disabled]background: #8bb4b9 url(../images/bg-header-a.jpg) repeat-x; */
	background-color: #FF8300;
}
  #header div.inner {
	position: relative;
	overflow: hidden;
	width: 940px;
	min-height: 169px;
	margin: 0 auto;
	background: url(../images/headers/a.jpg) no-repeat;
	background-image: url(images/headers/d2_telco.jpg);
}
#header div.inner2 {
	position: relative;
	overflow: hidden;
	width: 940px;
	min-height: 169px;
	margin: 0 auto;
	background: url(../images/headers/a.jpg) no-repeat;
	background-image: url(../images/headers/d2_telco.jpg);
}

#header div.inner3 {
	position: relative;
	overflow: hidden;
	width: 940px;
	min-height: 169px;
	margin: 0 auto;
	background: url(../images/headers/a.jpg) no-repeat;
	background-image: url(images/headers/d2_itsol.jpg);
}
  * html #header div.inner { overflow: visible; height: 169px; }
   #header div.headline { position: absolute; }
   
   #header div.headline h2 {
	position: absolute;
	left: 292px;
	top: 50px;
	width: 299px;
	height: 67px;
	background: url(../images/headline-a.png) no-repeat;
	text-indent: -10001px;
}
   
    #header div.headline p {
	position: absolute;
	left: 615px;
	top: 57px;
	width: 295px;
	height: 100px;
	padding: 0 0 0 10px;
	background: url(../images/headline-b-a.png) 18px 8px no-repeat;
	border-left: 1px solid #a6cfd4;
	color: #fff;
	text-indent: -10001px;
}
	
	
	#header div.headline p.alt-a {
	background: url(../images/headline-b-b.png) 15px 8px no-repeat;
}
   
    #header div.articles {
	float: right;
	width: 195px;
	padding: 20px 20px 10px;
	/* [disabled]background: url(../images/bg-header-c.jpg) repeat-x; */
	background-color: #FF8300;
}
    
	#header div.articles h3 { height: 17px; margin: 0 0 10px; padding: 0 0 5px; border-bottom: 2px solid #bad1d3; background: url(../images/articles-header-a.png) 1px 0 no-repeat; text-indent: -10001px; }
    
	#header div.articles ul { list-style: none; width: 100%; margin: 0; padding: 0 0 1px; }
    
	#header div.articles ul li {
	position: relative;
	width: 100%;
	margin: 0 0 7px;
	padding: 7px 0 0;
	border-top: 1px solid #b1c7ca;
	color: #000;
	line-height: 1.5;
}
    #header div.articles ul li.first { padding-top: 0; border-top: none; }
    #header div.articles ul li strong {
	padding: 0 0 0 20px;
	background: url(../images/icons/article-a.gif) 2px 2px no-repeat;
	color: #000;
}
    #header div.articles p.more-a {
	float: right;
	width: auto;
	margin: 0 0 5px;
}
    #header div.articles a {
	color: #000;
}
    #header div.articles a:hover { color: #fff; }
 
 
 
 
 
 
 
 #content {
	padding: 50px 0 0;
	background: url(../images/bg-content-a.gif) 0 -15px repeat-x;
}
  #content div.inner {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto 2px;
}
   #side {
	float: left;
	width: 215px;
	margin: 0 -1px 0 0;
	padding: 0 10px 0 14px;
	border-right: 1px solid #e3e3e3;
}
   #main {
	overflow: visible;
	float: left;
	width: 655px;
	padding: 0 0 0 10px;
	border-left: 1px solid #e3e3e3;
}
 #footer { position: absolute; left: 50%; bottom: -1px; width: 940px; margin: 0 0 0 -470px; padding: 18px 0 25px; border-top: 3px solid #eeeeea; background: url(../images/xbg-footer-a.png) 100% 100% no-repeat; }
  #footer ul { overflow: hidden; list-style: none; width: 100%; margin: 0 0 10px; padding: 0; }
   #footer ul li { display: inline; float: left; border-left: 1px solid #57575a; font-size: 0.9em; line-height: 1; text-transform: uppercase; }
    #footer ul li a { padding: 0 10px; color: #57575a; text-decoration: none; }
    #footer ul li a:hover { text-decoration: underline; }
   #footer ul li.first { border-left: 0; }
    #footer ul li.first a { padding-left: 0; }
  #footer p { margin: 0; color: #89898b; font-size: 0.9em; text-transform: uppercase; }
   #footer p a { color: #89898b; text-decoration: none; }
   
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 54px; left: 50%; list-style: none; margin: 0 0 0 -10001px; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 630px; margin: 0 0 0 -170px; padding: 2px 0; background: #333; color: #fff; font-size: 1.2em; text-align: center; }

/* GENERAL
------------------------------------------- */
h2.a { margin: 0; font: bold 1.6em/1.3 Arial,Helvetica,sans-serif; }
h4.a { margin: 0; font: bold 1.2em/1.3 Arial,Helvetica,sans-serif; }

p.more-a { overflow: hidden; width: 100%; font-size: 0.9em; line-height: 22px; text-transform: uppercase; }
 p.more-a a {
	float: left;
	margin: 0 2px 0 0;
	padding: 0 0 0 2px;
	/* [disabled]background: url(../images/button-a-a.png) no-repeat; */
	text-decoration: none;
	/* [disabled]background-color: #2d3192; */
}
 p.more-a a:hover { text-decoration: none; }
  p.more-a a span {
	position: relative;
	float: left;
	margin: 0 -2px 0 0;
	padding: 0 20px 0 18px;
	/* [disabled]background: url(../images/button-a-a.png) 100% 0 no-repeat; */
	white-space: nowrap;
	cursor: pointer;
}
 
ul.a { overflow: hidden; list-style: none; width: 100%; margin: 0 0 10px; padding: 0; }
 ul.a li { margin: -1px 0 1px; padding: 2px 0 2px 10px; border-top: 1px solid #e3e3e3; background: url(../images/bullet-a.gif) 0 10px no-repeat; }
  ul.a li a { text-decoration: none; }
  ul.a li a:hover { text-decoration: underline; }
  
div.nav-a {
	margin: 0 0 15px;
	background: #ff8300;
}
 div.nav-a h2 {
	margin: 0;
	padding: 7px 10px;
	background: #2d3192;
	color: #FFF;
}
 div.nav-a ul { overflow: hidden; list-style: none; width: 100%; margin: 0; padding: 0; }
  div.nav-a ul li {
	float: left;
	width: 175px;
	padding: 7px 10px 7px 30px;
	/* [disabled]border-bottom: 1px solid #e5e5e3; */
	border-top: 1px solid #fff;
	background: url(../images/bullet-b.gif) 10px 9px no-repeat;
	font-size: 1em;
	line-height: 1.3;
	text-transform: uppercase;
}
   div.nav-a ul li a { text-decoration: none; }
   div.nav-a ul li.current-cat a,
   div.nav-a ul li.current_page_item a {
	color: #000;
}
   
div.nav-b {
	margin: 0 0 15px;
	padding: 7px 10px;
	border: 1px solid #ececec;
}
 div.nav-b h2 {
	margin: 0 0 10px;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}
 div.nav-b ul { list-style: none; margin: 0; padding: 0; }
  div.nav-b ul li { margin: 5px 0; padding: 0 10px 0 20px; background: url(../images/bullet-b.gif) 0 3px no-repeat; font-size: 1.1em; line-height: 1.3; }
   div.nav-b ul li a { text-decoration: none; }
   
div.vcard {
	margin: 0 0 15px;
}
 div.vcard p { margin: 0; }
 
/* WP */
body.artykuly #nav ul li.page-item-95 a { background: #023836 url(../images/bg-nav-c.gif) 0 100% repeat-x; text-decoration: none !important; }
body.pengenalan #nav ul li.page-item-95 a { background: #023836 url(../images/bg-nav-c.gif) 0 100% repeat-x; text-decoration: none !important; }
body.manafaat #nav ul li.page-item-95 a { background: #023836 url(../images/bg-nav-c.gif) 0 100% repeat-x; text-decoration: none !important; }

body.team #nav ul li.page-item-95 a { background: #023836 url(../images/bg-nav-c.gif) 0 100% repeat-x; text-decoration: none !important; }

body.contact #nav ul li.page-item-95 a { background: #023836 url(../images/bg-nav-c.gif) 0 100% repeat-x; text-decoration: none !important; }
body.achieve #nav ul li.page-item-95 a { background: #023836 url(../images/bg-nav-c.gif) 0 100% repeat-x; text-decoration: none !important; }

.alignright, .alignleft { display: inline; margin: 0 0 5px; padding: 5px 0 0; border: 1px solid #ccc; background: #f3f3f3; text-align: center; }
.alignright { float: right; margin-left: 10px; }
.alignleft { float: left; margin-right: 10px; }
.aligncenter { display: block; margin: 0 auto 15px; padding: 5px 0 0; border: 1px solid #ccc; background: #f3f3f3; text-align: center; }
img.alignright, img.alignleft, img.aligncenter { padding: 5px; }
 .alignright p, .alignleft p, .aligncenter p { margin: 0; padding: 0 0 5px; font-size: 1em; font-style: italic; }
 .alignright img, .alignleft img, .aligncenter img { padding-bottom: 2px; }
img.aligncenter { padding: 5px; } 
   
div.post { }
 div.post p.date { margin: -12px 0 10px; font-size: 1.1em; }
 
/*table {
	width: 80%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
 table thead tr { background: #fcfcfc; }
 table tfoot tr { background: #FFF; }
  table th, 
  table td { padding: 2px 10px; border: 1px solid #ccc; font-weight: normal; }
  table thead th,
  table tfoot th,
  table tfoot td { padding: 5px 10px; }
  table tbody th,
  table tbody td { border-top: none; border-bottom: none; text-align: left; }
  table tfoot td { border-top: none; text-align: left; }
  table tfoot th { border-top: none;text-align: left; }
 */
/* ELEMENTS
------------------------------------------- */
#home #content { padding-top: 30px; }

#home #header { }
 #home #header div.inner {
	/* [disabled]background: url(../images/bg-header-b.jpg) no-repeat; */
}
  #home #header div.headline {

}
   #home #header div.headline h2 { left: 330px; top: 35px; }
   #home #header div.headline p { left: 375px; top: 120px; width: 295px; height: 100px; padding: 0 0 0 10px; background: url(../images/headline-b-a.png) 15px 8px no-repeat; border-left: 1px solid #a6cfd4; }
   
body.oferta #header div.inner { background: url(../images/headers/f.jpg) no-repeat; }
body.artykuly #header div.inner { background: url(../images/headers/d.jpg) no-repeat; }
body.about #header div.inner { background: url(../images/headers/d2.jpg) no-repeat; }
body.manafaat #header div.inner {
	background: url(../images/headers/d2.jpg) no-repeat;
}

body.manafaat #header div.inner2 {
	background: url(../images/headers/d2_telco.jpg) no-repeat;
}

body.manafaat #header div.inner3 {
	background: url(../images/headers/d2_itsol.jpg) no-repeat;
}

body.contact #header div.inner { background: url(../images/headers/d4.jpg) no-repeat; }
body.team #header div.inner {
	background: url(../images/headers/d3.jpg) no-repeat;
}
body.achieve #header div.inner {
	background: url(../images/headers/d5.jpg) no-repeat;
}
 
#articles { }
 #articles h2 {
	padding: 95px 0 5px;
	border-bottom: 1px solid #e3e3e3;
	background: url(../images/paper.jpg) 50% 0 no-repeat;
	color: #0b1443;
}
 #articles ul { list-style: none; margin: 0; padding: 0 0 1px; }
  #articles ul li { margin: 0 0 10px; line-height: 1.5; }
   #articles ul li strong {
	padding: 0 0 0 20px;
	background: url(../images/icons/article-b.gif) 2px 2px no-repeat;
}
 
#showcase { overflow: hidden; width: 940px; }
* html #showcase { width: 941px; }
 #showcase div.tab {
	float: left;
	width: 235px;
	margin: 0 -1px 0 0;
	border-left: 1px solid #e8e8e8;
	/* [disabled]background: url(../images/tab-a.png) 100% 0 no-repeat; */
	background-color: #FF8300;
}
 #showcase div.consulting { width: 234px; margin-right: 0; }
  #showcase div.tab div.head { padding: 25px 24px 10px; border-bottom: 1px solid #e8e8e7; }
   #showcase div.tab div.head h2 { margin: 0 0 10px; width: 187px; height: 147px; background: url(../images/showcase-sections.jpg) no-repeat; text-indent: -10001px; }
   #showcase div.accounting div.head h2 { background-position: -187px 0; }
   #showcase div.taxes div.head h2 { background-position: -374px 0; }
   #showcase div.consulting div.head h2 { background-position: -561px 0; }
  #showcase div.tab ul { list-style: none; margin: 0; padding: 15px 24px; background: #f1f1ed; border-top: 3px solid #e3e3dd; }
   
   #showcase div.tab ul li { padding: 2px 0 2px 10px; border-top: 1px solid #e3e3e3; background: url(../images/bullet-a.gif) 1px 10px no-repeat;  }
   
   #showcase div.tab ul li:first-child,
   
   #showcase div.tab ul li.first { border-top: none; }
   
#links { }
 #links ul { list-style: none; margin: 0 0 15px; padding: 0; }
  #links ul li { margin: 0 0 5px; font-size: 1em; }
   #links ul li a { display: block; font-size: 1.2em; }

#contact { }
 #contact-map { display: inline; float: right; margin: 0 0 15px 15px; padding: 10px 15px 15px; width: 320px; border: 1px solid #ccc; }
  #contact-map h3 { color: #000; }
  #map { overflow: hidden; width: 320px; height: 200px; }
 #contact-form { clear: right; float: right; width: 320px; padding: 10px 15px 2px; border: 1px solid #ccc; }
  #contact-form form { display: block; margin: 0; padding: 0; }
   #contact-form h3 { margin: 0 0 15px; color: #000; }
   #contact-form p { margin: 0 0 8px; font-size: 1.1em; }
    #contact-form p label { display: block; margin: 0 0 3px; font: 10px/1 Arial,Helvetica,sans-serif; text-transform: uppercase; }
    #contact-form p input { width: 300px; }
    #contact-form p textarea { overflow: auto; width: 300px; }
    #contact-form p button { overflow: visible; padding: 3px 10px 1px; border: 1px solid #ddd; background: #f3f3f3; font: 10px Arial,Helvetica,sans-serif; text-transform: uppercase; }
    #contact-form p br { display: none; }
   #contact-form div.double { overflow: hidden; width: 100%; margin: 0 0 5px; }
    #contact-form div.double p { display: inline; float: left; width: 48%; margin: 0 1.5% 0 0; }
     #contact-form div.double p input { width: 141px; }
   #contact-form div.errors { color: #b22; }
    #contact-form div.errors p { margin: 0 0 3px; }
    #contact-form div.errors ul { margin: 0 0 15px; padding: 0 0 0 25px; }
     #contact-form div.errors ul li { font-size: 1.1em; }
	
	
	
	
	 
.box1 {
	height: 300px;
	width: 220px;
	float: left;
	padding-right:30px;
}

.box2 {
	height: 800px;
	width: 220px;
	float: left;
	padding-right:45px;
}
.artykuly #root #content .inner #main #post-207 .box2 {
	float: left;
	height: 240px;
	padding-right: 30px;
	width: 340px;
}