body {
background-color: #000000;
font-family: arial, serif;
color: black;
}
a:visited {
color: #0000dd;
}
.container_area {
margin: 0px auto -1px auto;
font-size: 1em;
width: 60em;
font-family: arial, serif;
}

/* Header */

.header_body {
background-color: #e7e7e9;
font-size: 1em;
width: 60em;
background-image: url(../images/ekc_header.jpg);
background-repeat: no-repeat;
background-position: 0 0;
height: 9em;
}
.header_address {
font-size: 0.75em;
font-family: arial, serif;
font-weight: normal;
width: 78em;
padding-top: 1em;
}
.header_text {
margin: 0;
padding: 0;
text-align: right;
}
.header_text_email {
font-weight: normal;
}
address {
font-style: normal;
}

/* Menu system */

.menu {
clear: left;
font-size: 0.8em;
height: 1.7em;
width: 75em;
background: #d4cfcf;
font-family: verdana, arial, serif;
border-top: solid 1px black;
border-bottom: solid 1px black;
}
.menu ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.menu ul li {
float: left;
width: 12.5em;
position: relative;
}
.menu ul li a, .menu ul li a:visited {
display: block;
text-decoration: none;
color: #000000;
text-align: center;
line-height: 1.7em;
height: 100%;
}
.menu ul li a:hover {

}
.menu ul li:hover a {
background: #7b8694;
color: #ffffff;
font-weight: bold;
}
.menu ul li ul {
display: none;
}
.menu table {
margin: 0;
border-collapse: collapse;
font-size: 1em;
position: absolute;
top: 0;
left: 0;
}

/* Drop down */

.menu ul li:hover ul {
display: block;
position: absolute;
top: 1.7em;
left: 0;
width: 10em;
padding-top: 1px;
}
.menu ul li:hover ul li a {
display: block;
background: #d4cfcf;
color: #000000;
font-weight: normal;
border-left: solid 1px black;
border-right: solid 1px black;
border-bottom: solid 1px black;
}
.menu ul li:hover ul li a:hover {
color: #ffffff;
background: #7b8694;
font-weight: bold;
}

/* Main area body */

.main_area_body {
clear: left;
background-color: #e7e7e9;
background-image: url(../images/background_logo_192x192.jpg);
background-position: 0 0;
font-size: 1em;
height: 48em;
width: 60em;
font-family: arial, serif;
}
.main_area_body h1 {
font-size: 1.5em;
font-weight: bold;
margin-top: 1.4em;
margin-bottom: 1em;
margin-left: 1.75em;
}
.background_image1 {
float: left;
height: 100%;
width: 100%;
background-image: url(../images/jacks.png);
background-repeat: no-repeat;
background-position: 99% 13%;
}
.background_image2 {
float: left;
height: 100%;
width: 100%;
background-image: url(../images/open_grip.png);
background-repeat: no-repeat;
background-position: 69% 22%;
}
.background_image3 {
float: left;
height: 100%;
width: 100%;
background-image: url(../images/tensioning_equipment/ekc_exec_pump.png);
background-repeat: no-repeat;
background-position: 67% 97%;
}
.side_image {
background-color: #dcdddf;
font-size: 1em;
height: 48em;
width: 12em;
border: 0;
padding: 0;
border-right: solid 1px black;
float: left;
}
.info_text1 {
margin-left: 13.3em;
}
.info_text1 span {
font-weight: bold;
}
.info_text2 {
margin-left: 13.3em;
width: 40em;
}
.info_text3 {
padding-top: 6em;
padding-right: 1em;
padding-left: 13.3em;
}
.info_text4 {
padding-right: 1em;
padding-left: 13.3em;
}
ul {
line-height: 1.3em;
padding-left: 14.5em;
padding-top: 1.3em;
padding-bottom: 1.3em;
}
.site_map ul {
line-height: 1.3em;
padding-left: 5.3em;
padding-bottom: 1.3em;
}
.site_map ul li ul {
line-height: 1.3em;
padding-left: 1em;
padding-bottom: 1.3em;
}

/* Logo area */

.logobody {
border-top: solid 1px black;
border-bottom: solid 1px black;
background-color: white;
height: 7em;
width: 10em;
float: left;
}
.logo {
height: 7em;
width: 7em;
border: 0;
margin-left: 1.5em;
float: left;
}

/* Footer */

.footer {
clear: left;
background-color: #e7e7e9;
font-size: 0.8em;
width: 75em;
height: 1.9em;
background-image: url(../images/footer.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}
.footertext {
padding-top: 0.3em;
text-align: center;
font-weight: bold;
}