/***************************************************************************************/
/********************************** KEPOWER STYLESHEET *********************************/
/***************************************************************************************/




/*************************************** GENERAL ***************************************/

body
{
	margin: 0;
	background-color: #eeeeee;
	font: normal 0.85em Tahoma;
	color: #777777;
}

h1
{
	margin: 0;
	padding-bottom: 14px;
	font: normal 1.9em Tahoma;
	color: #0072ff;
}

h2
{
	margin: 0;
	padding: 25px 0 10px 0;
	font: normal 1.8em Tahoma;
	color: #0072ff;
}

h3
{
	margin: 0;
	padding: 20px 0 10px 0;
	font: normal 1.5em Tahoma;
	border-bottom: 1px solid #dddddd;
	color: #555555;
}

h4
{
	margin: 0;
	padding: 10px 0;
	font: normal 1.3em Tahoma;
	color: #555555;
}

p
{
	margin: 0;
	padding: 10px 0;
	text-align: justify;
}

img { border: none; }

a
{
	text-decoration: none;
	color: #0072ff;
}

a:hover { color: #ff0000; }

em
{
	font-style: normal;
	font-weight: bold;
}

.clearAll
{
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
}

.strong
{
	font-weight: bold;
}

.strong_blue
{
	font-weight: bold;
	color: #1573f4;
}

.strong_red
{
	font-weight: bold;
	color: #db0000;
}

.errorMessage
{
	color: #ff0000;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	padding-left: 40px;
	margin-bottom: 18px;
	background: url(../../general/iconError.gif) no-repeat;
}

.box
{
	width: 205px;
	margin-bottom: 15px;
}

.boxContent
{
	background: url(../../general/boxBg.gif) repeat-y;
	padding: 0 16px;
}

.boxTop
{
	background: url(../../general/boxTop.gif) no-repeat;
	height: 10px;
	font-size: 1px;
	line-height: 1px;
}

.boxBottom
{
	background: url(../../general/boxBottom.gif) no-repeat;
	height: 10px;
	font-size: 1px;
	line-height: 1px;
}

.boxTopSayings
{
	background: url(../../general/titleCustomerSayings.gif) no-repeat;
	height: 36px;
}

.boxBig
{
	width: 700px;
	margin-bottom: 10px;
}

.boxBigContent
{
	background: url(../../general/boxBigBg.gif) repeat-y;
	padding: 0 16px;
}

.boxBigTop
{
	background: url(../../general/boxBigTop.gif) no-repeat;
	height: 10px;
	font-size: 1px;
	line-height: 1px;
}

.boxBigBottom
{
	background: url(../../general/boxBigBottom.gif) no-repeat;
	height: 10px;
	font-size: 1px;
	line-height: 1px;
}

.boxPartners
{
	margin-bottom: 15px;
	background: url(../../general/titleCustomerSpotlight.gif) no-repeat;
	padding-top: 50px;
}

.easySteps
{
	background: url(../../general/picHappy.jpg) no-repeat top right;
	height: 170px;
	margin: 20px 0;
	padding: 20px 30px;
}

.keFeatures
{
	margin: 10px 0 10px 40px;
	padding: 0;
	list-style-image: url(../../general/iconOk.gif);
	line-height: 1.7em;	
}

.leftFeatures
{
	float: left;
	padding: 20px 30px;
	width: 270px;
}

.rightFeatures
{
	float: right;
	padding: 20px 30px;
	width: 270px;
}

.features
{
	margin: 0 0 0 16px;
	padding: 0;
	list-style-image: url(../../general/arrowFeatures.gif);
}

.randomFont1 { color: #999999; font-size: 0.85em; }
.randomFont2 { color: #999999; font-size: 1em; font-weight: bold; }
.randomFont3 { color: #999999; font-size: 1.15em; }
.randomFont4 { color: #999999; font-size: 1.3em; }

.faq
{
	margin: 10px 0;
}

.faqQuestion
{
	font-size: 1.3em;
	outline: none;
}

.faqAnswer
{
	margin: 5px 0 0 20px;
	padding: 0 15px;
	border: 1px solid #dddddd;
}

.keMission
{
	background: url(../../general/iconMission.gif) no-repeat 5px 10px;
	padding: 10px 10px 10px 90px;
	text-align: justify;
	border: 1px dotted #cccccc;
}




/**************************************** BOXES ****************************************/

#container
{
	background: #ffffff url(../../general/bgMain.gif) repeat-x;
}

#header
{
	width: 961px;
	margin: 0 auto;
	position: relative;
}

#logo
{
	position: absolute;
	top: 16px;
	left: 0px;
}

#photoMain
{
	height: 160px;
	padding: 8px 0;
	position: relative;
}

.picTop1 { background: url(../../general/photoTop1.jpg) no-repeat 0 8px; }
.picTop2 { background: url(../../general/photoTop2.jpg) no-repeat 0 8px; }
.picTop3 { background: url(../../general/photoTop3.jpg) no-repeat 0 8px; }

#call
{
	position: absolute;
	top: 13px;
	left: 461px;
}

#see
{
	position: absolute;
	top: 13px;
	left: 711px;
}

#skype
{
	position: absolute;
	top: 60px;
	left: 461px;
}

#register
{
	position: absolute;
	top: 60px;
	left: 711px;
}

#email
{
	position: absolute;
	top: 107px;
	left: 461px;
}

#signup
{
	position: absolute;
	top: 107px;
	left: 711px;
}

#contentHolder
{
	width: 933px;
	margin: 0 auto;
	padding: 24px 14px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	background: url(../../general/bgContent.gif) no-repeat;
}

#sidebar
{
	float: right;
	width: 205px;
	padding: 46px 0 10px 20px;
}

#content
{
	float: right;
	width: 700px;
}

#footerHolder
{
	width: 100%;
	height: 115px;
	background: url(../../general/bgFooter.gif) repeat-x;
}

#footer
{
	width: 961px;
	margin: 0 auto;
	padding-top: 20px;
}

#copyright
{
	float: right;
	text-align: right;
}




/************************************** NAV MAIN ***************************************/

#navMain
{
	height: 97px;
	text-align: right;
}

#navMain ul
{
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
	padding-top: 36px;
}

#navMain li
{
	float: left;
	height: 28px;
	font-weight: bold;
}

#navMain a
{
	float: left;
	padding: 0 15px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	color: #666666;
}

#navMain a:hover
{
	color: #e40000;
}

#navMain span
{
	float: left;
	padding: 0 15px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #ffffff;
	background: url(../../general/bgNavMainEnd.gif) no-repeat right;
}

#navMain li.selected
{
	background: url(../../general/bgNavMain.gif) no-repeat;
}




/************************************* NAV GROUP ***************************************/

#navGroup
{
	margin: 0;
	padding-bottom: 16px;
}

#navGroup ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#navGroup li
{
	display: inline;
	padding-right: 20px;
}

#navGroup a
{
	padding-left: 12px;
	background: url(../../general/arrowFeatures.gif) left center no-repeat;
	font: bold 1.1em/1.8em Tahoma;
}

#navGroup span
{
	padding-left: 12px;
	background: url(../../general/arrowFeatures.gif) left center no-repeat;
	line-height: 30px;
	font: bold 1.1em/1.8em Tahoma;
}

/************************************* NAV DOCUMENTATION ***************************************/

.dcmSelected
{
	color: #666666;	
}


/************************************* NAV FOOTER **************************************/

#footer ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer li
{
	float: left;
	padding: 0 8px;
	line-height: 0.9em;
	border-left: 1px solid #666666;
}

#footer li.first { border-left: none; }

#footer a
{
	font: bold 0.9em/0.9em Tahoma;
	text-decoration: none;
	color: #666666;
}

#footer a:hover
{
	color: #e40000;
}



/**************************************** FORMS ****************************************/

form
{
	margin: 0;
	padding: 0;
}

.formHolder
{
	width: 500px;
	margin: 20px auto;
}

.formButtons
{
	clear: left;
	padding: 20px 0 10px 0;
	background: url(../../general/dividerH.gif) repeat-x 0 10px;
}

.formNotes
{
	font-size: 0.9em;
	margin: 10px 0;
}

.formPostMessage
{
	text-align: center;
	width: 500px;
	margin: 20px auto;
}

.formField, .formSelect, .formTextarea
{
	float: left;
	font: normal 14px/22px Tahoma;
	color: #666666;
	border: 1px solid #cccccc;
	background-color: #efefef;
	margin: 2px 10px 2px 2px;
}

.formField
{
	width: 210px;
	height: 22px;
}

.wide { width: 554px; }

.formSelect
{
	width: 210px;
}

.formTextarea
{
	width: 350px;
	height: 120px;
}

form br { clear: left; }

form label
{
	float: left;
	width: 120px;
	line-height: 28px;
}



#searchForm
{
	margin: 0;
	padding: 10px;
	height: 73px;
	background: url(../../general/bgSearch.gif) no-repeat;
}

#searchForm span
{
	display: block;
	font: normal 1.4em Tahoma;
	color: #ffffff;
	margin-bottom: 8px;
}

#searchForm div
{
	margin-top: 10px;
	height: 25px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

.searchField
{
	float: left;
	width: 148px;
	height: 20px;
	font: normal 14px/20px Tahoma;
	color: #666666;
	border: 1px solid #ffffff;
	background-color: #ffffff;
}

.searchButton
{
	float: left;
}

.searchResults ul
{
	margin: 10px 0 10px 25px;
	padding: 0;
	list-style: none;
	border-top: 1px dashed #dddddd;
}

.searchResults li
{
	border-bottom: 1px dashed #dddddd;
	padding: 7px 0;
}





/*************************************** MODULES ***************************************/

#modulesList
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#modulesList li
{
	float: left;
	padding: 0 50px 0 30px;
}

#modulesList a
{
	float: left;
	width: 220px;
	padding: 5px 15px;
	background: url(../../general/arrowFeatures.gif) no-repeat left center;
	border-bottom: 1px dotted #dddddd;
}

#modulesListSideBar
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#modulesListSideBar li
{
	float: left;
	padding: 0 0px 0 0px;
}

#modulesListSideBar a
{
	float: left;
	width: 175px;
	padding: 5px 15px;
	background: url(../../general/arrowFeatures.gif) no-repeat left center;
	border-bottom: 1px dotted #dddddd;
}

#screenshots
{
}

.screenshot
{
	margin: 10px;
	border: 5px solid #dddddd;
}

.screenshot:hover
{
	border-color: #999999;
}

.modulesTitle
{
	height: 30px;
	background: url(../../general/bgModulesTitle.gif) no-repeat;
	padding-left: 10px;
	line-height: 30px;
	font-weight: bold;
}

.modulesTitleLink
{
	float: left;
	height: 30px;
	background: url(../../general/bgModulesLink.gif) no-repeat right;
	padding: 0 20px 0 10px;
}

.modulesTitleSelected
{
	float: left;
	height: 30px;
	background: url(../../general/bgModulesSelected.gif) no-repeat right;
	padding: 0 20px 0 10px;
	color: #333333;
}