body {
margin: 0;
padding: 0;
font: 106% "Arial Narrow", Arial, Helvetica, sans-serif;
text-align: center;
background: #58595b;
color: #fff;
}
h2 {
position: relative;
margin: -12px 0 12px 108px;
font-size: 2.8em;
color: #58595b;
}
h4 {
clear: both;
font-size: 1em;
margin: 0 0 -1em;
}
a:link {
color: #bbb;
text-decoration: underline;
}
a:visited {
color: #444;
}
a:hover {
color: #ddd;
}
#container {
background: #cc2229 url(/images/ui/page-bg.gif) center top;
}
#header {
height: 52px;
background: #58595b;
}
#navbar {
margin: 15px 0 0 92px;
padding: 0;
list-style: none;
}
#navbar li {
float: left;
margin: 0;
padding: 0;
}
#navbar li a {
float: left;
height: 0;
padding: 25px 0 0;
overflow: hidden;
background: url(/images/ui/navbar.gif) no-repeat;
}
#navhome a:link, #navhome a:visited {
width: 69px;
background-position: 0 0;
}
#navhome a:hover, #navhome a.selected:link, #navhome a.selected:visited {
background-position: 0 -25px;
}
#navproducts a:link, #navproducts a:visited {
width: 89px;
background-position: -69px 0;
}
#navproducts a:hover, #navproducts a.selected:link, #navproducts a.selected:visited {
background-position: -69px -25px;
}
#navbenefits a:link, #navbenefits a:visited {
width: 85px;
background-position: -158px 0;
}
#navbenefits a:hover, #navbenefits a.selected:link, #navbenefits a.selected:visited {
background-position: -158px -25px;
}
#navinstallation a:link, #navinstallation a:visited {
width: 102px;
background-position: -243px 0;
}
#navinstallation a:hover, #navinstallation a.selected:link, #navinstallation a.selected:visited {
background-position: -243px -25px;
}
#navmaterials a:link, #navmaterials a:visited {
width: 92px;
background-position: -345px 0;
}
#navmaterials a:hover, #navmaterials a.selected:link, #navmaterials a.selected:visited {
background-position: -345px -25px;
}
#navcompany a:link, #navcompany a:visited {
width: 94px;
background-position: -437px 0;
}
#navcompany a:hover, #navcompany a.selected:link, #navcompany a.selected:visited {
background-position: -437px -25px;
}
.centerbox {
position: relative;
width: 940px;
margin: 0 auto;
text-align: left;
}
h1#companylogo {
position: absolute;
top: 0;
right: 0;
width: 108px;
height: 0;
padding: 94px 0 0;
overflow: hidden;
background: url(/images/ui/logo-mini.gif) no-repeat;
}
#topzag {
position: absolute;
top: 0;
left: 0;
width: 92px;
height: 94px;
background: url(/images/ui/top-zig.gif) no-repeat;
}
#botzag {
position: absolute;
top: -43px;
right: 0;
width: 92px;
height: 94px;
background: url(/images/ui/bot-zig.gif) no-repeat;
}
#content {
position: relative;
min-height: 476px;
_height: 476px; /* <=IE6 */
}
#content ul {
margin: 0 0 0 12px;
padding: 0;
}
#content ul li {
margin: .5em 0 .5em 12px;
padding: 0;
}
.leftcolumn, .rightcolumn {
width: 438px;
padding: 0 16px;
}
.leftcolumn {
float: left;
clear: both;
}
.rightcolumn {
float: right;
}
#footer {
position: relative;
top: 51px;
clear: both;
margin: 0 0 59px;
background: #58595b;
}
#address {
margin: 0;
padding: 8px 16px;
font-size: .9em;
}

/* Splash */
#splash #content {
min-height: 273px;
_height: 273px; /* <=IE6 */
}
#splash .leftcolumn {
width: 375px;
}
#splash .rightcolumn {
width: 375px;
text-align: right;
}
#splash .leftcolumn h2 {
position: relative;
left: -16px;
width: 266px;
height: 0;
margin: 65px 0 0;
padding: 97px 0 0;
overflow: hidden;
background: url(/images/content/home-modular-engineering.gif) no-repeat;
}
#splash .rightcolumn h2 {
position: relative;
width: 252px;
height: 0;
margin: 65px -16px 0 139px;
padding: 156px 0 0;
overflow: hidden;
background: url(/images/content/home-add-a-step.gif) right top no-repeat;
}
#splash #botzag {
top: -208px;
right: 285px;
width: 376px;
height: 411px;
background: url(/images/content/home-zig.gif);
}
#splash #address {
min-height: 203px;
_height: 203px; /* <=IE6 */
background: url(/images/content/home-pics.jpg) 664px 17px no-repeat;
}