body {
	padding: 0;
	background-color: #999;
	margin: 0;
}

#container {
	width: 1000px;
	height: 675px;
	margin-right: auto;
	margin-left: auto;
	background-color: #999;
}

#left {
	width: 20px;
	height: 650px;
	background-color: #999;
	float: left;
}

#middle {
	width: 960px;
	height: 650px;
	float: left;
	background: white url(../images/index.jpg) no-repeat;
}

#header {
	width: 507px;
	height: 26px;
	position: relative;
	top: 30px;
	left: 350px;
}

#hj-logo {
	float: left;
	width: 102px;
	height: 26px;
}

#hj-logo a, img {
	border: 0 none white;
	text-decoration: none;
}

#links {
	float: right;
	width: 350px;
	margin-top: 4px;
}

#links a {
	text-decoration: none;
	color: black;
	font: 14px Arial, Helvetica, Geneva, sans-serif;
}

#links a:hover {
	text-decoration: none;
	color: red;
	font: 14px Arial, Helvetica, Geneva, sans-serif;
}

#diploma {
	float: left;
}

#grad {
	float: left;
}

#about {
	float: left;
}

.line {
	width: 1px;
	height: 17px;
	background-color: #999;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

#headline {
	width: 435px;
	height: 115px;
	background: url(../images/headline.jpg) no-repeat;
	top: 40px;
	position: relative;
	left: 400px;
}

#headline h1 {
	visibility: hidden;
}

#text {
	height: 122px;
	position: relative;
	left: 425px;
	top: 40px;
	width: 400px;
}

#text p {
	font: 14px Arial, Helvetica, Geneva, sans-serif;
}

#shop {
	width: 227px;
	height: 35px;
	position: relative;
	top: 50px;
	left: 500px;
}

#shop p {
	visibility: hidden;
	width: 227px;
	height: 35px;
}

#shop_button {
	width: 227px;
	height: 35px;
	background: url(../images/start_shopping.jpg) no-repeat;
}

#shop_button:hover {
	width: 227px;
	height: 35px;
	background: url(../images/start_shopping_f2.jpg) no-repeat;
}

#right {
	width: 20px;
	height: 650px;
	float: left;
	/*background: url(../images/right_side.jpg) no-repeat;*/
}

#footer {
	height: 25px;
	float: left;
	width: 960px;
	position: relative;
	left: 20px;
	background: url(../images/footer.jpg) no-repeat;
}