/* Bear Oil home page css */

#body-wrap {
	width: 812px;
	left: 50%;
	margin: 0 0 0 -406px;
	position: relative;
	background: #7eb1d7 url(/images-hp/body-bkgnd.jpg) repeat-x top left;
}

#left-col {
	float: left;
	background: url(/images-hp/left-col-bkgnd.jpg) no-repeat top left;
	width: 104px;
	height: 441px;
	float: left;
}

#main-menu {
	float: left;
	width: 195px;
}

#main-menu-top {
	background: url(/images-hp/nav-bkgnd-top.jpg) no-repeat top left;
	width: 195px;
	height: 124px;
}

#main-menu-bottom {
	background: url(/images-hp/nav-bkgnd-bot.jpg) no-repeat top left;
	width: 195px;
	height: 47px;
}

#wheel-top {
	float: left;
	background: url(/images-hp/main-bkgnd-top.jpg) no-repeat top left;
	width: 513px;
	height: 147px;
}

#wheel-mid {
	float: left;
	background: url(/images-hp/main-bkgnd-mid.jpg) no-repeat top left;
	width: 513px;
	height: 147px;
}

#wheel-bot {
	float: left;
	background: url(/images-hp/main-bkgnd-bot.jpg) no-repeat top left;
	width: 513px;
	height: 147px;
}

#bottom {
	background: url(/images-hp/bottom-bkgnd.jpg) no-repeat top left;
	width: 812px;
	height: 134px;
	float: left;
}

#sm-logo {
	background: url(/images-hp/logo-sm.gif) no-repeat top left;
	width: 138px;
	height: 78px;
	position: absolute;
	left: 255px;
	top: 500px;
}

#text {
	font: 11px arial, helvetica, sans-serif;
	color: #ffffff;
	position: absolute;
	left: 400px;
	top: 460px;
	line-height: 16px;
}

.heading {
	font: 13px arial, helvetica, sans-serif;
}

#footer {
	background: url(/images-hp/footer-bkgnd.jpg) no-repeat top left;
	width: 812px;
	height: 25px;
	float: left;
	font: 10px arial, helvetica, sans-serif;
	color: #ffffff;
}

#footer-left {
	float: left;
	padding: 8px 0 0 10px;
}

#footer-right {
	float: right;
	padding: 8px 10px 0 0;
}


/* MENU */

.nav-item {
	padding: 0;
	margin: 0;
	width: 195px;
	height: 27px;
	/*border: solid 1px red;*/
}

.nav-item a:link {
	padding: 0;
	margin: 0;
}


/* BUTTONS */

#excavator{
	position: absolute;
	top: 100px;
	left: 355px;
}

#semi-truck{
	position: absolute;
	top: 40px;
	left: 490px;
}

#plane{
	position: absolute;
	top: 100px;
	left: 615px;
}

#tank2{
	position: absolute;
	top: 200px;
	left: 290px;
}

#lg-logo{
	background: url(/images-hp/logo-lg.gif) no-repeat top left;
	width: 155px;
	height: 117px;
	position: absolute;
	top: 170px;
	left: 470px;
}

#truck{
	position: absolute;
	top: 195px;
	left: 660px;
}

#tank1{
	position: absolute;
	top: 300px;
	left: 335px;
}

#barrel{
	position: absolute;
	top: 350px;
	left: 480px;
}

#welder{
	position: absolute;
	top: 310px;
	left: 630px;
}