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

body {
	background-image: url(images/bg-index-1800.gif);
	background-repeat: repeat;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#container {
	position:relative;
	width:980px;
	height:1800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}

#header {
	top:0px;
	width:980px;
	height:160px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #555;
}

#oee-logo {
	position:absolute;
	width:550px;
	height:150px;
	top: 10px;
	background-image: url(images/oee-inc.png);
	background-repeat: no-repeat;
	background-position: center;
	left: 150px;
}

#contact-header {
	position:absolute;
	left:720px;
	top:10px;
	width:250px;
	height:135px;
	text-align: right;
	padding-top: 10px;
}

#nav {
	position:absolute;
	top:430px;
	width:980px;
	height:38px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	z-index: 3000;
}

#getaquote {
	position:relative;
	
	
	}
	
	#getaquote a {
		color:#0D0F33;
		
		}
		
	#getaquote a:hover {
		color:#40ABDD;
		
		}


#main-image {
	position:relative;
	top:8px;
	width:980px;
	height:259px;
}

.form {
	color: #666;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 8pt;
	text-transform: uppercase;
	text-align: center;
}

.formquery {
	vertical-align: top;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 8pt;
	text-transform: uppercase;
	text-align: center;
}


#container #bottom-content #contact strong a {
	color: #e8ddcb;
	text-decoration: none;
}

.contactphone {
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	font-size: 24pt;
}

.contactbusiness {
	font-size: 8pt;
	text-transform: uppercase;
	line-height: 15pt;
}


#main-content {
	position:absolute;
	top:505px;
	width:980px;
	height:1100px;
}

#content-title {
	position:absolute;
	width:700px;
	height:41px;
	top: 20px;
	left: 10px;
}

#content-title-2 {
	position:absolute;
	width:250px;
	height:25px;
	top: 30px;
	left: 685px;
}

#container #main-content #secondary-content h1 {
	font-size: 0.8em;
	font-family: arial;
	line-height: 18pt;
	font-weight: normal;
	padding-left: 20px;
	padding-bottom: 10px;
}

#container #main-content #content-title-2 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #555;
}



#content {
	position:absolute;
	left:7px;
	top:70px;
	width:660px;
	height:1030px;
	overflow: auto;
	background-image: url(Heartland%27s%20Yellow%20Kids%20Wagon);
}

#secondary-content {
	position:absolute;
	left:685px;
	top:67px;
	width:285px;
	height:1000px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #999;
	font-size: 0.8em;
}
#container #main-content #content-title h3 {
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22pt;
	font-weight: normal;
}



#container #main-content #content p {
	line-height: 15pt;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
}


.linkon {
	color: #003;
	padding-top: 9px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12pt;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serifHelvetica, Sans-Serif;
}

.content-titles {
	font-weight: bold;
	color: #333;
	padding-top: 5px;
	padding-left: 5px;
}

#container #main-content #content p a {
	color: #555;
}

.red {
	color: #A51E22;
	font-weight: bold;
}

 #bottom {
	position:relative;
	width: 980px;
	height: 150px;
	top: 1225px;
	
	}
#contact-us-info {
	position:relative;
	left: 650px;
	width: 300px;
	height:125px;
	top: 20px;
	
	
	}
#container #bottom #contact-us-info a {
	color: #FFF;
}

#container #bottom #contact-us-info {
	font-size: 0.9em;
	color: #FFF;
	line-height: 13pt;
	text-align: right;
}
#container #main-content #content ul li {
	list-style-type: disc;
	font-size: .9em;
	line-height: 15pt;
	margin-left: 20px;
}
