/*
 *   Tripoli is a generic CSS standard for HTML rendering. 
 *   Copyright (C) 2007 David Hellsing
 *   
 *   http://devkick.com/lab/tripoli/
 *
 *   You should have received a copy of the GNU General Public License
 *   along with this program.  If not, see <http://www.gnu.org/licenses/>.
**/

/*
_______________________________
BASE */

@import url(tripoli/tripoli.base.css);

/*
_______________________________
PLUGINS 

@import url(tripoli/plugins/tripoli.visual.css);
@import url(tripoli/plugins/tripoli.type.css);


_______________________________
STYLES */


a, a:link, a:active {
	text-decoration: none;
	color: #ffffff;
	}
a:hover {
	text-decoration: underline;
	color: #ee3424;
}
em {
	font-size: 1.3em;
	vertical-align: top;
}
html {
	/*background-color: #463e43;*/
	font-size: 13px;
	height: 101%;
}
body {
	line-height: 16px;
	color: #525252;
	background-color: #fff;
	text-align: center;
	font-size: 13px;
}
	
#container {
	background-image: url(images/sidebar_right_bg.gif);
	background-repeat: repeat-y;
	background-position: 890px top ;
	min-width: 1024px;
	width: 1024px;
	margin: 0px auto;
	background-color: #fff;
	text-align: left;
}
#header {
	height: 156px;
	background-image: url(images/KC_PageHeader.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index: 0;
}
#logo {
	padding: 46px 0 0 44px;
	background-image: url(images/KC_PageHeader_logo.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 92px;
	width: 261px;
	display: block;
}
#logo a {
	height: 92px;
	width: 261px;
	display: block;
}
#logo a:hover {
	text-decoration: none;
}
/*
_______________________________
NAVIGATION BAR */


#navbar {
	width: 200px;
	margin: 0 auto;

}

/* - - - ADxMenu: BASIC styles - - - */

.menu {
	width: 200px;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
}

.menu, .menu ul {	/* remove all list stylings */
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0px;	/* while hidden, always keep them at the top left corner, */
	top: 0px;		/* 		to avoid scrollbars as much as possible */
}
.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	left: 100%;	/* and move them to the right of the item */
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 30px 30px 30px 10px;
	margin: -2px 0 0 -5px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */

.menu, .menu ul li {
}

.menu {
	width: 200px;
}

.menu ul {
	width: 200px;
}

.menu a {
	text-decoration: none;
	color: #eee;
	height: 38px;
	/*padding: .4em 1em;*/
	display: block;
	background-repeat: no-repeat;
	background-position: 30px 13px;
	background-image: none;	
}

.menu a:hover, .menu li:hover>a, .menu li.current a:hover {
	background-position: -170px 13px;
}
.menu .arrow {
	background-image: url(images/KC_Nav_arrow.gif);
	width: 28px;
	height: 33px;
	z-index:10001;
	left: -13px;
	position: absolute;
	top: 0px;
}
.menu li {
	background-image: url(images/KC_Nav_bg.gif);
	background-position: center center;
	background-repeat: no-repeat;
	width: 200px;
	height: 38px;
}
.menu li.current a {	/* create borders around each item */
	background-position: 30px 13px;
}
.menu li.first {
	background-position: center 3px;
	padding-top: 7px;
}
.menu li.last {
	background-position: center -4px;
	height: 45px;
}
.menu li ul {
	background-color: #463e43;
	padding: 10px 0 6px;
}
.menu li a:hover ul {
	/*background-image: url(images/KC_SubNav_background.gif);*/
	background-position: left 8px;
	background-repeat: no-repeat;
}
.menu li ul li {
	background-image: none;
	height: 20px;
}
.menu li ul li a {
	height: 20px;
	background-position: 30px top !important;
}
.menu li ul li a:hover {
	height: 20px;
	background-position: -357px top !important;
}
.menu>li + li, .menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li:hover>ul {	/* inset submenus, to show off overlapping */
	top: 5px;
	left: 100%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	color: #567;
}

.menu .about_li ul, .menu .about_li li {
	width: 183px;
}

.menu .offerings_li ul, .menu .offerings_li li {
	width: 245px;
}

.menu .cases_li ul, .menu .cases_li li {
	width: 358px;
}

.menu li.topnav {
	width: 200px !important;
}

.menu .home {background-image: url(images/KC_Nav_HOME.gif);}
.menu .offerings {background-image: url(images/KC_Nav_OFFERINGS.gif);}
	.menu .offerings_growth, .menu .offerings .offerings_growth  {background-image: url(images/KC_SubNav_Offerings_GROWTH.gif);}
	.menu .offerings_technology, .menu .offerings .offerings_technology {background-image: url(images/KC_SubNav_Offerings_TECH.gif);}
.menu .clients {background-image: url(images/KC_Nav_CLIENTS.gif);}
.menu .partners {background-image: url(images/KC_Nav_PARTNERS.gif);}
.menu .cases {background-image: url(images/KC_Nav_CASE_STUDIES.gif);}
	.menu .cases_strategy, .menu .cases .cases_strategy {background-image: url(images/KC_SubNav_Cases_BUSINESS.gif);}
	.menu .cases_plan, .menu .cases .cases_plan {background-image: url(images/KC_SubNav_Cases_PLAN.gif);}
	.menu .cases_design,.menu .cases .cases_design {background-image: url(images/KC_SubNav_Cases_DESIGN.gif);}
	.menu .cases_training, .menu .cases .cases_training {background-image: url(images/KC_SubNav_Cases_TRAINING.gif);}
.menu .about {background-image: url(images/KC_Nav_ABOUT.gif);}
	.menu .about_company, .menu .about .about_company {background-image: url(images/KC_SubNav_About_COMPANY.gif);}
	.menu .about_founder, .menu .about .about_founder {background-image: url(images/KC_SubNav_About_FOUNDER.gif);}
.menu .careers {background-image: url(images/KC_Nav_CAREERS.gif);}
.menu .contact {background-image: url(images/KC_Nav_CONTACT.gif);}
.menu .request {background-image: url(images/KC_Nav_REQUEST_QUOTE.gif);}

/*****************************/

.menu .current .home {background-image: url(images/KC_Nav_HOME_current.gif);}
.menu .current .offerings {background-image: url(images/KC_Nav_OFFERINGS_current.gif);}
	/*.menu a.offerings_growth:hover {background-image: url(images/KC_SubNav_Offerings_GROWTH_rollover.gif);}
	.menu a.offerings_technology:hover {background-image: url(images/KC_SubNav_Offerings_TECH_rollover.gif);}*/
.menu .current .clients {background-image: url(images/KC_Nav_CLIENTS_current.gif);}
.menu .current .partners {background-image: url(images/KC_Nav_PARTNERS_current.gif);}
.menu .current .cases {background-image: url(images/KC_Nav_CASE_STUDIES_current.gif);}
	/*.menu a.cases_strategy:hover {background-image: url(images/KC_SubNav_Cases_BUSINESS_rollover.gif);}
	.menu a.cases_plan:hover {background-image: url(images/KC_SubNav_Cases_PLAN_rollover.gif);}
	.menu a.cases_design:hover {background-image: url(images/KC_SubNav_Cases_DESIGN_rollover.gif);}
	.menu a.cases_training:hover {background-image: url(images/KC_SubNav_Cases_TRAINING_rollover.gif);}*/
.menu .current .about {background-image: url(images/KC_Nav_ABOUT_current.gif);}
	/*.menu a.about_company:hover {background-image: url(images/KC_SubNav_About_COMPANY_rollover.gif);}
	.menu a.about_founder:hover {background-image: url(images/KC_SubNav_About_FOUNDER_rollover.gif);}*/
.menu .current .careers {background-image: url(images/KC_Nav_CAREERS_current.gif);}
.menu .current .contact {background-image: url(images/KC_Nav_CONTACT_current.gif);}
/*.menu a.request:hover {background-image: url(images/KC_Nav_REQUEST_QUOTE_rollover.gif);}
/*


_______________________________
SUB-NAVIGATION BAR */

#main {
	background-image: url(images/KC_PageHeader_bottom.gif);
	background-position: 528px top;
	background-repeat: no-repeat;
	font-family: "Gill Sans", "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif;
	color: #525252;
	font-size: 13px;
	margin-left: 225px;
	padding: .5em 0 2em 0;
}
#main form table {
	font-family: "Gill Sans", "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif;
	color: #525252;
	font-size: 13px;
}
#main a {
	color: #525252;
}
#main a:hover {
	color: #ee3424;
	text-decoration: underline;
}
#wrapper {
}
#sidebar_left {
	float: left;
	width: 225px;
	vertical-align: center;
	background-color: #fff;
	padding: 12px 0 0 0;
	text-align: center;
}
#util-box {
	width: 188px;
	border: 2px solid #ee3424;
	margin: 0 auto;
	text-align: left;
	margin-top: 20px;
}
#util-box-inner {
	font-family: "Gill Sans", "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif !important;
	background-color: #463E44;
	border: 2px solid #fff;	
	padding: .3em 10px;
	height: 225px;
	font-size: 13px;
}

#util-box-inner h1 {
	font-weight: bold;
	color: white;
	font-family: "Gill Sans", "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 13px;
}
#util-box-inner p {
	margin: .7em 0;
}
/*
_______________________________
MAIN LAYOUTS BAR */
.col_small {
	float: left;
	clear: none;
	padding: 2em 0 0 0;
	width: 23%;
	margin: 0 2% 0 8%;
}
.col_small ul {
	text-align: left;
	font-size: 1.15em;
}
.col_small li {
	/*background-image: url(images/bullet_g.gif);
	background-repeat: no-repeat;
	background-position: left .4em;
	padding: 0 0 10px 10px;
	line-height: 1.1em;*/
}
.col_small h1 {
	/*padding: 0 0 8px 0;
	font-size: 1.2em;
	color: #ee3424;
	background-image: none;
	text-align: left;*/
}
.col_small .more {
	margin: 0 0 0 3.5em;
}
.col_center {
	padding: 2em 0 0 0
}

.col_left {
	float: left;
	clear: none;
	padding: 0 1.5em 0 0;
}
.col_right {
	float: right;
	clear: none;
	padding: 0 1.5em 0 0;
}
h1 {
	font-size: 15px;
	font-weight: bold;
	color: #231F20;
	font-family: "Gill Sans", "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	/*padding: 0px 0px 10px 10px;
	/*background-image: url(images/bullet_g_s.gif);
	background-repeat: no-repeat;
	background-position: left .4em;
	padding: 0px 3px 10px 15px;
	line-height: 1.1em;*/
}
h1.left_col {
	/*text-align: right;*/
	white-space:nowrap;
	padding: 0px 0 10px 0px;
}

h2 {
	font-size: inherit;
	font-weight: bold;
	color: #ee3424;
	padding: 0 0 .2em 0;
}
h3 {
	margin: 0 auto;
	padding: .8em 0;
	font-weight: bold;
	width: 19em;
	font-style: normal;
	font-size: 1.5em;
	text-align: center;
}

.cols-3 .col1, .cols-3 .col2, .cols-3 .col3 {
	width: 31%;
	padding: 0 1% 0 0;
	float: left;
}

.cols-3 {
}


.cols-2 .col1 {
	width: 35%;
	float: left;
}
.cols-2 .col2 {
	width: 59%;
	float: left;
}
.cols-2 {
}

.home.cols-2 .col1 {
	width: 60%;
	padding: 0 1.5% 0 0;
	float: left;
}
.home .col2 {
	width: 30%;
	padding: 0 1%;
	float: left;
}
.home.cols-2 .col1 .col1, .home.cols-2 .col1 .col2 {
	width: 48%;
	padding: 0 1.5% 0 0;
}
.content {
	width: 524px;
	padding-top: 12px;
	float: left;
r
}
.content p {
	font-family: "Gill Sans", "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif;
}
.content-header {
	position: relative;
	top: -12px;
}
.copy {
	padding: 0 0 0 14px;
}
.copy ul {
	margin: 0 0 1.2em 0;
}
.map {
	float: right;
	text-align:right;
	display:block;
	height: 300px;
	width: 275px;
}
.map a {
	text-align: right !important;
	color: #ee3424 !important;
}
.clearfix {
	clear:both;
}
.col {
	width: 45%;
}
.col ul {
	line-height: 16px;	
	/*padding: 0 0 1em 0;*/
}
.col li {
	padding: 0px 0px 0px 10px;
	background-image: url(images/bullet_g_s.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	/*position: relative;
	left: -12px;*/
}
.more {
	color: #ffffff;
	font-style: oblique;
	text-decoration: underline !important;
}
a.details {
	background-image: url(images/KC_click_for_details.gif);
	background-position: left top;
	display:block;
	width: 158px;
	height: 56px;
}

a.details:hover {
	background-position: 158px top;
}
.profile {
	position: relative;
	left: -10px;
	margin-top: 2em;
}
.profile a {
	background-image: url(images/KC_linked_in_profile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	width: 201px;
	height: 64px;
}
.profile a:hover {
	background-position: -201px top;
}
a.details.bottom {
	position: relative;
	bottom: 0px;
	left: -10px;
}
.more a {
	color: #ffffff;
	font-style: oblique;
	text-decoration: underline !important;
}
.text_right {
	text-align: right;
}
.text_center {
	text-align: center;
}
/*.note {
	font-size: .9em;
	font-style: oblique;
}
/*.note a {
	color: #ffffff;
	text-decoration: underline;
}*/
.industries {
	width: 524px;
	text-align: center;
}
.industries .box {
	float: left;
	width: 135px;
	padding: 0 19px;
}

.nobold {
	font-weight: normal;
}
.small {
	font-size: .8em;
}
#main .careers p {
	margin: .8em 0;
}
#main .careers p a {
	color: ee3424;
}
.redbox {
	background-color: #ee3424;
	width: 200px;
	height: 150px;
	display: block;
}
.arrow li {
	background-image: url(images/arrow_r_r.gif);
	background-position: left .2em;
	background-repeat: no-repeat;
	list-style: none;
	padding: 0 0 0 14px;
}
.clear {
	clear: both;
}
.col_wide {
	margin: 0 3.5em;
}
.col_wide li {
	padding: 0px 0px 10px 15px;
	background-image: url(images/arrow_r_r_s.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	line-height: 1.1em;
}
.case {
}
.case p {
	padding: 0 0 35px 0;
}
.case h1 {
	padding: 0 0 17px 0;
}
.case li {
	margin: 5px 0;
	padding: 0 0 0 .7em;
	background-image: url(images/bullet_r.gif);
	background-repeat: no-repeat;
	background-position: left 4px;

}
.case ul {
	padding: 0 0 .6em 0;
}
#main .about {
	margin: .4em 0 0;
}
#main .about p {
	padding: .8em 0 0;
}
#main .about ul {
	margin: 0;
	padding: .4em 0 0;
}
#main .about li {
	font-size: .9em;
	margin: 0 0 0 0;
	padding: 0 0 .4em 1.2em;
	/*background-image: url(images/bullet_g_s.gif);
	background-repeat: no-repeat;
	background-position: left .4em;*/
	line-height: 1.1em;
}

#sidebar_right {
	display: block;
	width: 260px;
	float: right;
	position: relative;
	text-align: center;
	padding-top: 32px;
}
.brochure {
	background-image: url(images/wbenc.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	display: block;
	width: 201px;
	height: 128px;
	position: absolute;
	left: 30px;
	top: 250px;
}
.w_img .brochure {
	top: 419px
}
.brochure a {
	background-image: url(images/KC_print_brochure.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 201px;
	height: 64px;
	display: block;
}
.brochure a:hover {
	background-position: -201px top;
}
.image {
	margin: 0 auto;
	position: relative;
	top: 135px;
	display:block;
}
.bullet li {
	background-image: url(images/bullet_g_s.gif);
	padding: 0 0 0 10px;
	background-repeat: no-repeat;
	background-position: left .4em;
}
.nobull li {
	list-style: none;
	background-image: none;
	padding-left: 0;
}
.case p {
	color: #636467;
}

#news {
	color: #fff;
}
#news a:hover {
	text-decoration: none;
	color: #ee3424;
}
#news h1 {
}
#news a:hover {
	text-decoration: none;
}
.announcements .back {
	text-decoration: underline;
	padding-top: 10px;
}
.news_date {
	color: #525252;
	font-size: 0.8em;
}
.news_title {
}
.content-news {
	padding: 1em 0;
}

b {
	font-weight: bold;
}
.t_left {
	text-align: left !important;
}
.value li {
	width: 30%;
	font-size: .9em;
}
#main .partners a {
	color: #ee3424;
}
#main .partners p {
	color: #525252;
	font-size: 14px;
}
.partner_link
{
	text-align: center;
	padding-right: 30px;
	padding-bottom: 30px;
}

.partner_image
{
	vertical-align: top;
	text-align: center;
	padding-right: 30px;
	padding-bottom: 30px;
}

.partner_text
{
	padding-bottom: 30px;
}
#projects {
}
#projects h1 {
	padding-bottom: 10px;
}


.areas {
	padding: 2.3em 0 0 0 !important;
}
.areas li {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 2em;
	padding: 0px 0px 0px 23px;
	margin: 0px 20px;
	position: relative;
	left: -25px;
	background-image: url(images/arrow_r_r_l.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.areas .col_left {
	float: left;
	clear: none;
	padding: 0 0 0 3.6em;
}
.areas .col_right {
	float: right;
	clear: none;
	padding: 0 1em 0 0;
}
#footer {
	color: #3E3E3E;
	font-size: .8em !important;
	padding: .2em 0 0 17px;
	/*border-top: solid 1px #ee3424;*/
}
#footer a {
	color: #3E3E3E;
	text-decoration: underline;
}

.cpDiv {
}


.dpDiv {
}

/* the table (within the div) that holds the date picker calendar */
.ics_dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
}


/* a table row that holds date numbers (either blank or 1-31) */
.ics_dpTR {
}


/* the top table row that holds the month, year, and forward/backward buttons */
.ics_dpTitleTR {
}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.ics_dpDayTR {
}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.ics_dpTodayButtonTR {
}


/* a table cell that holds a date number (either blank or 1-31) */
.ics_dpTD {
	border: 1px solid #ece9d8;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.ics_dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.ics_dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
}


/* the table cell that holds the name of the month and the year */
.ics_dpTitleTD {
}


/* a table cell that holds one of the forward/backward buttons */
.ics_dpButtonTD {
}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.ics_dpTodayButtonTD {
}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.ics_dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
}


/* additional style information for the text that indicates the month and year */
.ics_dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.ics_dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
}


/* the forward/backward buttons at the top */
.ics_dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
}


/* the "This Month" and "Close" buttons at the bottom */
.ics_dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}


.dt{
	table-layout: fixed;
	width: 100%;
	margin: 0px;
}
	
.dttitle{
	font-size: 15px;
	font-weight: bold;
	color: #231F20;
	font-family: "Gill Sans", "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;

	border-width: 0px 0px 0px 0px;
}
.dtcolhead{background-color: #666666; font-weight: normal; color: #FFFFFF;padding: 3px;}
.dtcolhead_sort{background-color: #444444; font-weight: normal; color: #FFFFFF;padding: 3px;cursor: pointer;background-image:url(images/nosort.png); background-repeat: no-repeat; background-position: 99.5% 5px;}
.dtcolhead_asc{background-color: #555555; background-image:url(images/ascsort.png); background-repeat: no-repeat; background-position: 99.5% 5px;}
.dtcolhead_desc{background-color: #555555;background-image:url(images/descsort.png); background-repeat: no-repeat; background-position: 99.5% 5px;}
.dtrow{background-color: #ffffff;}
.dtrow1{background-color: #edd4d1;}
.dtcol{padding: 3px;}
.dtfoot{background-color: #DDDDDD;padding: 3px;}
.dt_nodata{font-size: 120%; font-weight: bold; text-align: center; padding: 10px;}
.ics_page_arrow{ cursor: pointer; }
.dtFooter{background-color: #725e69; text-align: right;}

.khc_news_item {
	margin: 0px 0px 3px 2%;
}

.khc_news_title {
	color: #fff;
}
.khc_news_summary {
	color: #fff;
}

.khc_news_more {
	font-size: .8em;
}
.khc_news_more a {
	color: #fff !important;
}
.khc_news_date {
	font-size: .8em;
	color: #EEEEEE;
}

.khc_newsletter_item {
	margin: 0px 0px 3px 2%;
}

.khc_newsletter_title {
	color: #fff;
}
.khc_newsletter_summary {
	color: #fff;
}

.khc_newsletter_more {
	font-size: .8em;
}
.khc_newsletter_more a {
	color: #fff !important;
}
.khc_newsletter_date {
	font-size: .8em;
	color: #EEEEEE;
}




.ics_login_username {
	margin-bottom: 7px;
}

.ics_login_password {
	margin-bottom: 7px;
}
.ics_login_change_password_form {
	padding: 20px;
}
.ics_login_change_password_form input {
	margin: 4px 0;
}



.ics_login_form {
	padding: 20px;
	font-size: 13px;
}
.ics_login_form input {
	margin: 4px 0;
}
.ics_login_change_password_oldpword {
	margin-bottom: 7px;
}
.ics_login_change_password_newpword {
	margin-bottom: 7px;
}
.ics_login_change_password_confirmnewpword {
	margin-bottom: 7px;
}
.ics_login_footer {
	display: inline;
	float: left;
}
.ics_footer_admin {
}

#footer form a {
	display: none;
}

#footer form input {
	padding: 0 5px;
	background-color: #463e43 !important;
	color: #fff;
	border: 1px outset #666;
	font-family: "Gill Sans", "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif;
}
.footer_copy {
	float: left;
}
.footer_pipe {
	float: left;
	padding: 0 .5em;
}

/*.khc_news_edit_title {
	margin-bottom: 7px;
}

.khc_news_insert_title {
	margin-bottom: 7px;
}*/


.pop_up {
	font-family: "Gill Sans", "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif;
	color: #525252;
	font-size: 14px;
	width: 1024px;
}
.pop_up #header {
	background-position: bottom left;
	text-align: left;
}
.pop_up .content {
	width: 1024px;
	background-image: url(images/KC_PageHeader_bottom.gif);
	background-position: 753px top;
	background-repeat: no-repeat;
}
.pop_up .copy {
	padding: 20px 0 0 0;
	width: 750px;
}
#request_form .content {
	text-align: left;
	padding: 20px 0 0 0;
}
#request_form .copy {
	width: 570px;
	padding: 0 0 0 27px;
}
#request_form table td {
	vertical-align: top;
}
#request_form table td {
	padding: 7px 5px;
}
#request_form input {
	background-color: #fff !important;
}
#request_form input.btn {
	padding: 0 5px;
	background-color: #463e43 !important;
	color: #fff;
	border: 1px outset #666;
	font: 14px "Gill Sans", "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif;
}
#request_form p {
	padding: 10px 0;
	font-weight: bold;
}
#request_form form {
	padding: 20px 0 0 0;
}
#brochure_page img {
	font-size: 1.5em;
	padding: 40px 0 0 0;
}
h1 em {
	font-size: .8em;
}

.overview .col1 {
	width: 31%;
	padding: 0 1% 0 0;
	float: left;

}
.overview .col2 {
	width: 37%;
	padding: 0 2% 0 0;
	float: left;
}
.overview .col3 {
	width: 29%;
	padding: 0;
	float: left;
}
.client .col1 {
	width: 350px;
}
.client .col2 {
	width: 150px;
	float: right;
}
.client .col2 h1 {
	padding: 0 0 8px 0;
}
.client .box_title {
	text-decoration: none;
	font-weight: normal;
	color:#525252;
	font-size: 1em;
	margin: 0;
	height: 40px;
	width: 135px;
	vertical-align: bottom;
}
.thankyou p {
	padding: 20px 0 0 20px;
}
a.red_a {
	color: #ee3424 !important;
}
font > div{color: #FFFFFF;}
p > font{ color: #FFFFFF;}

font{color: #FFFFFF;}
font[color=#ff0000]{color: #FF0000;}




.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 175px;
	left: 270px;

	border: 5px solid #000000;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: auto;	
	
	width: 700px;
	height: 420px;
	padding: 0px;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lbAction{
	background-color: #E3E3E3;
	padding: 2px 8px 2px 21px;
	height: 30px;
	background-image: url(images/close.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	margin-left: 2px;
}
.lbAction_max{
	background-color: #E3E3E3;
	padding: 2px 8px 2px 21px;
	height: 30px;
	background-image: url(images/maximize.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	margin-left: 2px;
}
.lbAction_download{
	background-color: #E3E3E3;
	padding: 2px 8px 2px 21px;
	height: 30px;
	background-image: url(images/download.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	margin-left: 2px;
}


.lightbox_content
{
	width: 700px;
	 height: 400px;
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }
#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }