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

#container {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	background: url(../images/background2.jpg) repeat-y;
	width: 990px;
	height: 12px;
}

#body {
	width: 990px;
	height: 630px;
	background: url(../images/background2.jpg) repeat-y;
}

#body_header {
	height: 30px;
}

#hj_logo {
	float: left;
	position: relative;
	left: 73px;
	border-width: 0;
	border-style: none;
	text-decoration: none;
}

#hj_logo a, img {
	border-width: 0;
	border-style: none;
	text-decoration: none;
}

#links {
	float: right;
	height: 30px;
	width: 560px;
	padding-top: 3px;
}

#red_bar {
	background-color: red;
	width: 2px;
	height: 20px;
	float: left;
}

#csp {
	float: left;
	width: 143px;
	height: 13px;
	padding-right: 20px;
}

#csp p {
	visibility: hidden;
}

#csp_button {
	width: 143px;
	height: 13px;
	background: url(../images/HJ_Landing%20Gray%20Page%201a_outlined_sliced_r5_c11.gif) no-repeat;
	float: left;
	position: relative;
	left: 10px;
	top: 4px;
}

#csp_button:hover {
	width: 143px;
	height: 13px;
	background: url(../images/HJ_Landing%20Gray%20Page%201a_outlined_sliced_r5_c11_f2.gif) no-repeat;
}

#blue_bar {
	width: 2px;
	height: 20px;
	background-color: blue;
	float: left;
}

#warranty {
	float: left;
	width: 141px;
	padding-right: 20px;
}


#warranty p {
	visibility: hidden;
	width: 141px;
}

#warranty_button {
	background: url(../images/HJ_Landing%20Gray%20Page%201a_outlined_sliced_r5_c17.gif) no-repeat;
	float: left;
	top: 4px;
	left: 10px;
	position: relative;
}

#warranty_button:hover {
	background-image: url(../images/HJ_Landing%20Gray%20Page%201a_outlined_sliced_r5_c17_f2.gif);
}

#green_bar {
	width: 2px;
	height: 20px;
	background-color: green;
	float: left;
}

#info {
	float: left;
	width: 171px;
}



#info p {
	visibility: hidden;
	width: 171px;
}

#info_button {
	background: url(../images/HJ_Landing%20Gray%20Page%201a_outlined_sliced_r5_c22.gif) no-repeat;
	float: left;
	top: 4px;
	left: 10px;
	position: relative;
}

#info_button:hover {
	background: url(../images/HJ_Landing%20Gray%20Page%201a_outlined_sliced_r5_c22_f2.gif) no-repeat;
	float: left;
	top: 4px;
	left: 10px;
	position: relative;
}

#content {
	height: 409px;
	margin: 0px;
	padding: 0px;
	width: 990px;
}

#ring5 {
	width: 388px;
	height: 428px;
	background-color: orange;
	float: right;
	right: 15px;
	clear: right;
	position: relative;
}

#text {
	background: url(../images/design_text.jpg) no-repeat;
	width: 513px;
	height: 200px;
	top: 20px;
	left: 60px;
	float: left;
	position: relative;
	padding-bottom: 20px;
}

#text h1,p {
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	float: left;
}

#start_button {
	background: url(../images/start_button.jpg) no-repeat;
	width: 232px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	position: relative;
	left: 60px;
}

#start_button:hover {
	background: url(../images/start_button_f2.jpg) no-repeat;
	width: 232px;
	height: 35px;
}

#rings {
	float: left;
	width: 560px;
	margin: 29px 0 0 15px;
	height: 137px;
	border-style: none;
}

#ring1 {
	width: 139px;
	height: 137px;
	background-color: maroon;
	float: left;
	visibility: visible;
	position: relative;
}

#ring2 {
	width: 139px;
	height: 137px;
	background-color: red;
	top: 7px;
	float: left;
	visibility: visible;
}

#ring3 {
	width: 139px;
	height: 137px;
	background-color: yellow;
	top: 7px;
	float: left;
	visibility: visible;
}

#ring4 {
	width: 139px;
	height: 137px;
	background-color: green;
	top: 7px;
	float: left;
	visibility: visible;
}

#rainbow_bar {
	width: 960px;
	height: 15px;
	background: url(../images/rainbow.gif) repeat-y;
	position: relative;
	left: 15px;
}

#steps {
	width: 960px;
	height: 166px;
	background-color: black;
	position: relative;
	left: 15px;
	float: left;
}

#steps p {
	visibility: hidden;
	margin: 0px;
}

#step1 {
	width: 213px;
	height: 125px;
	background: url(../images/step_1.jpg) no-repeat;
	float: left;
	left: 51px;
	position: relative;
	top: 18px;
}

#step2 {
	float: left;
	width: 177px;
	height: 125px;
	background: url(../images/step_2.jpg) no-repeat;
	position: relative;
	left: 51px;
	top: 18px;
}

#step3 {
	width: 243px;
	height: 125px;
	float: left;
	background-image: url(../images/step_3.jpg);
	position: relative;
	left: 51px;
	top: 18px;
}

#step4 {
	background: url(../images/step_4.jpg) no-repeat;
	width: 241px;
	height: 125px;
	float: left;
	left: 51px;
	position: relative;
	top: 18px;
}

#footer {
	width: 990px;
	height: 26px;
	background: url(../images/footer.gif) no-repeat;
}

#system_requirements {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}

#system_requirements p {
	
}

#system_button {
	background: url(../images/system.jpg) no-repeat;
	float: right;
	width: 94px;
	height: 12px;
}

#system_button:hover {
	background-image: url(../images/system_f2.jpg);
}