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

/**********************  GENERAL SETTINGS *********************/
body { text-align:center;font-family:Arial, Helvetica, sans-serif; color:#FFF; background:#000000 url(../images/bg.jpg) center top repeat-x;padding:0px;margin:0px auto;}
form, p,h1,h2,h3,h4,h5,h6  {margin:0; font-weight:normal; padding:0; font-size: 14px;  }
ul, ol {margin:0; padding:0; list-style:none;}
img {border:0;}
hr {display:none;}

a:link {
color:#FFF;
text-decoration:none;
}

a:hover {
color:#660000;
text-decoration:none;	
}

a:visited {
color:#FFF;
text-decoration:none;	
}
/* titles */

h1 {
margin:25px 0px 15px 0px;
font:26px Arial, Helvetica, sans-serif;
color:#ffffff;
}

h2 {
margin:15px 0px 10px 0px;
font:20px helvetica, arial, times;
color:#fc8146;
}

p {
	
margin:5px 0px 15px 10px;
font:20px Arial, Helvetica, sans-serif;
color:#808080;	
	
	
}
	
/*********************************************/

#container {
margin: 0 auto;
padding:0px;
width:960px;
}

/* Main Header with menu*/

#header {
width:960px;
position:relative;
height:100px;
background:url(../images/header-bck.jpg) center top no-repeat;
}

#logo {
width:169px;
height:42px;
margin-top:48px;
padding-left:20px;
float:left;
overflow:visible;
}

#contact {
width:300px;
height:30px;
color:#FFFFFF;
font:12px Arial, Helvetica, sans-serif;
line-height:18px;
font-weight:bold;
float:right;
margin:4px 16px 0px 0px;
text-align:right;
}


#main {
width:720px;
height:300px;
padding-left:240px;
text-align:left;
float:left;
z-index:1;
background:#000000;
}

#main-front {
width:960px;
height:500px;
float:left;
background:#000000;
z-index:1;
background:url(../images/login-back.jpg) center top no-repeat;
	
}

#main2 {
width:960px;
text-align:left;
z-index:1;	
background:#000000;
padding-bottom:10px;
float:left;
min-height:500px;
}

#main2 .left {
width:460px;
padding:10px;
padding-left:20px;
float:left;
}
#main2 .left-video {
width:440px;
padding:10px;
padding-left:20px;
float:left;
}

#main2 .right {
width:440px;
padding:10px;
float:right;	
}

#main2 .right2 {
width:480px;
padding:0px;
float:right;	
}

#main2 .one {
width:28%;
padding:1%;
float:left;
}

#main2 .two {
width:28%px;
padding:1%;
float:left;
}

#main2 .three {
width:44%;
padding:1%;
float:left;	
}





#main2  p {
	font:13px bold Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height:24px;
	margin-bottom:20px;
	margin-left:10px;
}

#main2 li {
	font:13px bold Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin-top:10px;
	margin-bottom:14px;
	margin-left:26px;
	list-style:inside square;
	line-height:24px;
}

#main2 ul li ul {
	font:15px Arial, Helvetica, sans-serif;
	color:#000000;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	list-style:inside square;
}


#group {
background: url(../images/horizmenu-bck.png) center bottom no-repeat;
width:960px;
float:left;
height:175px;
z-index:100;
	
}

#gropumenu {
width:160px;
height:175px;
float:right;
margin-top:0px;
	
}


/* Image Main Menu */


ul#gradient-menu {
	width: 700px;
	list-style: none;
	float:left;
	margin-top:25px;
	padding-left:60px;
	height:41px;
}

ul#gradient-menu li { display: inline; }
	
ul#gradient-menu li a {
	display: block; float: left; height: 41px;
	background-image:url(../images/gradient-menu.jpg); text-indent: -9999px;
}

	ul#gradient-menu li a.why {
		width: 103px; background-position: -48px 0;	
	}
	
	ul#gradient-menu li a.serv {
		width: 136px; background-position: -166px 0;	margin-left:18px;
	}
	
	ul#gradient-menu li a.tech {
		width: 87px; background-position: -319px 0;	margin-left:18px;
	}
	
	ul#gradient-menu li a.comp {
		width: 104px; background-position: -423px 0;margin-left:18px;	
	}
	
	ul#gradient-menu li a.edu {
		width: 80px; background-position: -543px 0;	margin-left:18px;
	}
	
	ul#gradient-menu li a.pros {
		width: 90px; background-position: -639px 0;	margin-left:18px;
	}
	
	
	
	ul#gradient-menu li a.why:hover, ul#gradient-menu li a.why:focus {
		background-position: -48px -41px;	
	}
	
	ul#gradient-menu li a.serv:hover, ul#gradient-menu li a.serv:focus {
		background-position: -166px -41px;	
	}
	
	ul#gradient-menu li a.tech:hover, ul#gradient-menu li a.tech:focus {
		background-position: -319px -41px;	
	}
	
	ul#gradient-menu li a.comp:hover, ul#gradient-menu li a.comp:focus {
		background-position: -423px -41px;	
	}
	
	ul#gradient-menu li a.edu:hover, ul#gradient-menu li a.edu:focus {
		background-position: -543px -41px;	
	}
	ul#gradient-menu li a.pros:hover, ul#gradient-menu li a.pros:focus {
		background-position: -639px -41px;	
	}
	


/* bottom menu */


	h3{ margin:60px 10px 0 10px; color:#660000; font:12pt Arial, sans-serif; font-weight: normal;  }
			
			.boxgrid{ 
				width: 160px; 
				height: 175px;  
				float:left; 
				overflow: hidden;
				position: relative;
				z-index:1000;
				
			}
				.boxgrid img{ 
					position: absolute; 
					top:0px; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
	
			.boxcaption1{ 
				position:absolute;
				background: #000; 
				background: url(../images/menu/btm6.png) center top no-repeat;
				height: 175px; 
				width: 160px;
				left:0px;
				top:175px;
 			}
			
			.boxcaption2{
	position:absolute;
	background: #000;
	background: url(../images/menu/btm5.png) center top no-repeat;
	height: 175px;
	width: 160px;
	left:-12px;
	top:174px;
 			}
			
			.boxcaption3{ 
			
				position:absolute;
				background: #000; 
				background: url(../images/menu/btm4.png) center top no-repeat;
				height: 175px; 
				width: 160px;
				left:0px;
				top:175px;
 			}
			
			.boxcaption4{ 
			
				position:absolute;
				background: #000; 
				background: url(../images/menu/btm3.png) center top no-repeat;				
				height: 175px; 
				width: 160px;
				left:0px;
				top:175px;
 			}
			
			.boxcaption5{ 
			position:absolute;
				background: #000; 
						background: url(../images/menu/btm2.png) center top no-repeat;;
				height: 175px; 
				width: 160px;
				left:0px;
				top:175px;
 			}
				.boxcaption6{ 
				position:absolute;
				background: #000; 
				background: url(../images/menu/btm1.png) center top no-repeat;
				height: 175px; 
				width: 160px;
				left:0px;
				top:175px;
 			}