/* Feature Area
================================== */


.featureArea{position:relative;top:16px;height:270px;}

.featureArea .j1{position:absolute;top:0px; height:270px; width:426px; margin-left:45px;}

.featureArea .j2{position:absolute;top:0px;right:0px; height:134px; width:252px; margin-right:45px;}

.featureArea .j3{position:absolute;right:0px;top:134px; height:134px; width: 252px; margin-right:45px;}
.featureArea .j4{position:absolute;right:0px;top:270px; height:298px; width: 236px; margin-right:45px;}

/* Feature Area
================================== */

/* Javascript Area
================================== */

.menu-container
{
	position:relative;
}
.menu {
	clear:left;
	float:left;
	width: 459px;
	font: small Arial, Helvetica, sans-serif;
	margin-left: 45px;
	margin-top: 16px;
	background-image:url(/images/homepage/textback6.png);
	background-repeat:no-repeat;
	height: 298px;
}

.menutraining {
	clear:left;
	float:left;
	width: 400px;
	font: small Arial, Helvetica, sans-serif;
	margin-left: 10px;
	background-repeat:no-repeat;
	height: 300px;
}

.position0 
{
	position:absolute;
	left: 30px;
	top: 25px;
	z-index: 10;
	font-weight: bold;
	color: #999;
	width: 91px;
	
}
.position1
{
	position:absolute;
	left: 31px;
	top: 60px;
	z-index: 10;
	color: #999;
	font-weight: bold;	
}

.position2 
{
	position:absolute;
	left: 30px;
	top: 95px;
	z-index: 10;
	font-weight: bold;
	color: #999;
	width: 113px;
}

.position3
{
	position:absolute;
	left: 30px;
	top: 130px;
	z-index: 10;
	font-weight: bold;
	color: #999;
}

.position4
{
	position:absolute;
	left: 30px;
	top: 165px;
	z-index: 10;
	font-weight: bold;
	color: #999;
	width: 116px;
}

.position5
{
	position:absolute;
	left: 30px;
	top: 200px;
	z-index: 10;
	font-weight: bold;
	color: #999;
}

.position6
{
	position:absolute;
	left: 30px;
	top: 235px;
	z-index: 10;
	font-weight: bold;
	color: #999;
	}

.position7
{
	position:absolute;
	left: 30px;
	top: 270px;
	z-index: 10;
	font-weight: bold;
	color: #999;
}

.position8
{
	position:absolute;
	left: 30px;
	top: 305px;
	z-index: 10;
	font-weight: bold;
	color: #999;
}

.position9
{
	position:absolute;
	left: 30px;
	top: 340px;
	z-index: 10;
	font-weight: bold;
	color: #999;
}

.video-position0 
{
	position:absolute;
	left: 30px;
	top: 25px;
	z-index: 10;
	font-weight: bold;
	color: #999;
	width: 91px;
	
}
.video-position1
{
	position:absolute;
	left: 31px;
	top: 100px;
	z-index: 10;
	color: #999;
	font-weight: bold;
	width: 95px;	
}

.video-position2 
{
	position:absolute;
	left: 30px;
	top: 160px;
	z-index: 10;
	font-weight: bold;
	color: #999;
	width: 123px;
}

.video-position3
{
	position:absolute;
	left: 30px;
	top: 220px;
	z-index: 10;
	font-weight: bold;
	color: #999;
}

.video-position4
{
	position:absolute;
	left: 30px;
	top: 270px;
	z-index: 10;
	font-weight: bold;
	color: #999;
	width: 116px;
}

.video-position5
{
	position:absolute;
	left: 30px;
	top: 240px;
	z-index: 10; 
	font-weight: bold;
	color: #999;
}

.video-position6
{
	position:absolute;
	left: 30px;
	top: 235px;
	z-index: 10;
	font-weight: bold;
	color: #999;
	}

.video-position7
{
	position:absolute;
	left: 30px;
	top: 270px;
	z-index: 10;
	font-weight: bold;
	color: #999;
}

.video-position8
{
	position:absolute;
	left: 30px;
	top: 305px;
	z-index: 10;
	font-weight: bold;
	color: #999;
}

.video-position9
{
	position:absolute;
	left: 30px;
	top: 340px;
	z-index: 10;
	font-weight: bold;
	color: #999;
}

.position0 a:hover, .position1 a:hover, .position2 a:hover, .position3 a:hover, .position4 a:hover, .position5 a:hover, .position6 a:hover, .position7 a:hover, .position8 a:hover, .position9 a:hover
{
	color: #999;
}

.position0 a, .position1 a, .position2 a, .position3 a, .position4 a, .position5 a, .position6 a, .position7 a, .position8 a, .position9 a
{
	color: #999;
	text-decoration: none;
}
.video-position0 a:hover, .video-position1 a:hover, .video-position2 a:hover, .video-position3 a:hover, .video-position4 a:hover, .video-position5 a:hover, .video-position6 a:hover, .video-position7 a:hover, .video-position8 a:hover, .video-position9 a:hover
{
	color: #999;
}

.video-position0 a, .video-position1 a, .video-position2 a, .video-position3 a, .video-position4 a, .video-position5 a, .video-position6 a, .video-position7 a, .video-position8 a, .video-position9 a
{
	color: #999;
	text-decoration: none;
}

.video-service-description {font-size:x-small; 
                            color:#000000;
							font-weight:normal;
							line-height:normal;
							font-family:Arial, Helvetica, sans-serif;

}

.panel
{
	position:absolute;
	left:170px;
	top:25px;
	z-index: 1;
	background-color:#ffffff;
	color:#000000;
	font:small Arial, Helvetica, sans-serif;
	visibility:hidden;
	width: 290px;
}

.panel ul	{
	position:relative;
	padding-left: 15px;
	color:#999; 
	padding-bottom:10px;
}

.panel li{margin-bottom:4px;}

.panel li span{color:#999;} 

.panel li.desc a{font-weight:normal;color:#3366cc;text-decoration:none;}

/* Java Script Menu
================================== */

/* Footer Home Page
================================== */

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	letter-spacing: 1.2px;
	font-weight:bold;
	 	width: 350px;
		margin-left: 210px;
		text-align:center;
		margin-top:30px;
		}

.footer a {
	color:#666;
	text-align:center;
	
}

.footer a:hover {
	color: #999;
}



/* Footer Home Page
================================== */

.clear {
	clear:both;
}
