/*
Theme Name: KPO
Theme URI: http://www.kpo.com/
Description: Knowledge Process Outsourcing Theme
Version: 1.0
Author: Stratforce
Author URI: http://www.stratforce.com/
Tags: fixed width, white, 960, css, xhtml

	KPO v1.0
	http://www.kpo.com/

	This theme was designed and built by Stratforce,
	the world�s first, only and leading search marketing firm 
	specializing in providing strategically positioned websites� 
	for enterprises.
	http://www.stratforce.com/


*/
/* ----------------------------------------- */
/* ------------- CSS Reset ----------------- */
/* ----------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}

/* remember to define focus styles! */
:focus {	outline: 0;}

/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {	text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}


/* ----------------------------------------- */
/* ------------- CSS Text  ----------------- */
/* ----------------------------------------- */
/* =Basic HTML
--------------------------------------------------------------------------------*/
body{	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;}
a:focus{	outline: 1px dotted invert;}
hr{	border-color: #ccc;	border-style: solid;	border-width: 1px 0 0;	clear: both;	height: 0;}

/* =Headings
--------------------------------------------------------------------------------*/
h1{	font-size: 25px;}
h2{	font-size: 23px;}
h3{	font-size: 21px;}
h4{	font-size: 19px;}
h5{	font-size: 17px;}
h6{	font-size: 15px;}

/* =Spacing
--------------------------------------------------------------------------------*/
ol{ list-style: decimal;}
ul{ list-style: square;}
li{	margin-left: 30px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{	margin-bottom: 20px;}

/* ----------------------------------------- */
/* ------------- GRID Layout  -------------- */
/* ----------------------------------------- */
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_10 {	margin-left: auto;	margin-right: auto;	width: 960px;}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 22px;
	margin-right: 22px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {	margin-left: 0;}
.omega {	margin-right: 0;}

/* Grid >> 10 Columns
----------------------------------------------------------------------------------------------------*/
.container_10 .grid_1 {	width:52px;}
.container_10 .grid_2 {	width:148px;}
.container_10 .grid_3 {	width:244px;}
.container_10 .grid_4 {	width:340px;}
.container_10 .grid_5 {	width:436px;}
.container_10 .grid_6 {	width:532px;}
.container_10 .grid_7 {	width:628px;}
.container_10 .grid_8 {	width:724px;}
.container_10 .grid_9 {	width:820px;}
.container_10 .grid_10 {	width:916px;}



/* Prefix Extra Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/
.container_10 .prefix_1 {	padding-left:96px;}
.container_10 .prefix_2 {	padding-left:192px;}
.container_10 .prefix_3 {	padding-left:288px;}
.container_10 .prefix_4 {	padding-left:384px;}
.container_10 .prefix_5 {	padding-left:480px;}
.container_10 .prefix_6 {	padding-left:576px;}
.container_10 .prefix_7 {	padding-left:672px;}
.container_10 .prefix_8 {	padding-left:768px;}
.container_10 .prefix_9 {	padding-left:864px;}



/* Suffix Extra Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/
.container_10 .suffix_1 {	padding-right:96px;}
.container_10 .suffix_2 {	padding-right:192px;}
.container_10 .suffix_3 {	padding-right:288px;}
.container_10 .suffix_4 {	padding-right:384px;}
.container_10 .suffix_5 {	padding-right:480px;}
.container_10 .suffix_6 {	padding-right:576px;}
.container_10 .suffix_7 {	padding-right:672px;}
.container_10 .suffix_8 {	padding-right:768px;}
.container_10 .suffix_9 {	padding-right:864px;}



/* Push Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/
.container_10 .push_1 {	left:96px;}
.container_10 .push_2 {	left:192px;}
.container_10 .push_3 {	left:288px;}
.container_10 .push_4 {	left:384px;}
.container_10 .push_5 {	left:480px;}
.container_10 .push_6 {	left:576px;}
.container_10 .push_7 {	left:672px;}
.container_10 .push_8 {	left:768px;}
.container_10 .push_9 {	left:864px;}



/* Pull Space >> 10 Columns
----------------------------------------------------------------------------------------------------*/
.container_10 .pull_1 {	left:-96px;}
.container_10 .pull_2 {	left:-192px;}
.container_10 .pull_3 {	left:-288px;}
.container_10 .pull_4 {	left:-384px;}
.container_10 .pull_5 {	left:-480px;}
.container_10 .pull_6 {	left:-576px;}
.container_10 .pull_7 {	left:-672px;}
.container_10 .pull_8 {	left:-768px;}
.container_10 .pull_9 {	left:-864px;}



/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */
.clear {	clear: both;	display: block;	overflow: hidden;	visibility: hidden;	width: 0;	height: 0;}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {	clear: both;	content: ' ';	display: block;	font-size: 0;	line-height: 0;	visibility: hidden;	width: 0;	height: 0;}
.clearfix {	display: inline-block;}
* html .clearfix {	height: 1%;}
.clearfix {	display: block;}


/* ----------------------------------------- */
/* ------------- Layout CSS ---------------- */
/* ----------------------------------------- */
/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}


h1 a {	font-weight:normal;}


/* branding
----------------------------------------------- */
h1#branding {	font-weight:normal;	font-size:3em;	text-align:left;	margin-bottom:0;}


/* boxes
----------------------------------------------- */
.box {	background:#ddd;	margin-bottom:20px;	padding:10px 10px 1px 10px;}
.block {	padding-top:10px;}
div.menu {  padding:0;}
div.menu h2 {  margin:0;}
div.menu .block {	padding-top:0;}


/* paragraphs, quotes and lists
----------------------------------------------- */
p {	margin-bottom:1em;}
blockquote {	font-size:1.2em;	padding-left:1em;	border-left:4px solid #ccc;}
blockquote cite {  font-size:.9em;}
ul, ol {  padding-top:0;}


/* table
----------------------------------------------- */
table {
	margin-bottom:10px;
}
th, td {  padding:.2em 1em;  text-align:left;}
thead th {
	padding:.4em 1em .2em;
}
thead th.table-head {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
}
tbody th,tbody td {
}
tbody tr.odd th,tbody tr.odd td {
}
tfoot th,tfoot td {
}
tfoot tr.total th,tfoot tr.total td {
}
tfoot tr.total th {  text-transform:uppercase;}
th.currency,
td.currency {  text-align:right;}


/* forms
----------------------------------------------- */
form {  overflow:hidden;}
fieldset {
  border:1px solid #bbb;
  padding:10px;
  position:relative;
  background:#e9e9e9;
  margin-bottom:10px;
}
legend {
  font-size:1.1em;
  padding:.4em .8em;
  background:#fff;
  border:1px solid #bbb;
}
fieldset.login p {  margin-bottom:1em;  margin-top:0pt;}
fieldset p label {  width:98%;}
fieldset p input {
}
fieldset p select {  width:99%;}
fieldset.login p label {
  float:left;
  line-height:2em;
  margin-right:3%;
  text-align:right;
  width:32%;
}
fieldset.login p input {  width:60%;}
fieldset.login input.button {  margin-left:35%;}
form p.notice {  font-weight:bold;}
input.search.text {  width:66%;}
input.search.button {  width:28%;  margin-left:2%;}


/* articles
----------------------------------------------- */
.articles {  padding:0;}
.articles h2 {  margin:0;}
#articles {  padding-top:0;}
.article {  border-top:1px solid #666;  padding-top:.5em;}
.box .article {  border-top:3px solid #fff;  padding:13px 10px 0 10px;}
.article h2 {
	font-size:2em;
	font-weight:normal;
	text-transform:none;
	color:#333;
	background:transparent;
	padding:0;
	margin:0;
	border:none;
}
.article h3 {  margin-bottom:.2em;  font-size:1.6em;}
.box .first {  border-top:none;}
.article h4 {  font-size:1.2em;  text-transform:uppercase;  margin-bottom:.5em;}
.article a.image {
  float:left; 
  margin:3px 10px 3px 0; 
  padding:4px;
  border:1px solid #bbb;
  background:#fff;
}
.article a.image:hover {  border:1px solid #666;}
.article a.image img {  float:left; }
.article p.meta {
  color:#666;
  border-top:1px dotted #999;
  border-bottom:1px dotted #999;
  padding:.3em 0;
  margin-bottom:.8em;
}
.block {padding-bottom:1px;}


/* Accordian
----------------------------------------------- */
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size:1.1em;
	font-weight: normal;
}
.element h4 {	margin: 0;	padding:4px;	line-height:1.2em;}
.element p {	margin: 0;	padding: 4px;}
.float-right {	padding:10px 20px;	float:right;}


/* ----------------------------------------- */
/* ------------- Style CSS ---------------- */
/* ----------------------------------------- */
/* body
----------------------------------------------- */
body {
	background: #A5BBC6;
	border: none;
	color: #666666;
	font-size: 12px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

/* anchors
----------------------------------------------- */
a {
	text-decoration: none;
	color: #666666;
}
a:hover {
}

/*my custom styles */
.rounded{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: solid #FFF 1px;
	*\border: none;
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.box {
	background: transparent;

}
.blue{
        color: #1C3A5E;
}

/* head border
----------------------------------------------- */
#head-border {
	background: url(images/header-border.jpg) top center no-repeat;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	width: 980px;
	clear: both;
}
#body-bg{
	background:  url(images/body-bg.jpg) center repeat-y;
	height: inherit;
	width: 980px;
	padding: 0;
	margin: 0 auto;
}
.container_10/* container
----------------------------------------------- */
 {
	width: 960px;
	padding: 0;
}

/* header
----------------------------------------------- */
#header {
	margin-top: 0px;
}
#header #logo{
	background: url(images/logo.jpg) top left no-repeat;
	height: 70px;
	margin-top: 0px;
	padding: 0;
}
#header #logo h1 a{
	text-indent: -9999px;
	display: block;
	height: 60px;
}
#header #logo h1#branding{
	padding: .8em 0 0 0;
}
#header #logo .description {
	display: none;
}	
#header #searchbox{
	padding-top: 10px;
	text-align: right;
}
#header #searchbox .search{
	background: #E9E9E9;
}
#header #searchbox .button{
	background: #375968;
	color: #FFFFFF;
	border: solid #69838E 1px;
}



/* banner
----------------------------------------------- */ 
#banner {

	margin-bottom: 5px;
	width: 915px;
}
#banner #navigation{
	background: url(images/nav-bg.jpg) top center no-repeat;
	height: 24px;
}
#banner ul{
	color: #FFFFFF;
	padding: 2px 20px 0 20px;
	margin: 0;
}
#banner ul li{
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	border-left: solid #0E303E 1px;
}
#banner ul li a{
	color: #FFFFFF;
	padding: 0 15px;
	font-size: 12px;
	text-transform: capitalize;
}
#banner ul li.first{
	border: none;
}
#banner #image {
	background: url(images/banner.jpg) bottom right no-repeat;
	height: 215px;
	margin: 0;
	padding: 0;
	border: none;
}
#banner #image p {
	display: none;
}
#banner #intro{
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border: solid #CDD5D9 1px;
        border-top: solid #CDD5D9 0px;
	*\border: none;
	width: 913px;
}	
#banner #intro .box{
	margin-bottom: 0px;
}
#banner #intro #left{
	text-align: justify;
}
#banner #intro #left h3{
	text-indent: -9999px;
	background: url(images/welcome-to-kpo.jpg) left no-repeat;
}
#banner #intro #right{
	background: transparent url(images/help-how.jpg) bottom right no-repeat;
	margin-right: 2px;
	margin-left: 15px;
}
#banner #intro #right h3{
	text-indent: -9999px;
	background: url(images/how-can-we-help.jpg) left no-repeat;
}
.more {
	background: url(images/bullet-arrow.gif) left no-repeat;
	padding-left: 20px;
	float: right;
}	
#banner #intro span img {
	margin-left: 80px;
	margin-top: 15px;

}


/* content
----------------------------------------------- */ 
.home #main-content{
	font-size: 12px;
}
.home #main-content #sidebar {
	width: 390px;
}
.home #main-content #post-content {
	width: 516px;
}
#main-content {
	margin-bottom: 10px;
	margin-top: 5px;
	min-height: 170px;
}	
#main-content h3{
	font-size: 16px;
	font-weight: bold;
}
.home #main-content #post-content h3{
	margin-bottom; 10px;
}
#main-content #post-content .box{
	padding: 10px 15px 5px 15px;
}
#main-content #sidebar .box{
	padding: 10px 20px 5px 15px;
}
#main-content #post-content {
	text-align: justify;
	line-height: 1.8em;
	background: url(images/post-content-bg.jpg) bottom repeat-x;
	border: solid #CDD5D9 1px;
	*\border: none;
	width: 625px;

}
#post-content h3, #post-content h3 a{
	color: #375968;
}
#post-content #page-navi a{
	font-weight: bold;
	color: #333333;
}

#main-content #sidebar {
	text-align: justify;
	background: url(images/sidebar-bg.jpg) bottom repeat-x;
	border: solid #CDD5D9 1px;


	*\border: none;
	width: 280px;
}
#main-content #sidebar h3{
	color: #D6A57C;
}

	/* single pages
	----------------------------------------------- */
	.page #banner #image {
	background: url(images/page-banner.jpg) bottom right no-repeat;
	height: 116px;
	}
	.page #main-content {
	border-top: solid #375968 3px;
	border-left: solid #E6E5E0 1px;
	margin-bottom: 0px;
	}
	.page #main-content #page-sidebar{
		border: none;
		background: url(images/page-sidebar-bg.jpg) top repeat-x;
		min-height: 700px;
	}
	.page #main-content #page-sidebar .box{
	padding: 30px 0 0 0;
	}
	.page #main-content #page-sidebar .box h3{
	background: url(images/sidebar-header-bg.jpg) top repeat-x;
	padding: 3px 5px;
	color: #CB8D58;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	}
	.page  #main-content  #page-content{
	border-left: solid #E6E5E0 1px;
	background: url(images/page-content-bg.jpg) bottom repeat-x;
	min-height: 700px;
	width: 765px;
	font-size: 12px;
	}
	.page  #main-content  #page-content .box{
	padding: 35px 20px 0 20px;
	}
	.page  #main-content  #page-content .box h3{
	color:#375968;
	font-size: 14px;
	}
        .page-parent #page-content li a {
        text-decoration: underline;
        }
        .page-navi{
         clear: both;
         margin-top: 100px;
         }
         .page-navi a, .page-navi p{
         color: #3D5869;
         font-weight: bold;
         }

         .page #page-sidebar table {
         width: 520px;
         border: none;
         background: none;
         }
		 
		 .page #page-sidebar input {
		 width: 100px;
		 }


/* site information
----------------------------------------------- */
#site_info {
	background: transparent url(images/footer-bg.jpg) bottom center no-repeat;
	margin: 0 auto;
	padding: 0;
	width: 980px;
	clear: both;
	height: 60px;
}
#site_info .box {
	background: #375968;
	color:#FFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: solid #FFF 1px;
	padding: 3px 0;
	width: 915px;
	margin: 0 auto;
	font-size: 95%;
}
#site_info a{
	color: #FFF;
	font-weight: normal;
}
#site_info b{
	font-weight: normal;
	padding: 0 10px;
}
#site_info #stratLogo{
	background: url(http://www.stratforce.com/images/stratforce-logo-bluebg.gif) 57% 0 no-repeat;
	height: 26px;
}	
	#site_info #stratLogo a{
		margin-left: 30px;
	}

/* custom scroll
----------------------------------------------- */
#mycustomscroll {
	height: 180px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	padding: 0 5px 0 0;
        margin-top: 15px;
}