body	{	background-color: #f0f0f0;	margin: 0px;	padding: 0px;	}
body, td, th	{	color: #414141;	font-size: 11px;	font-family: Arial, Helvetica, sans-serif;	}

h1	{	margin: 0px 0px 20px 0px;	font-size: 30px;	}
h2	{	color: #a5a295;	font-size: 17px;	margin: 0px 0px 35px 0px;	padding: 11px 0px 0px 0px;	line-height: 19px;	}

img	{	border: none 0px;	}
a	{	color: #464e6a;	}
a:hover	{	text-decoration: none;	}

#container	{	position: relative;	z-index: 0;	width: 732px;	}

/* ====== block menu class ====== */

.bl-menu	{	padding-right: 25px;	}
.bl-menu td	{	color: #8f8f8f;	font-weight: bold;	font-size: 12px;	}
.bl-menu a, .bl-menu span	{	display: block;	padding-top: 25px;	padding-bottom: 3px;	}
.bl-menu a	{	color: #8f8f8f;	padding-right: 6px;	padding-left: 6px;	text-decoration: none;	}
.bl-menu td:hover a, .bl-menu td.tdhover a, .bl-menu a:hover	{	background-color: #656f1c;	color: #FFFFFF;	}
.bl-menu div	{	position: absolute;	z-index: 3;	background-color: #656f1c;	margin: 0px;	padding: 10px 0px 10px 0px;	visibility: hidden;	}
.bl-menu td:hover div, .bl-menu td.tdhover div	{	visibility: visible;	}
.bl-menu div a	{	background-color: #656f1c;	background-image: url(../images/face/bl-menu-list.gif);	background-position: top left;	background-repeat: no-repeat;	color: #f5f2de;	margin: 0px;	padding: 3px 10px 3px 19px;	font-weight: normal;	font-size: 11px;	white-space: nowrap;	}
.bl-menu div a:hover	{	background-color: #87980c;	background-image: url(../images/face/bl-menu-list-hover.gif);	color: #FFFFFF;	}
.bl-menu div a.active, .bl-menu div a.active:hover	{	background-color: #656f1c;	background-image: url(../images/face/bl-menu-list-active.gif);	color: #f5f2de;	}
.bl-menu div a.active	{	cursor: default;	}

/* ====== block header class ====== */

.bl-header	{	color: #555555;	height: 40px;	font-style: italic;	font-size: 14px;	}
.bl-header span	{	color: #848484;	font-weight: bold;	font-size: 18px;	}
.bl-header .logo	
{
		width: 137px;
	height: 33px;
	margin: 0px 0px 0px 0px;
	
	}
.box-header	{	padding: 20px 25px 0px 0px;	}

/* ====== block body class ====== */

.bl-body	{	background-color: #758309;	background-image: url(../images/face/bl-body-bg.jpg);	color: #fcf8e8;	height: 474px;	font-weight: bold;	font-size: 18px;	}
.box-body	{	background-image: url(../images/face/box-body-bg.gif);	background-position: top right;	background-repeat: no-repeat;	padding: 310px 0px 0px 0px;	}
.bl-body p	{	margin: 0px;	padding-left: 30px;	line-height: 24px;	}
.bl-body a	{	position: relative;	z-index: 1;	color: #ffebc2;	border-bottom: dashed #ffebc2 1px;	text-decoration: none;	cursor: pointer;	}
* html .bl-body a	{	position: relative;	z-index: 0;	color: #ffebc2;	border-bottom: dashed #ffebc2 1px;	text-decoration: none;	cursor: pointer;	}
.bl-body h1	a	{	border-bottom: none;	padding: 0px 10px 0px 30px;	}
.bl-body	a:hover	{	background-color: #535b10;	}
 
 /* ====== block popup class ====== */
 
#elHello, #elCygility, #elDevelop, #elIdeas, #elSolutions	{	position: absolute;	text-align: left;	}

#elHello .boxPopup	{	top: 0px;	left: 5px;	}
#elHello .elPopup img	{	background-image: url(../images/face/elHello.jpg);	}

#elCygility .boxPopup	{	top: 55px;	left: 35px;	}
#elCygility .elPopup img	{	background-image: url(../images/face/elHello.jpg);	}

#elDevelop .boxPopup	{	top: 55px;	left: 105px;	}
#elDevelop .elPopup img	{	background-image: url(../images/face/elDevelop.jpg);	}

#elIdeas .boxPopup	{	top: 55px;	left: 280px;	}
#elIdeas .elPopup img	{	background-image: url(../images/face/elIdeas.jpg);	}

#elSolutions .boxPopup	{	top: 80px;	left: 145px;	}
#elSolutions .elPopup img	{	background-image: url(../images/face/elSolutions.jpg);	}

.boxPopup	{	position: relative;	}
.blPopup	{	position: relative;	z-index: 2;	width: 373px;	height: 293px;	}
.elPopup-bg	{	position: absolute;	z-index: 2;	width: 373px;	height: 293px;	}

.elClose	{	position: relative;	z-index: 2;	padding: 10px 25px 18px 0px;	font-weight: bold;	font-size: 14px;	line-height: 10px;	font-family: Tahoma, Arial, Helvetica, sans-serif;	text-align: right;	}
.elClose a	{	border-bottom: solid #a5a295 1px;	color: #a5a295;	text-decoration: none;	}
.elClose a:hover	{	border-bottom-color: #414141;	color: #414141;	}

.elPopup	{	position: relative;	z-index: 2;	color: #414141;	height: 215px;	padding: 0px 30px 0px 30px;	font-size: 12px;	font-family: Arial, Helvetica, sans-serif;	line-height: 15px;	}
.elPopup img	{	position: relative;	z-index: 2;	float: right;	width: 100px;	height: 90px;	margin: 4px 0px 10px 15px;	}

.elStart	{	position: relative;	z-index: 2;	background-image: url(../images/face/elPopup-txt.gif);	background-position: top  right;	background-repeat: no-repeat;	height: 20px;	margin: 0px 45px 0px 0px;	text-align: right;	}
.elStart img	{	width: 60px;	height: 15px;	}

.elCorner	{	position: relative;	z-index: 2;	left: 55px;	width: 37px;	height: 18px;	}

/* ====== block footer class ====== */

.bl-footer	{	padding: 3px 0px 3px 30px;	font-size: 10px;	}
.bl-footer, .bl-footer a	{	color: #8f8f8f;	text-decoration: none;	}
.bl-footer a:hover	{	text-decoration: underline;	}

/* ------ other class ------ */

.wide	{	width: 100%;	}
.merid	{	height: 100%;	}
.floatRight	{	float: right;	}
.floatLeft	{	float: left;	}
.alignRight	{	text-align: right;	}
.alignLeft	{	text-align: left;	}
.hand	{	cursor: pointer;	}

.blOn	{	display: block;	}
.blOff	{	display: none;	}


/* indent class */

.after5	{	padding-bottom: 5px;	}