/*BUILDING */

#sddm
{	margin: 0; padding: 0; z-index: 1 }

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 0.7em  Arial, Helvetica, sans-serif;
	width: 20%;}

#sddm li a
{
	display: block;
	height: 38px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #565A5C;
	background-image: url(../nav/bg-but01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border: solid #BFC0C1;
	border-width: 0 0 0 1px;
	margin: 0;
	padding: 0;
}

#sddm li a:hover
{	background: #E81E75;
	background-image: url(../nav/bg-but01.gif);
	background-repeat: repeat-x;
	background-position: top;}

#sddm div
{	position: absolute;
	top:122px;
	_top:110px; /*For IE ! */
	right:100px;
	_right:40px; /*For IE ! */
	visibility: hidden;
	margin: 0;
	padding: 8px 20px 8px 20px;
	color:#000;
	border: solid #E81E75;
	border-width: 0 0 7px 0;
	background-color: #B7B7B7;
	font: 1.5em  Arial, Helvetica, sans-serif;
	white-space: nowrap;
	width: auto;
	}

	#sddm div a
{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #E81E75;
		color: #FFF;
		font: 1.4em  Arial, Helvetica, sans-serif;
		height: 12px;
		width: auto;
		min-width: 125px;}

	#sddm div a:hover
	{	background: #165757;
		color: #FFF}

/*BUILDING B */

#sddm-b
{	margin: 0; padding: 0; z-index: 1 }

#sddm-b li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 0.7em  Arial, Helvetica, sans-serif;
	width: 20%;}

#sddm-b li a
{
	display: block;
	height: 38px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #565A5C;
	background-image: url(../nav/bg-but01.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: solid #BFC0C1;
	border-width: 0 0 0 1px;
	margin: 0;
	padding: 0;
}

#sddm-b li a:hover
{	background: #E81E75;
	background-image: url(../nav/bg-but01.gif);
	background-repeat: repeat-x;
	background-position: top;}

#sddm-b div
{	position: absolute;
	top:122px;
	_top:110px; /*For IE ! */
	right:100px;
	_right:40px; /*For IE ! */
	visibility: hidden;
	margin: 0;
	padding: 8px 20px 8px 20px;
	color:#000;
	border: solid #E81E75;
	border-width: 0 0 7px 0;
	background-color: #B7B7B7;
	font: 1.5em  Arial, Helvetica, sans-serif;
	white-space: nowrap;
	width: auto;
	}

	#sddm-b div a
{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #E81E75;
		color: #FFF;
		font: 1.4em  Arial, Helvetica, sans-serif;
		height: 12px;
		width: auto;
		min-width: 125px;}

	#sddm-b div a:hover
	{	background: #165757;
		color: #FFF}

/*ENERGY */

#sddm2
{	margin: 0; padding: 0; z-index: 2}

#sddm2 li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 0.7em  Arial, Helvetica, sans-serif;
	width: 20%;}

#sddm2 li a
{
	display: block;
	height: 38px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #565A5C;
	background-image: url(../nav/bg-but02.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border: solid #BFC0C1;
	border-width: 0 1px 0 1px;
	margin: 0;
	padding: 0;
}

#sddm2 li a:hover
{	background: #00AED8;
	background-image: url(../nav/bg-but02.gif);
	background-repeat: repeat-x;
	background-position: top;}

#sddm2 div
{	position: absolute;
	top:122px;
	_top:110px; /*For IE ! */
	right:100px;
	_right:40px; /*For IE ! */
	visibility: hidden;
	margin: 0;
	padding: 8px 20px 8px 20px;
	color:#000;
	border: solid #00AED8;
	border-width: 0 0 7px 0;
	background-color: #B7B7B7;
	font: 1.5em  Arial, Helvetica, sans-serif;
	white-space: nowrap;
	width: auto;}

	#sddm2 div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #B55857;
		color: #FFF;
		font: 11px arial;
		height: 12px;
		width: auto;
		min-width: 125px;}

	#sddm2 div a:hover
	{	background: #862928;
		color: #FFF}

/*ENERGY -B*/

#sddm2-b
{	margin: 0; padding: 0; z-index: 2}

#sddm2-b li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 0.7em  Arial, Helvetica, sans-serif;
	width: 20%;}

#sddm2-b li a
{
	display: block;
	height: 38px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #565A5C;
	background-image: url(../nav/bg-but02.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: solid #BFC0C1;
	border-width: 0 1px 0 1px;
	margin: 0;
	padding: 0;
}

#sddm2-b li a:hover
{	background: #00AED8;
	background-image: url(../nav/bg-but02.gif);
	background-repeat: repeat-x;
	background-position: top;}

#sddm2-b div
{	position: absolute;
	top:122px;
	_top:110px; /*For IE ! */
	right:100px;
	_right:40px; /*For IE ! */
	visibility: hidden;
	margin: 0;
	padding: 8px 20px 8px 20px;
	color:#000;
	border: solid #00AED8;
	border-width: 0 0 7px 0;
	background-color: #B7B7B7;
	font: 1.5em  Arial, Helvetica, sans-serif;
	white-space: nowrap;
	width: auto;}

	#sddm2-b div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #B55857;
		color: #FFF;
		font: 11px arial;
		height: 12px;
		width: auto;
		min-width: 125px;}

	#sddm2-b div a:hover
	{	background: #862928;
		color: #FFF}


/*EXAMPLES*/


#sddm3
{	margin: 0; padding: 0; z-index: 3}

#sddm3 li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 0.7em  Arial, Helvetica, sans-serif;
	width: 20%;}

#sddm3 li a
{
	display: block;
	height: 38px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #565A5C;
	background-image: url(../nav/bg-but03.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border: solid #BFC0C1;
	border-width: 0 1px 0 0;
	margin: 0;
	padding: 0;
}

#sddm3 li a:hover
{	background: #8CC640;
	background-image: url(../nav/bg-but03.gif);
	background-repeat: repeat-x;
	background-position: top;}

#sddm3 div
{	position: absolute;
	top:122px;
	_top:110px; /*For IE ! */
	right:100px;
	_right:40px; /*For IE ! */
	visibility: hidden;
	margin: 0;
	padding: 8px 20px 8px 20px;
	color:#000;
	border: solid #A9D470;
	border-width: 0 0 7px 0;
	background-color: #B7B7B7;
	font: 1.5em  Arial, Helvetica, sans-serif;
	white-space: nowrap;
	width: auto;}

	#sddm3 div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #89A663;
		color: #FFF;
		font: 11px arial;
		height: 12px;
		width: auto;
		min-width: 125px;}

	#sddm3 div a:hover
	{	background: #608141;
		color: #FFF}

/*EXAMPLES -B*/

#sddm3-b
{	margin: 0; padding: 0; z-index: 3}

#sddm3-b li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 0.7em  Arial, Helvetica, sans-serif;
	width: 20%;}

#sddm3-b li a
{
	display: block;
	height: 38px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #565A5C;
	background-image: url(../nav/bg-but03.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: solid #BFC0C1;
	border-width: 0 1px 0 0;
	margin: 0;
	padding: 0;
}

#sddm3-b li a:hover
{	background: #8CC640;
	background-image: url(../nav/bg-but03.gif);
	background-repeat: repeat-x;
	background-position: top;}

#sddm3-b div
{	position: absolute;
	top:122px;
	_top:110px; /*For IE ! */
	right:100px;
	_right:40px; /*For IE ! */
	visibility: hidden;
	margin: 0;
	padding: 8px 20px 8px 20px;
	color:#000;
	border: solid #A9D470;
	border-width: 0 0 7px 0;
	background-color: #B7B7B7;
	font: 1.5em  Arial, Helvetica, sans-serif;
	white-space: nowrap;
	width: auto;}

	#sddm3-b div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #89A663;
		color: #FFF;
		font: 11px arial;
		height: 12px;
		width: auto;
		min-width: 125px;}

	#sddm3-b div a:hover
	{	background: #608141;
		color: #FFF}


/*SKILLS */

#sddm4
{	margin: 0; padding: 0; z-index: 34}

#sddm4 li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 0.7em  Arial, Helvetica, sans-serif;
	width: 20%;}

#sddm4 li a
{
	display: block;
	height: 38px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #565A5C;
	background-image: url(../nav/bg-but04.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border: solid #BFC0C1;
	border-width: 0 1px 0 0;
	margin: 0;
	padding: 0;
}

#sddm4 li a:hover
{	background: #D5BC20;
	background-image: url(../nav/bg-but04.gif);
	background-repeat: repeat-x;
	background-position: top;}

#sddm4 div
{	position: absolute;
	top:122px;
	_top:110px; /*For IE ! */
	right:100px;
	_right:40px; /*For IE ! */
	visibility: hidden;
	margin: 0;
	padding: 8px 20px 8px 20px;
	color:#000;
	border: solid #D5BC20;
	border-width: 0 0 7px 0;
	background-color: #B7B7B7;
	font: 1.5em  Arial, Helvetica, sans-serif;
	white-space: nowrap;
	width: auto;}

	#sddm4 div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #C6A532;
		color: #FFF;
		font: 11px arial;
		height: 12px;
		width: auto;
		min-width: 145px;}

	#sddm4 div a:hover
	{	background: #B07A27;
		color: #FFF}

/*SKILLS -B*/

#sddm4-b
{	margin: 0; padding: 0; z-index: 34}

#sddm4-b li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 0.7em  Arial, Helvetica, sans-serif;
	width: 20%;}

#sddm4-b li a
{
	display: block;
	height: 38px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #565A5C;
	background-image: url(../nav/bg-but04.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: solid #BFC0C1;
	border-width: 0 1px 0 0;
	margin: 0;
	padding: 0;
}

#sddm4-b li a:hover
{	background: #D5BC20;
	background-image: url(../nav/bg-but04.gif);
	background-repeat: repeat-x;
	background-position: top;}

#sddm4-b div
{	position: absolute;
	top:122px;
	_top:110px; /*For IE ! */
	right:100px;
	_right:40px; /*For IE ! */
	visibility: hidden;
	margin: 0;
	padding: 8px 20px 8px 20px;
	color:#000;
	border: solid #D5BC20;
	border-width: 0 0 7px 0;
	background-color: #B7B7B7;
	font: 1.5em  Arial, Helvetica, sans-serif;
	white-space: nowrap;
	width: auto;}

	#sddm4-b div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #C6A532;
		color: #FFF;
		font: 11px arial;
		height: 12px;
		width: auto;
		min-width: 145px;}

	#sddm4-b div a:hover
	{	background: #B07A27;
		color: #FFF}


/*CONSUMER */

#sddm5
{	margin: 0; padding: 0; z-index: 5}

#sddm5 li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 0.7em  Arial, Helvetica, sans-serif;
	width: 20%;}

#sddm5 li a
{
	display: block;
	height: 38px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #565A5C;
	background-image: url(../nav/bg-but05.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border: solid #BFC0C1;
	border-width: 0 1px 0 0;
	margin: 0;
	padding: 0;
}

#sddm5 li a:hover
{	background: #816BCE;
	background-image: url(../nav/bg-but05.gif);
	background-repeat: repeat-x;
	background-position: top;}

#sddm5 div
{	position: absolute;
	top:122px;
	_top:110px; /*For IE ! */
	right:100px;
	_right:40px; /*For IE ! */
	visibility: hidden;
	margin: 0;
	padding: 8px 20px 8px 20px;
	color:#000;
	border: solid #816BCE;
	border-width: 0 0 7px 0;
	background-color: #B7B7B7;
	font: 1.5em  Arial, Helvetica, sans-serif;
	white-space: nowrap;
	width: auto;}

	#sddm5 div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #C6A532;
		color: #FFF;
		font: 11px arial;
		height: 12px;
		width: auto;
		min-width: 145px;}

	#sddm5 div a:hover
	{	background: #B07A27;
		color: #FFF}

/*CONSUMER -B*/

#sddm5-b
{	margin: 0; padding: 0; z-index: 5}

#sddm5-b li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 0.7em  Arial, Helvetica, sans-serif;
	width: 20%;}

#sddm5-b li a
{
	display: block;
	height: 38px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #565A5C;
	background-image: url(../nav/bg-but05.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: solid #BFC0C1;
	border-width: 0 1px 0 0;
	margin: 0;
	padding: 0;
}

#sddm5-b li a:hover
{	background: #816BCE;
	background-image: url(../nav/bg-but05.gif);
	background-repeat: repeat-x;
	background-position: top;}

#sddm5-b div
{	position: absolute;
	top:122px;
	_top:110px; /*For IE ! */
	right:100px;
	_right:40px; /*For IE ! */
	visibility: hidden;
	margin: 0;
	padding: 8px 20px 8px 20px;
	color:#000;
	border: solid #816BCE;
	border-width: 0 0 7px 0;
	background-color: #B7B7B7;
	font: 1.5em  Arial, Helvetica, sans-serif;
	white-space: nowrap;
	width: auto;}

	#sddm5-b div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #C6A532;
		color: #FFF;
		font: 11px arial;
		height: 12px;
		width: auto;
		min-width: 145px;}

	#sddm5-b div a:hover
	{	background: #B07A27;
		color: #FFF}