/*
Theme Name: KCCG 1.0
Theme URI: http://kccg.com/
Description: KCCG Template
Version: 1.0
Author: Didats Triadi
Author URI: http://kccg.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}

/* --- HTML Tags --- */
body {
	font:13px "Lucida Grande", Helvetica, Arial,verdana,sans-serif;
	color:#535353;
	background:#C30000 url("images/bg_body.jpg") no-repeat top center;
	text-align: center;
}
h1 { font-weight:bold; font-size: 22px; }
h2 { font-weight:bold; font-size: 19px; }
h3 { font-weight:bold; font-size: 15px; }
h4 { font-weight:bold; font-size: 13px; }
a {
	color:#C30000;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}

/* Class */
.clear {
	clear:both;
}

/* Layout */
#container {
	width:900px;
	margin:0px auto;
	text-align:left;
}
#header {
	height:150px;
}
#header h1 {
	width:155px;
	height:103px;
	text-indent: -9000px;
	background:transparent url("images/bg_logo.gif") no-repeat top left;
	position:relative;
	top:25px;
	display:block;
	float:left;
}
#header h1 a {
	display:block;
	width:155px;
	height:103px;
}

#mainmenu {
	width:420px;
	position:relative;
	top:0px;
	height:200px;
	float:right;
}
#mainmenu li {
	width:100px;
	display:block;
	float:left;
	margin-right:5px;
	text-align: center;
}
#mainmenu li a {
	display:block;
	width:100px;
	text-align: center;
	text-decoration:none;
	float:left;
	background:transparent url("images/bg_mainmenu_link.gif") no-repeat 0px 0px;
	padding-top:80px;
	font-weight:bold;
	padding-bottom:27px;
	color:#666;
}
#mainmenu li.current_page_item a,
#mainmenu li.current_page_parent a {
	background:transparent url("images/bg_mainmenu.jpg") no-repeat 0px 0px;
	color:#FFF;
}
#mainmenu li a:hover {
	background:transparent url("images/bg_mainmenu.jpg") no-repeat 0px -124px;
	color:#FFF;
}

#content {
	margin-top:40px;
}


/* Title */
.entry-top {
	padding-bottom:10px;
}
.big-title {
	width:361px;
	text-indent: -9000px;
	margin-bottom:10px;
	height:52px;
	background:transparent url("images/png_title.gif") no-repeat top left;
	
}

#welcome {
	background-position: top left;
	height:52px;
}
#about-us {
	background-position: 0px -53px;
}
#services {
	background-position: 0px -105px;
}
#contact {
	background-position: 0px -160px;
}
#history {
	background-position: 0px -210px;
	height:64px;
}
#mission {
	background-position: 0px -273px;
}
#staff {
	background-position: 0px -325px;
	height:55px;
}
#why-kccg {
	background-position: 0px -380px;
	height:64px;
}
#search {
	background-position: 0px -444px;
	height:50px;
}
#our-future {
	background-position: 0px -501px;
	height:48px;
}

#it-security {
	background-position: 0px -551px;
	height:64px;
}
#network-design-integration {
	background-position: 0px -625px;
	height:64px;
}
#outsourcing {
	background-position: 0px -682px;
	height:64px;
}
#consultancy {
	background-position: 0px -745px;
	height:64px;
}


.text {
	width:900px;
	color:#FFF;
	padding-bottom:5px;
}
.text p {
	line-height:20px;
	font-size:15px;
}
.text h3 {
	font-size:30px;
	font-weight:bold;
	margin-bottom:5px;
	letter-spacing: -2px;
	width:100%;
}
#slider {
	margin-top:0px;
	padding:30px 0px;
	background:#FFF;
}
.page-content {
	background:#FFF url("images/bg_line.gif") repeat-y 610px 0px !important;
}
#slider .thecontent {
	width:250px;
	color:#535353;
	margin-left:35px;
	float:left;
	padding-top:120px;
}
#slider-content {
	width:560px;
	margin-left:30px;
	float:left;
}
#sidebar {
	width:230px;
	float:left;
	margin-left:50px;
}
.sidebar {
	margin-bottom:30px;
}
.sidebar h3.sidebar-title {
	color:#C30000;
	margin-bottom:8px;
	border-bottom:1px dotted #CCC;
}
.widget_search form {
	background:transparent url("images/bg_search.jpg") no-repeat top left;
	height:50px;
}
.widget_search .screen-reader-text {
	display:none;
}
.widget_search form div {
	position:relative;
	top:16px;
	left:20px;
}
.widget_search input#s {
	background:#FFF;
	position:relative;
	font-size:14px;
	padding:2px 2px;
	border:0px;
	width:140px;
}
.widget_search input#searchsubmit {
	border:0px;
	text-indent: -9000px;
	width:40px;
	position:relative;
	background:none;
	left:8px;
	cursor: pointer;
	height:24px;
}

.thecontent h2 {
	width:280px;
	letter-spacing: -1px;
	color:#C30000;
	margin-bottom:15px;
	font-size:15px;
}
.thecontent p {
	font:12px Helvetica,arial,verdana,sans-serif;
	line-height:19px;
}
.web {
	background:transparent url("images/bg_web.jpg") no-repeat top left;
	margin-left:45px !important;
}
.security {
	background:transparent url("images/bg_security.jpg") no-repeat top left;
	float:right !important;
	margin-right:25px;
	margin-left:0px !important;
}
.communication {
	background:transparent url("images/bg_communication.jpg") no-repeat top left;
	
}

#submenu {
	height:30px;
	display:block;
	margin-bottom:10px;
}
#submenu ul {
	margin:0px;
	padding:0px;
}
#submenu li {
	display:block;
	float:left;
	font-size:14px;
	line-height:25px;
	height:25px;
	margin-right:10px;
}
#submenu li a {
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
	height:25px;
	color:#FFF;
	text-decoration: none;
	background:transparent url("images/bg_submenu.gif") no-repeat center left;
}
#submenu a span {
	background:transparent url("images/bg_submenu_right.gif") no-repeat center right;
	padding:0px 15px;
	display:block;
}
#submenu a:hover {
	background-position: top left;
	color:#990000;
}
#submenu a:hover span {
	background-position: top right;
}
#submenu li.current_page_item a{
	background-position: bottom left;
	color:#990000;
}
#submenu li.current_page_item span {
	background-position: bottom right;
}

/* formatting */
h2.thetitle {
	font:bold 45px "Lucida Grande",Helvetica,arial,verdana,sans-serif;
	color:#FFF;
	padding-bottom:20px;
	padding-top:25px;
	display:block;
	letter-spacing: -2px;
}
.entry h2,
.entry p {
	margin-bottom:15px;
	line-height:20px;
}
.thecontent-text .our-partner {
	border-top:1px dotted #CCC;
	padding-top:15px;
	margin-top:10px;
}


/* Cforms */
.cf-ol {
	width:550px;
	margin:0px;
	padding:0px;
	list-style:none;
	background:none !Important;
}
.cf-ol label {
	width:150px;
	float:left;
}
.cf-ol li input,
.cf-ol li textarea {
	float:left;
	font-size:13px;
	width:250px;
	padding:2px;
}
.cf-ol li span.emailreqtxt,
.cf-ol li span.reqtxt {
	font-size:9px !important;
	float:left;
	margin-left:3px;
	font-weight:normal;
	color:#999;
}
.cf-ol li {
	clear:both;
	padding:4px 0px;
	background:#FFF !important;
	border-bottom:1px solid #efefef;
	min-height:10px;
}
.cf-sb {
	clear:both;
	padding:3px 0px;
	margin:0px !Important;
}
input.sendbutton {
	background:#C20000;
	border:1px 2px 2px 1px;
	border-style:solid;
	border-color:#FF918F #9B0000 #9B0000 #FF918F;
	color:#FFF;
	padding:2px 5px;
	position:relative;
	left:150px;
	font-size:16px;
}
.cf_info {
	font:bold 14px arial,verdana,sans-serif;
	text-align:left;
	color:#990000;
	padding:6px 0px;
	margin:5px 0px;
}
.linklove {
	display:none;
}
.post-search {
	border-bottom:1px dotted #CCC;
	margin-bottom:15px;
}
.our-partner a {
	display:block;
	margin-bottom:15px;
	float:left;
	width:100px;
	margin-right:10px;
}
.our-partner a img {
	width:100px;
}
fieldset,
legend {
	height:0px !Important;
	margin:0px !Important;
	padding:0px !important;
}


#footer {
	padding:8px 0px;
}
#footer p {
	font-size:11px;
	color:#FFF;
}