@charset "UTF-8";
/* ---------- This was added on 7/9/2010 ---------- */
body {
	padding: 0;
	margin: 0;
	background: #003366 url(../img_kh/khd_bkg_grad.jpg) repeat-x;
}
#bkgImage {
	background: url(../img_kh/khd_bkgrnd_1.png) no-repeat center top;
	width: 100%;
	display: table;
}

/* NOTE: to eliminate the "space" created at the top of the browser window set the main html body tag to "margin = 0" */
/* --------<<<<< Main Wrapper DIV >>>>>>-------- */
#wrapper{
	width: 700px;
	background-color:#FFFFFF;
	margin-top: 35px;
	margin-right: auto;
	margin-left: auto;
}
/* --------<<<<< NOTE: Wrapper for Flash Section */
#wrapper_fla{
	width: 720px;
	/*background-color:#330000;*/
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
/*Header Top - For Logo left and Graphic right + MAP link*/
#header {
	background-image: url(../img_kh/header_visual1.jpg);
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	width: 550px;
	height:40px;
	float: left;
}
#logo_holder {
	background-color:#996600;
	width: 150px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
/*Top navigation bar*/
#topnav_bar {
	background-color:#FFFF00;
	width: 700px;
	float: left;
}
/*NOTE: - - - IFRAME FOR LARGE PHOTOS AND HTM CONTENT - SAME AS lrg_photo*/
iframe.tabContent {
	background-color: #FFFFFF;
	width: 480px;
	height: 240px;
}
/* - - END NOTE: - - */

/*For Flash or Photo Placement*/
#lrg_photo {
	background-color:#000000;
	width: 480px;
	float: left;
	height: 240px;
}

/* -------------- <<<<<< Content DIVs >>>>>> -------------- */
#noteHolder {
	width: 440px;
	float: left;
	height: 20px;
	text-align: center;
	/*color:#330000;*/
	margin-left: 18px;
	margin-top: 18px;
}
/* ---------------- < < < < < < CSS scrollbar > > > > > > -------------- */
.scrollHomeTxt {
	margin-left: 18px;
	height: 300px;
	width: 430px;
	overflow: hidden;
	background-color: transparent;
	padding-top: 20px;
	padding-bottom: 6px;
	padding-left: 12px;
	/*border-bottom-width: 0.6em;*/
	
}
#content_holdr1 {
	width: 550px;
	float: left;
	text-align: left;
	position: relative;
	height: 420px;
	background-image: url(../img_kh/kh_email_bkg1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #FFFFFF;
}
#content_holdr {
	width: 550px;
	height: 420px;
	float: left;
	text-align: left;
	background-image: url(../img_kh/kh_logo_bkgrnd.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-position: left bottom;
	background-color: #FFFFFF;
}
#content_holdr_gd {
	width: 550px;
	height: 420px;
	float: left;
	text-align: left;
	background-image: url(../img_kh/kh_gd_bkg1.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-position: left bottom;
	background-color: #FFFFFF;
}
#content_holdr_ph {
	width: 550px;
	height: 400px;
	float: left;
	text-align: left;
	background-image: url(../img_kh/kh_ph_bkg1.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-position: left bottom;
	background-color: #FFFFFF;
}
#content_holdr_wd {
	width: 550px;
	height: 440px;
	float: left;
	text-align: left;
	background-image: url(../img_kh/kh_wd_bkg1.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-position: left bottom;
	background-color: #FFFFFF;
}
#content_holdr_el {
	width: 550px;
	height: 700px;
	float: left;
	text-align: left;
	background-image: url(../img_kh/kh_el_bkg1.jpg);
	background-repeat: no-repeat;
	position: relative;
	background-position: left bottom;
	background-color: #FFFFFF;
}
#content_holdr_cl {
	width: 550px;
	height: 420px;
	float: left;
	text-align: left;
	background-image: url(../img_kh/kh_clients3_bkg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #FFFFFF;
}
#content_form {
	width: 460px;
	float: left;
	text-align: center;
	position: relative;
}
/* -------- <<<<<< MAIN CONTENT DIV HERE >>>>>> ....... */
#content_kh {
	width: 460px;
	float: left;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#330000;
	margin-top: 22px;
	margin-left: 18px;
}
#content_email {
	width: 460px;
	float: left;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#330000;
	margin-top: 6px;
	margin-left: 12px;
}
/* -------------------- Give me some breathing room!!! -------------------- */
#spaceMe {
	width: 400px;
	height: 135px;
	float: left;
}

/* ------- DIVs for ICON Placement in GD, FA, etc. ------ */
#iconHolder1 {
	width: 100px;
	height: 96px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 40px;
	float: left;
}
#iconHolder2 {
	width: 140px;
	height: 96px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 50px;
	float: left;
}

#iconHolder3 {
	width: 90px;
	height: 70px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 16px;
	float: left;
	border: 2px ridge #CC9933;
}

/*Holds ICONS for E-Learning Items*/
#iconHolder_80 {
	width: 80px;
	height: 55px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 28px;
	float: left;
	/*border: 2px ridge #CC9933;*/
}

/* ------------- ICON WRAPS + Flash Holder ------------- */
#iconWrap {
	width: 460px;
	height: 96px;
}
#iconWrapWeb {
	width: 460px;
	height: 75px;
}
#iconWrapElearn {
	width: 460px;
	height: 82px;
}
#clientWrap {
	width: 454px;
	height: auto;
	margin-bottom: 20px;
}
#clientInner_Wrap {
	width: 206px;
	height: auto;
	float: left;
	margin-top: 4px;
	margin-right: 6px;
	margin-bottom: 12px;
	margin-left: 14px;
}
#inspirationTxtWrap {
	width: 430px;
	height: auto;
	float: left;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	text-align: center;
}
#flash_mp3_holder {
	width: 360px;
	height: auto;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 40px;
	text-align: center;
}
/* ------------- Social Links for Jack Koning/konehead design ---------  */
#socialLink {
	float:right;
	width: 320px;
	height: 36px;
	margin-top: 6px;
	margin-right: 100px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
	background-position: center;
}
/*Content DIV for Graphic Design*/
#content_gd {
	background-color: #FFFFFF;
	width: 440px;
	height: auto;
	text-align: left;
	/*font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.6em;*/
	padding-top: 12px;
	padding-bottom: 24px;
	padding-left: 12px;
	padding-right: 12px;
}
/*Content DIV for History*/
#content_hist {
	background-color: #FFFFFF;
	width: 428px;
	text-align: left;
	/*font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: 1.6em;*/
	padding-top: 12px;
	padding-bottom: 24px;
	padding-left: 24px;
	padding-right: 12px;
}
/*Graphic Design Logo Holders*/
#holder_gd_box {
	width: 428px;
	background-color: #FFFFFF;
	height: 200px;
	margin-bottom: 12px;
	margin-top: 18px;
	padding-top: 12px;
	padding-bottom: 24px;
	padding-left: 12px;
	padding-right: 12px;
}
#holder_re_box {
	width: 440px;
	background-color: #FFFFFF;
	height: 200px;
	margin-bottom: 6px;
	margin-top: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 12px;
}
#holder_dc_box {
	width: 440px;
	background-color: #FFFFFF;
	margin-bottom: 12px;
	margin-top: 18px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 12px;
	clear: left;
	float: left;
}
#holder_logos {
	width: 160px;
	height: 200px;
	background-color: #FFFFFF;
	float: left;
	margin-top: 12px;
	margin-right: 16px;
	margin-bottom: 12px;
	margin-left: 8px;
	background-position: center center;
	padding-right: 12px;
}
#holder_re {
	background-color: #FFFFFF;
	width: 390px;
	height: 180px;
	float: left;
	margin-left: 28px;
	margin-top: 6px;
	padding-right: 12px;
}
#holder_reNav {
	width: 390px;
	height: 14px;
	float: left;
	margin-right: 4px;
	margin-left: 28px;
	background-position: center;
	margin-top: 4px;
}
#holder_reNav_lt {
	width: 180px;
	height: 14px;
	float: left;
	margin-right: 4px;
	margin-left: 24px;
	margin-top: 4px;
}
#holder_reNav_rt {
	width: 180px;
	height: 14px;
	float: left;
	margin-right: 4px;
	margin-left: 24px;
	background-position: center;
	margin-top: 4px;
}