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

html, body, div, span, applet, object, iframe, h1, h2,
h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
	background-image: url(hexellence.png);
	background-repeat: repeat;
	margin:0;
	padding:0;
}

#bg2 {
	background-repeat: no-repeat;
	height: 600px;
	width: 399px;
	background-image: url(bg1.png);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 8000;
}

#bg3 {
	background-repeat: no-repeat;
	height: 445px;
	width: 410px;
	background-image: url(bg2.png);
	position: absolute;
	top: 0px;
	right: 0px;

}

#container {
width:900px;
height:100%;
left: 50%;
margin-left: -450px;
position: absolute;
top:100px;
z-index:9000;
}	

.block1 {
	width:450px;
	height:440px;
	float:left;
	position:relative;
        left:100px;
        top:30px;
	}
	
.block2 {
	width:440px;
	height:440px;
	text-align:left;
        float:left;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 14px;
	color: #333;
	}
	
.block2 ul li {
	margin:15px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3;
	font-size: 14px;
	list-style-type: square;
	}
	
.ssylki {position:absolute; top:15px; right:15px; z-index:8000;}
.ssylki li {float:left; list-style:none; padding:0 10px 0 0;}
.ssylki li a {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
}
.ssylki li a:hover {text-decoration: underline;}
/******************************************************Images***********************/
.c1 {
	height: 132px;
	width: 145px;
	background-image: url(images/content.png);
	background-repeat: no-repeat;
	position: absolute;
}

.c1:hover {
	height: 132px;
	width: 145px;
	background-image: url(images/content_2.png);
	background-repeat: no-repeat;
}

.c1 a {
	height: 132px;
	width: 145px;
	display: block;
}

.c2 {
	height: 132px;
	width: 145px;
	background-image: url(images/context.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 111px;
	top:66px;

}

.c2:hover {
	height: 132px;
	width: 145px;
	background-image: url(images/context_2.png);
	background-repeat: no-repeat;
}

.c2 a {
	height: 132px;
	width: 145px;
	display: block;
}

.c3 {
	height: 132px;
	width: 145px;
	background-image: url(images/contact.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 111px;
	top:195px;

}

.c3:hover {
	height: 132px;
	width: 145px;
	background-image: url(images/contact_2.png);
	background-repeat: no-repeat;
}

.c3 a {
	height: 132px;
	width: 145px;
	display: block;
}

.c4 {
	height: 132px;
	width: 145px;
	background-image: url(images/connections.png);
	background-repeat: no-repeat;
	position: absolute;
	top:261px;
	left:0;


	
}

.c4:hover {
	height: 132px;
	width: 145px;
	background-image: url(images/connections_2.png);
	background-repeat: no-repeat;
}

.c4 a {
	height: 132px;
	width: 145px;
	display: block;
}

.c5 {
	height: 132px;
	width: 145px;
	background-image: url(images/contract.png);
	background-repeat: no-repeat;
	position: absolute;
	left: -112px;
	top:194px;
	
}

.c5:hover {
	height: 132px;
	width: 145px;
	background-image: url(images/contract_2.png);
	background-repeat: no-repeat;
}

.c5 a {
	height: 132px;
	width: 145px;
	display: block;
}

.c6 {
	height: 132px;
	width: 145px;
	background-image: url(images/celebration.png);
	background-repeat: no-repeat;
	position: absolute;
	left: -112px;
	top:65px;
}

.c6:hover {
	height: 132px;
	width: 145px;
	background-image: url(images/celebration_2.png);
	background-repeat: no-repeat;
}

.c6 a {
	height: 132px;
	width: 145px;
	display: block;
}

.c7 {
	height: 132px;
	width: 145px;
	background-image: url(images/consciousness.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top:131px;
}

.c7:hover {
	height: 132px;
	width: 145px;
	background-image: url(images/consciousness_2.png);
	background-repeat: no-repeat;
}

.c7 a {
	height: 132px;
	width: 145px;
	display: block;
}