* {
	margin: 0;
	}
	
body {
	background:url(../images/bg.jpg) repeat-x #252525;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight: normal;
	}
	
h1 {
	font-family: "Trebuchet MS";
	font-size: 22px;
	font-style: normal;
	font-weight: 100;
}

h2 {
	font-family: "Trebuchet MS";
	font-size: 15px;
	color:white;
	font-weight: 100;
	padding-top: 15px;
	padding-left: 55px;
	}
	
h3 {
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-weight:100;
	color: white;
	padding: 0px 0px 5px 55px;
}

	
h5 {
	font-family: Arial;
	font-size: 18px;
	color: #484848;
	font-weight: 100;
}

p.products {
	color: #676767;
	font-family: arial;
	font-size: 12px;
	font-weight:100;
	padding: 10px 10px 10px 55px;
}

p.product-links {
	padding: 10px 10px 10px 55px;
}

p.product-links a {
	color: #2cc5e7;
	font-family: arial;
	font-size: 10px;
	font-weight: 100;
	text-decoration: none;
	padding: 0px 3px 0px 3px;
	
}

p.product-links a:hover {
	color: #e034c7;
}

p.communication {
	color: #676767;
	padding-left: 55px;
	font-size: 10px;
}

p.communication a {
	color: #676767;
	text-decoration: none;
	padding: 0px 2px 0px 2px;
	font-size: 10px;
}



/*-------------------------*/
/*   UNIVERSAL and INDEX   */
/*-------------------------*/

img {
	border:0;
	}
	
a {
	outline:none;
	text-decoration:none;
}
	
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) bottom 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) top center no-repeat;
				}
			ul#menu li a:hover {
				background-position: top;
				}


div#splash {
	width: 940px;
	height: 125px;
	margin-top:40px;
}

div#splash p {
	color:#676767;
	line-height: 16px;
	width:535px;
}

div#splash-buttons {
	float:right;
}

div#splash-links {
	margin-top:20px;
	height:16px;
	position:relative;
}
	div#splash-links span {
	color:#2cc5e7;
	font-weight:bold;
	position:absolute;
	margin: 1px 0px 0px 3px;
	}
	

/*--COMMUNICATION--*/

div#communication {
	height: 185px;
	width: 310px;
	position:absolute;
	top: 310px;
}

div#twitter {
	background: url(../images/twitter.jpg) no-repeat;
	height: 67px;
}
	div#twitter p a:hover {
	color:#e034c7;
	}

div#newsletter {
	background: url(../images/newsletter.jpg) no-repeat;
	height: 67px;
}

div#blog {
	background: url(../images/blog.jpg) no-repeat;
	height: 51px;
}


/*--PRODUCTS--*/

div#products-1 {
	height:131px;
	width:302px;
	background: url(../images/main-panel1.jpg) no-repeat;
	position: absolute;
	top:300px;
	left:330px;
	}
	
div#products-2 {
	height:131px;
	width:302px;
	background: url(../images/main-panel4.jpg) no-repeat;
	position: absolute;
	top:300px;
	left:632px;
	}
	
div#products-3 {
	height:131px;
	width:302px;
	background: url(../images/main-panel3.jpg) no-repeat ;
	position: absolute;
	top:431px;
	left:632px;
	}
	
	
div#products-4 {
	height:131px;
	width:302px;
	background: url(../images/main-panel2.jpg) no-repeat;
	position: absolute;
	top:431px;
	left:330px;
	
}




/*--FOOTER--*/

div#footer {
	width:100%;
	background: #252525;
	border-top: 1px #6e6e6e solid;
	height:135px;
	position: absolute; 
	top:607px;
	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:10px;
			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;
}