body 
{
    font-family: Arial, Sans-Serif;
}

#homeContent
{
    width: 1000px;
    margin: auto;
    color: White;
    background-color: #fe390f;
}

#header
{
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
    float: left;
    width: 500px;
}

#headerSpacer
{
    clear: both;
    background-color: #fe390f;
}

#homeHeaderSpacer
{
    clear: both;
    background-color: White;
}
#homeHeaderSpacer p
{
    margin: 0;
}

#autoElectrical
{
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
    font-size: 43pt;
}

#homeFooter
{
    padding-left: 40px;
    padding-bottom: 10px;
    font-size: 25pt;
    clear: both;
}

.homeImage {
    clear: right;
    float: right;
    padding-bottom: 15px;
    height: 110px;
    width: 280px;
}

#homeEnter
{
    float: left;
}

#homeEnter h2
{
  width: 350px;
  text-align: center;
  margin-top: 180px;
  margin-left: 150px;
  margin-right: 150px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: gray;
}

#homeEnter a
{
  text-decoration: none;
  color: White;
}

#homeEnter a:hover
{
  text-decoration: underline;
}

#homeImages
{
    width: 350px;
    float: right;
    padding-top:30px;
    padding-bottom:30px;
}

#content
{
    width: 1000px;
    margin: auto;
}

#aboutLeft, #aboutRight
{
  width: 440px;
  text-align: justify;
  font-size: 10pt;
}

#aboutLeft
{
  float: left;
  padding-left: 25px;
  padding-right: 5px;
}

#aboutRight
{
  float: right;
  padding-left: 5px;
  padding-right: 25px;
}

#aboutImages
{
  clear: both;
}

.aboutImage
{
    float: left;
}

.aboutImagesText
{
    float: left;
    width: 250px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
}

.aboutImagesText p
{
    font-size: 15pt;
    font-family: Serif;
    font-style: italic;
    color: White;
    padding: 0;
    margin: 0;
}

#aboutAutomotiveText.aboutImagesText 
{
  background-color: #fe390f;
}
#aboutIndustrialText.aboutImagesText 
{
  background-color: #e1ac1c;
}
#aboutAgriculturalText.aboutImagesText 
{
  background-color: #2e7e3d;
}
#aboutMarineText.aboutImagesText 
{
  background-color: #26768a;
}

#menu
{
  padding-top: 10px;
  float: right;
  width: 450px;
  text-align: right;
  font-weight: bold;
}
#menu ul
{
  margin: 0;
}
#menu li
{
	padding-left: 0px;
	padding-right: 5px;
	padding-top:10px;
	list-style-type: none;
}
#menu a
{
  text-decoration: none;
  color: #fe390f;
}
#homeContent>#menu a
{
  color: white;
}
#menu a:hover
{
  text-decoration: underline overline;
}

#contactLeft, #contactRight
{
  width: 440px;
  color: #fe390f;
}

#contactLeft
{
  float: left;
  padding-left: 25px;
  padding-right: 5px;
  padding-top: 20px;
}

.address 
{
    font-size: 14pt;
    font-weight: bold;
}

.addresssmall
{
    font-size: 10pt;
}

#contactRight
{
  float: right;
  padding-left: 5px;
  padding-right: 25px;
  padding-top: 20px;
}

#contactLeft a, #contactFoot a
{
  text-decoration: none;
  color: #fe390f;
}
#contactLeft a:hover, #contactFoot a:hover
{
  text-decoration: underline;
}
#contactRight p
{
  clear: both;
  font-size: 10pt;
  padding-left: 20px;
}
#contactFoot
{
  clear: both;
  padding-left: 25px;
  padding-right: 25px;
  color: #fe390f;
  text-align: justify;
  font-size: 10pt;
}

.contactImages
{
  float: left;
  padding-left: 20px;
  padding-right: 40px;
}

.catNumber
{
  font-family: Serif;
  font-size: 20pt;
  color: #fe390f;
  font-style: italic;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: right;
}

.catDesc
{
  font-size: 14pt;
}

.catDesc a
{
  text-decoration: none;
  color: Black;
}
.catDesc a:hover
{
  text-decoration: underline;
}

.catHeader
{
  color: #fe390f;
  font-size: 20pt;
  font-style: italic;
  text-align: left;
  padding-bottom: 10px;
}

.secNumber
{
  font-family: Serif;
  font-size: 12pt;
  color: #fe390f;
  font-style: italic;
  padding-top: 5px;
  text-align: right;
}

.secDesc
{
  font-size: 12pt;
}

.secDesc a
{
  text-decoration: none;
  color: Black;
}
.secDesc a:hover
{
  text-decoration: underline;
}

#catLeft, #catRight
{
  width: 440px;
}

#catLeft
{
  float: left;
}

#catRight
{
  float: right;
}

.dropcap
{
  float:left;
  color: #fe390f;
  font-size: 50pt;
  font-weight: bold;
  line-height: 50px;
  padding-top: 2px;
}


/* customer login and settings specific */
.customerIndent
{
    padding-left: 25px;
    padding-right: 5px;
}

.customerHeader
{
    padding-bottom: 20px;
}

.customerHeaderText
{
    color: #fe390f;
    font-size: 20pt;
    font-style: italic;
    font-weight: bold;
    text-align: left;
}

.customerLogin, .customerInput
{
    width: 310px;
}

.customerLabel, .customerLabelLeft, .customerStatus
{
    font-size: 14pt;
}

.customerLabelLeft, .customerStatus, .customerSettingsLeft
{
    float: left;
}

.customerStatus
{
    color: #fe390f;
}

.customerEntry
{
    vertical-align: middle;
    float: right;
}

.customerMenu
{
  padding-top: 0px;
  float: right;
  text-align: right;
  font-weight: bold;
}

.customerMenu ul
{
  margin: 0;
}

.customerMenu li
{
	padding-left: 0px;
	padding-right: 5px;
	padding-bottom:10px;
	list-style-type: none;
}

.customerMenu a
{
  text-decoration: none;
  color: #fe390f;
}

.customerMenu a:hover
{
  text-decoration: underline overline;
}