

* {
	margin: 0;
	}
	
body {
	background:url(../images/about/bg-2.jpg) repeat-x #393939;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight: normal;
	}
	
img {
	border:0;
	}
	
p {
font-family:arial;
font-size: 12px;
color:white;
width: 630px;
line-height:16px;
margin-top:5px;
}

h1 {
	font-size: 24px;
	font-weight:100;
	color: #2cc5e7;
	margin-top:0px;
}
p.description {
	color: #878787;
	font-family:arial;
	size:12px;
	padding: 0px 5px 5px 105px;
	width: 510px;
}

a {
	color:#676767;
	text-decoration: none;
	margin-left:2px;
}

a:hover {
	color:#2cc5e7;
}

	

/*-------------------------*/
/*   	   GENERAL         */
/*-------------------------*/

	
div#page-wrap {
	margin: 0 auto;
	width: 946px;
	position:relative;
	}
	
div#footer-wrap {
	margin: 0 auto;
	width: 946px;
	position:relative;
	}
	
ul#menu {
	height:69px;
	background: url(../images/logo.png) no-repeat;
	}
	ul#menu li {
		float:right;
		display:inline;
		margin-top:20px;
		}
		ul#menu li a {
			text-decoration:none;
			color:#000;
			text-transform:uppercase;
			display:block;
			margin-left: 10px;
			font-size:14px;
			height:33px;
			overflow:hidden;
			}
			ul#menu li.contact a {
				width:82px;
				background:url(../images/menu-contact.jpg) bottom center no-repeat;
				}
			ul#menu li.clients a {
				width:76px;
				background:url(../images/menu-clients.jpg) bottom center no-repeat;
				}
			ul#menu li.services a {
				width:81px;
				background:url(../images/menu-services.jpg) bottom center no-repeat;
				}
			ul#menu li.products a {
				width:87px;
				background:url(../images/menu-products.jpg) top center no-repeat;
				}
			ul#menu li.about a {
				width:67px;
				background:url(../images/menu-about.jpg) bottom center no-repeat;
				}
			ul#menu li.main a {
				width:62px;
				background:url(../images/menu-main.jpg) bottom center no-repeat;
				}
			ul#menu li a:hover {
				background-position: top;
				}
				
/*-------------------------*/
/*   	   PRODUCT         */
/*-------------------------*/


div#main {
	background: url(../images/products/sub-content.jpg) no-repeat;
	height: 670px;
	margin-top: 23px;
	
}

div#sidebar {
	height:400px;
	position:absolute;
	top:150px;
	left:50px;
}
		ul#sidebar {
	width:97px;
	margin-top:-2px;
	}
		ul#sidebar li {
		height:29px;
		margin-left:-32px;
		margin-bottom:10px;
		list-style: none;
		}
				
		* html ul#sidebar li {margin-left: 10px;}
		

			ul#siderbar li a {
			display:block;
			height:30px;

			}
			
				li.product-1 a {
				display:block;
				width:97px;
				height:30px;
				background: url(../images/products/overview.jpg) no-repeat top;
				}
				li.product-2 a {
				display:block;
				width:97px;
				height:30px;
				background: url(../images/products/custom.jpg) no-repeat top;
				}
				li.product-3 a {
				display:block;
				width:97px;
				height:30px;
				background: url(../images/products/business.jpg) no-repeat top;
				}
				li.product-4 a {
				display:block;
				width:97px;
				height:30px;
				background: url(../images/products/government.jpg) no-repeat top;
				}
				li.product-5 a {
				display:block;
				width:97px;
				height:30px;
				background: url(../images/products/analytics.jpg) no-repeat bottom;
				}
				li.product-6 a {
				display:block;
				width:97px;
				height:30px;
				background: url(../images/products/suites.jpg) no-repeat top;
				}
								
				li.product-7 a {
				display:block;
				width:97px;
				height:30px;
				background: url(../images/products/production-line.jpg) no-repeat top;
				}
				
		ul#sidebar li a:hover {
			background-position: bottom;
			}
			
div#content {
	position: absolute;
	top: 150px;
	left: 250px;
}


div#product-1 {
background: url(../images/products/custom-icon.jpg) no-repeat;
padding-bottom:10px;
margin-bottom:10px;
}
div#product-2 {
background: url(../images/products/business-icon.jpg) no-repeat;
padding-bottom:10px;
margin-bottom: 10px;
}
div#product-3 {
background: url(../images/products/government-icon.jpg) no-repeat;
padding-bottom:10px;
margin-bottom: 10px;
}
div#product-4 {
background: url(../images/products/analytics-icon.jpg) no-repeat;
padding-bottom:10px;
margin-bottom: 10px;
}
div#product-5 {
background: url(../images/products/suites-icon.jpg) no-repeat;
padding-bottom:10px;
margin-bottom: 10px;
}



/*--FOOTER--*/

h5 {
	font-family: Arial;
	font-size: 18px;
	color: #484848;
	font-weight: 100;
}


div#footer {
	width:100%;
	background: #252525;
	border-top: 1px #6e6e6e solid;
	position: absolute; 
	top:bottom;
	padding-top:15px;
	display:inline;
}
	ul#footer {
		height:135px;
		padding-top: 8px;
	}
		ul#footer li {
			float:left;
			display:block;
			height:135px;
		}
			ul#footer li.navigation {
				width:130px;
				padding-left:15px;
			}
			
			ul#footer li.important {
				width:250px;
				margin-left:10px;
			}
			
			ul#footer li.other {
			padding-left:50px;
			padding-top: 2px;
			}
				ul#footer li.other a {
				color:#676767;
				text-decoration: none;
				}
			
.footer-left {
	float:left;
	width:75px;
}

.footer-text {
	font-family: arial;
	font-size: 12px;
	color: #a7a7a7;
	line-height: 22px;
	padding-top: 5px;
	
}

li.navigation a {
	color: #a7a7a7;
	text-decoration: none;
}

li.navigation a:hover {
	color:#e034c7;
}

li.important a {
	text-decoration: none;
	color: #a7a7a7;
}

li.important a:hover {
	color:#2cc5e7;
}

