/* CSS Document */
/*styles for the background DIV (placement of the menu bar, etc)*/
/*styles for the div bar that the main links are inside (the top bar)*/

#menu {
	position: absolute;
	top: 72px;
	width: 768px;
	height: 33px;
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
	z-index: 9000;
}



#submenuBar {
	position: absolute;
	top: 105px;
	height: 21px;
	width: 768px;
	margin: 0;
	padding: 0;
	background: #8A3B1A;
	z-index: 5;
}



#headerBar {
	width: 768px;
	height: 71px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	border-left: 2px solid #caad88;
	border-right: 2px solid #caad88;
}



#picBar {
	width: 764px;
	height: 140px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 105px;
	z-index: 1;
	border-left: 2px solid #caad88;
	border-right: 2px solid #caad88;
}



#home {
	position: absolute;
	top: 0px;
	left: 200px;
	width: 50px;
	height: 33px;
	z-index: 5000;
}



#services {
	position: absolute;
	top: 0px;
	left: 275px;
	width: 60px;
	height: 33px;
	z-index: 5000;
}



#about {
	position: absolute;
	top: 0px;
	left: 360px;
	width: 40px;
	height: 33px;
}



#portfolio {
	position: absolute;
	top: 0px;
	left: 425px;
	width: 57px;
	height: 33px;
}



#knowledge {
	position: absolute;
	top: 0px;
	left: 510px;
	width: 80px;
	height: 33px;
}



#news {
	position: absolute;
	top: 0px;
	left: 610px;
	width: 41px;
	height: 33px;
}



#client {
	position: absolute;
	top: 0px;
	left: 675px;
	width: 88px;
	height: 33px;
}



#servDiv ul {
	list-style: none;
	float: left;
	width: auto;
}



#servDiv ul li {
	float: left;
	*padding-top: 2px;
	*background-color: #8A3B1A;
}



#servDiv a {
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 11px;
	display: block;
	float: left;
	width: auto;
}



#servDiv a:hover {
	/*color: #5F5757; --old hovering color--*/
	color: #FF9900;
}



#servDiv span {
	padding: 0px 10px 0px 10px;
}



#servDiv {
	position: absolute;
	top: 25px;
	*top: 26px;
	left: -246px;
	*left: -283px;
	display: none;
	color: #FF9900;
	width: 50pc;
	font-weight: lighter;
	padding-top: 0;
	*padding-top: 7px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 5;
}



#servDiv.on {
	position: absolute;
	top: 25px;
	*top: 26px;
	left: -246px;
	*left: -283px;
	display: block;
	color: #FF9900;
	width: 50pc;
	font-weight: lighter;
	padding-top: 0;
	*padding-top: 7px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 2;
}



#services:hover #servDiv, #services.over #servDiv {
	display: block;
}



#aboutDiv ul {
	list-style: none;
	float: left;
	width: auto;
}



#aboutDiv ul li {
	float: left;
	*padding-top: 2px;
	*background-color: #8A3B1A;
}



#aboutDiv a {
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 11px;
	display: block;
	float: left;
	width: auto;
}



#aboutDiv a:hover {
	color: #FF9900;
}



#aboutDiv span {
	padding: 0px 10px 0px 10px;
}



#aboutDiv {
	display: none;
	position: absolute;
	top: 25px;
	*top: 26px;
	left: -61px;
	*left: -103px;
	color: #FF9900;
	width: 30pc;
	font-weight: lighter;
	text-align:center;
	padding-top: 0;
	*padding-top: 7px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 5;
}



#aboutDiv.on {
	display: block;
	position: absolute;
	top: 25px;
	*top: 26px;
	left: -61px;
	*left: -103px;
	color: #FF9900;
	width: 30pc;
	font-weight: lighter;
	text-align:center;
	padding-top: 0;
	*padding-top: 7px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 5;
}



#about:hover #aboutDiv, #about.over #aboutDiv {
	display: block;
}