/* ================================================== */
* {
	margin: 0;						/* for Sticky Footer effect */
}
html, body {
	height: 100%;						/* for Sticky Footer effect */
}
body {
	background: #fff;
	color: #fff;
	font-family:  Arial, "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	letter-spacing: 0;
	line-height: 1.8em;
	text-align: justify;
	word-spacing: normal;
}
#top-part {
	background: #b4b4b4 url(bggradient.png) 0px -100px repeat-x;
	min-height: 100%;					/* for Sticky Footer effect */
	height: auto !important;				/* for Sticky Footer effect, IE6 hack */
	height: 100%;						/* for Sticky Footer effect, IE6 hack */
	margin: 0 auto -225px;		/* Y1 */		/* for Sticky Footer effect, absolute value should equal Y2 less any borders/margins/padding */
}
#copy {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 40%;
}
#copy h1 {
	font-size: 2.2em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.1em;
	padding-top: 50px;
}
#copy p {
	margin: 1.8em 0 0 0;
}
#copy strong {
	color: #424d5a;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 0;
	word-spacing: normal;
}
/* ================================================== */
#footer, #push {
	height: 225px;			/* Y2 */		/* for Sticky Footer effect */
}
#footer {								/* do not float, otherwise Firefox 2 has issue */
	background: url(bgfooter.png) right bottom repeat-x;
	background-position: 0% 175%;
}
#toolbox_lock {
	background: url(toolbox_lock.png) no-repeat;
	float: left;
	height: 187px;
	margin-left: 35px;
	width: 213px;
}
#bullet_hinge_mild_steel {
	background: url(bullet_hinge_mild_steel.png) no-repeat;
	float: left;
	margin-top: 30px;
	height: 133px;
	margin-left: 35px;
	width: 170px;
}
#bullet_hinge_stainless_steel {
	background: url(bullet_hinge_stainless_steel.png) no-repeat;
	float: left;
	margin-top: 30px;
	height: 131px;
	margin-left: 35px;
	width: 177px;
}
#lock {
	background: url(t-lock.png) no-repeat;
	float: left;
	height: 207px;
	margin-left: 35px;
	width: 184px;
}
#piano_hinge_stainless_steel {
	background: url(piano_hinge_stainless_steel.png) no-repeat;
	float: left;
	margin-top: -10px;
	height: 204px;
	margin-left: 35px;
	width: 262px;
}
#logo {
	bottom: -155px;
	float: right;						/* for IE6, otherwise floating to left causes inconsistency */
	margin-right: 35px;
	position: relative;
	text-align: right;
}
#logo p {
	text-align: right;
}