@charset "utf-8";
/* CSS Document */




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

COLORS:

Charcoal: 475054
Dark Charcoal: 283132


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

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

					FONTS

********************************************************************/
/*@import url(//fonts.googleapis.com/css?family=Krona+One);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(//fonts.googleapis.com/css?family=Raleway:400,300,600,700,800);*/


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

					HEADING STYLES

********************************************************************/
h1 {
	
}

h2 {
	
}
h3 {
	/*font-size: 0.9em;
	padding-top: 3px;
	margin-bottom: 6px;
	font-weight: bold;
	color: #9f224c;
	margin-top: 0px;
	font-size: 1.8em;
	padding-top: 33px;
	padding-top: 0px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font: 800 60px/60px 'Open Sans';*/
	font: 300 22px/22px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	margin-bottom: 6px;
	color: black;
	color: #797979;
	color: #36454f;
	color: #5e666a;
	color: #383838;
	text-transform: uppercase;
	line-height: 1em;
	padding: 10px 0px 24px 0px;
	margin: 0px 0px 24px 0px;
	border-bottom: 1px solid #cfcfcf;
}
h4 {
	font: 300 22px/22px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	font-size: 83%;
	font-weight: bold;
	color: #383838;
	text-transform: uppercase;
	line-height: 1em;
	padding: 10px 0px 4px 0px;
	margin: 0px 0px 4px 0px;
	/*border-bottom: 1px solid #cfcfcf;*/
}
h5 {
	font: 300 22px/22px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	color: #383838;
	text-transform: uppercase;
	line-height: 1em;
	padding: 0px 0px 0px 0px;
	margin: 42px 0px 15px 0px;
	/*border-bottom: 1px solid #cfcfcf;*/
}
h6 {

}

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

					LAYOUT MAIN

********************************************************************/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	/*background-color: #283132;  charcoal */
	background: #283132;
	background: #eee;
	color: #475054;
	text-align: center;
	margin: 0;
	padding: 0;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 69%;*/
	font: 13px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 16px;
	height: 100%; /* needed for container min-height */

	/*background-image: url(../images/designImages/kkBlackTop.jpg);
	background-repeat: repeat;
	background-position: left top;*/
}

.globalContainer {
	width: 100%;
	margin: auto;
}
.widthRestriction {
	max-width: 960px;
	margin: auto;
	width: 960px;
}

/* logo and navigation bar */
.logoNav {
	width: 100%;
	background-color: black;
	margin: auto;
	height: 96px;
}
.logo {
	width: 50%;
	float: left;
	text-align: left;
	min-width: 240px;
}
.navBar {
	width: 50%;
	float: left;
	text-align: right;
	min-width: 240px;
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;
}
.navBar a:link {
	color: white;
	text-decoration: none;
	font-size: 1.1em;
}
.navBar a:visited {
	color: #aaa;
	text-decoration: none;
	font-size: 1.1em;
}
.navBar a:hover {
	color: #cfc;
	text-decoration: none;
	font-size: 1.1em;
}
.navBar a:active {
	color: white;
	text-decoration: none;
	font-size: 1.1em;
}
.navButton {
	float: right;
	text-align: center;
	display: block;
	padding: 40px 33px 40px 33px;
	text-transform: uppercase;
}
#activeNavButton {
	background-image: url(../images/designImages/buttons/cwwmNavButton_arrowGray.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	font-size: 1.1em;
}
#activeNavButton a:hover {
	background-image: url(../images/designImages/buttons/cwwmNavButton_arrow.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.navButton:hover {
	background-image: url(../images/designImages/buttons/cwwmNavButton_arrow.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}

/* Banner layout */
.banner {
	height: 420px;
	height: 96px;
	background-color: blue;
	background-color: white;
	background-image: url(../images/contentImages/bgStalker_06.jpg);
	background-image: url(../images/contentImages/africanBusinessWoman_01.jpg);
	background-image: url(../images/contentImages/cwwmBannerImages_05.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.bannerOverlay {
	margin: 0px 0px 0px 0px;
	width: 66%;
	min-width: 240px;
	max-width: 630px;
	background-color: white;
	/*background-color: #475054;
	opacity: 0.5;*/
	background-color: rgba(255,0,0,0.5);
	background-color: rgba(35,42,45,0.8);
	min-height: 96px;
	text-align: left;
}
.bannerOverlay_text {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 40px 24px 40px 24px;
	color: white;
	font-size: 1.1em;
	opacity: 1.0;
}
.summaryContent_all {
	background-image: url(../images/contentImages/cwwmBannerImages_05.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.widthRestriction_overlay {
	max-width: 960px;
	margin: auto;
	display: block;
	position: relative;
	left: 0px;
	top: -96px;
	margin-bottom: -96px;
	width: 960px;
}

/* Content layout 3-column */
.summaryBox_01 {
	width: 33%;
	max-width: 300px;
	min-width: 240px;
	float: left;
	margin-right: 30px;
	margin-bottom: 15px;
	color: white;
	display: block;
	z-index: 9999;
/*position: relative;
left: 0px;
top: 83px;
z-index: 9999;
opacity: 0.9;*/
}
.summaryBox_02 {
	width: 33%;
	max-width: 300px;
	min-width: 240px;
	float: left;
	margin-right: 30px;
	margin-bottom: 15px;
	color: black;
	color: white;
/*position: relative;
left: 0px;
top: 83px;
z-index: 9999;
opacity: 0.9;*/
}
.summaryBox_03 {
	width: 33%;
	max-width: 300px;
	min-width: 240px;
	float: left;
	margin-bottom: 15px;
	color: white;
/*position: relative;
left: 0px;
top: 83px;
z-index: 9999;
opacity: 0.9;*/
}

/* summary box contents */
.summaryHeader_01 {
	padding: 42px 24px 42px 24px;
	text-align: left;
	background-color: navy;
	background-color: #475054;
	background-color: midnightblue;
	background-color: #780606;
	background-color: #0E4F97;
}
.summaryHeader_02 {
	padding: 42px 24px 42px 24px;
	text-align: left;
	background-color: #b2ceeb;
	background-color: #475054;
	background-color: #cfc;
	background-color: #780606;
	background-color: #b1c77a;
	background-color: #8FAB47;
}
.summaryHeader_03 {
	padding: 42px 24px 42px 24px;
	text-align: left;
	background-color: #475054;
	background-color: #780606;
	background-color: black;
}
.summaryText {
	background-color: white;
	color: #5e666a;
	padding: 24px 24px 6px 24px;
	text-align: left;
	min-height: 240px;
	min-height: 273px;
}
.summaryText p, .summaryText_about p, .summaryText_privacy p {
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
}
.summaryText a:link, .summaryText_about a:link, .summaryText_contact a:link, .summaryText_privacy a:link {
	color: #0C417C;
	border-bottom: 1px solid #0E4F97;
	text-decoration: none;
}
.summaryText a:visited, .summaryText_about a:visited, .summaryText_contact a:visited, .summaryText_privacy a:visited {
	color: #5e666a;
	text-decoration: none;
	border-bottom: 1px solid #5e666a;
}
.summaryText a:hover, .summaryText_about a:hover, .summaryText_contact a:hover, .summaryText_privacy a:hover {
	color: #8FAB47;
	border-bottom: 1px solid #8FAB47;
	text-decoration: none;
}
.summaryText a:active, .summaryText_about a:active, .summaryText_contact a:active, .summaryText_privacy a:active {
	color: #780606;
	text-decoration: none;
	border-bottom: 1px solid #780606;
}
.summaryBoxFooter {
	height: 33px;
	background-color: white;
}
.summaryBoxFooterLink_01 {
	height: 33px;
	width: 33px;
	background-color: #ababab;
	background-image: url(../images/designImages/buttons/cwwmSummaryBox_footer_midnightBlue.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	float: right;
	display: block;
}
.summaryBox_01:hover .summaryBoxFooterLink_01 {
	background-color: midnightblue;
	background-image: url(../images/designImages/buttons/cwwmSummaryBox_footer_midnightBlue.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
.summaryBox_01:hover .summaryHeader_01 {
	background-color: midnightblue;
}
.summaryBox_01:hover h3 {
	color: midnightblue;
}
.summaryBox_01:hover {
	/*background-color: midnightblue;*/
}
.summaryBoxFooterLink_02 {
	height: 33px;
	width: 33px;
	background-color: #cfc;
	background-image: url(../images/designImages/buttons/cwwmSummaryBox_footer_lightGreen.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	float: right;
	display: block;
}
.summaryBox_02:hover .summaryBoxFooterLink_02 {
	background-color: #cfc;
	background-image: url(../images/designImages/buttons/cwwmSummaryBox_footer_lightGreen.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
.summaryBox_02:hover .summaryHeader_02 {
	background-color: #659135;
}
.summaryBox_02:hover h3 {
	color: #008C00;
}
.summaryBox_02:hover {
	/*background-color: #cfc;
	background-color: #b1c77a;
	background-color: #659135;
	color: black;
	color: white;*/
}
.summaryBoxFooterLink_03 {
	height: 33px;
	width: 33px;
	background-color: #ababab;
	background-image: url(../images/designImages/buttons/cwwmSummaryBox_footer_black.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	float: right;
	display: block;
}
.summaryBox_03:hover .summaryBoxFooterLink_03 {
	background-color: midnightblue;
	background-image: url(../images/designImages/buttons/cwwmSummaryBox_footer_red.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
.summaryBox_03:hover .summaryHeader_03 {
	background-color: #780606;
}
.summaryBox_03:hover h3 {
	color: black;
}
.summaryBox_03:hover {
	/*background-color: black;
	background-color: #780606;*/
}

/* footer info */

.footer {
	padding: 42px 0px;
	background-color: #283132;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.footer a:link {
	color: #8FAB47;
	border-bottom: 1px solid #8FAB47;
	text-decoration: none;
}
.footer a:visited {
	color: #8FAB47;
	border-bottom: 1px solid #8FAB47;
	text-decoration: none;
}
.footer a:hover {
	color: #ccc;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}
.footer a:active {
	color: #780606;
	text-decoration: none;
	border-bottom: 1px solid #780606;
}
.footerInfo {
	text-align: left;
	font-size: 85%;
	color: #ccc;
	width: 50%;
	float: left;
}
.bottomLinks {
	text-align: right;
	font-size: 90%;
	color: #ccc;
	width: 50%;
	float: left;
}
.clear {
	clear: both;
}
.workWell {
	
}
.liveWell {
	
}
.restWell {
	
}

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

					ABOUT PAGE LAYOUT

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

.contentAbout {
	margin: 33px 0px 33px 0px;
}

.columnText_01 {
	width: 33%;
	max-width: 300px;
	min-width: 240px;
	background-color: transparent;
	float: left;
	margin-right: 30px;
	margin-bottom: 15px;
}
.columnText_02 {
	width: 33%;
	max-width: 300px;
	min-width: 240px;
	float: left;
	margin-right: 30px;
	margin-bottom: 15px;
}
.columnText_03 {
	width: 33%;
	max-width: 300px;
	min-width: 240px;
	float: left;
	margin-bottom: 15px;
}
.summaryText_about {
	background-color: transparent;
	color: #5e666a;
	padding: 24px 0px 6px 0px;
	text-align: left;
	min-height: 240px;
	line-height: 1.5em;
}

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

					CONTACT PAGE LAYOUT

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

.contentContact {
	margin: 33px 0px 33px 0px;
}

.columnText_01_contact {
	width: 33%;
	max-width: 300px;
	min-width: 240px;
	background-color: transparent;
	float: left;
	margin-right: 30px;
	margin-bottom: 15px;
}
.columnText_02_contact {
	width: 66%;
	max-width: 600px;
	min-width: 480px;
	float: left;
	margin-right: 30px;
	margin-bottom: 15px;
}
.summaryText_contact {
	background-color: transparent;
	color: #5e666a;
	padding: 24px 0px 6px 0px;
	text-align: left;
	min-height: 240px;
	line-height: 1.5em;
}
.addressGreen {
	text-transform: uppercase;
	font-size: 95%;
	font-weight: bold;
	color: #3366ff;
	color: #008C00;
}
.addressGray {
	text-transform: uppercase;
	font-size: 85%;
	font-weight: bold;
	color: #3366ff;
	color: #999;
}
.addressGold {
	text-transform: uppercase;
	font-size: 100%;
	font-weight: bold;
	color: #3366ff;
	color: #e4ae4e;
	color: #D89821;
}

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

					PRIVACY PAGE LAYOUT

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

.contentPrivacy {
	margin: 33px 0px 33px 0px;
}

.columnText_01_privacy {
	width: 100%;
	max-width: 960px;
	min-width: 720px;
	background-color: transparent;
	margin-bottom: 15px;
}
.summaryText_privacy {
	background-color: transparent;
	color: #5e666a;
	padding: 24px 0px 6px 0px;
	text-align: left;
	min-height: 240px;
	line-height: 1.5em;
}

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

					IMG LAYOUT

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

img {
}

#banner {
	width: 100%;
	max-width: 845px;
}

.kilikonkaLOGO {
	margin-top: 24px;
}
.placeholder_01 {
	height: 123px;
	background-color: #456a23;
	background-color: #ccc;
	background-color: #eee;
}
.placeholder_02 {
	height: 45px;
	background-color: #456a23;
	background-color: #ccc;
	background-color: #eee;
}

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

					LISTS

********************************************************************/
.ul_v1 {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0;
	margin-bottom: 0px;
}

.li_v1 {
	background-image: url(../images/designImages/bullets/cwwmBullets_box_lightGray.jpg);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 19px;
	padding-top: 0px;
	margin-bottom: 2px;
	margin-top: 0px;
	font-size: 87%;
	font-size: 0.9em;
}

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

					TEXT

********************************************************************/
.logoText {
	color: #e4ae4e;
	color: #D89821;
}
.goldText {
	color: #fe9900;
}
.brownText {
	color: #a73a00;
}
.babyBlueText {
	color: #3366ff;
}
.midnightBlueText {
	color: #3366ff;
	color: midnightblue;
}
.blackText {
	color: black;
}
.redText {
	color: #6e0f2f;
}
.goldText_caps {
	color: #fe9900;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
}
.brownText_caps {
	color: #a73a00;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
}
.babyBlueText_caps {
	color: #3366ff;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
}
.midnightBlueText_caps {
	color: midnightblue;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
}
.blackText_caps {
	color: black;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
}

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

					CONTACT FORM

********************************************************************/
.formHolder {
	
}
fieldset {
	padding: 0px;
	margin: 0px;
	border: none;
}
input {
	float: left;
	width: 186px;
	height: 33px;
	margin: 0px 6px 0px 0px;
	padding: 0px 4px;
	background-color: #e0e0e0;
	background-color: #dadada;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #888;
	font-size: 90%;
}
.inputRight {
	/*float: left;
	width: 182px;
	height: 33px;
	margin: 0px 0px 0px 0px;
	padding: 0px 4px;*/
}
textarea {
	margin: 10px 0px 0px 0px;
	width: 589px;
	height: 158px;
	padding: 4px;
	background-color: #e0e0e0;
	background-color: #dadada;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #888;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 85%;
	line-height: 1.5em;
	background-image: url(../images/designImages/backgrounds/cwwmFormMsgBG.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.submitButtons_holder {
	margin: 33px 0px 24px 0px;
}
input[type="submit"] {
	background-color: #8FAB47;
	color: white;
	cursor: pointer;
}
input[type="submit"]:hover {
	background-color: #659135;
	color: white;
}
input[type="reset"] {
	background-color: #999;
	color: white;
	cursor: pointer;
}
input[type="reset"]:hover {
	background-color: #aaa;
	color: white;
}
.requiredNotice {
	margin: 10px 0px 0px 0px;
	color: #888;
	font-size: 90%;
}