body {
  padding: 0;
  margin: 12px 0;
  background: #2c4e87 url("/images/body-bg.gif") left top repeat-x;
  font-size: 62.5%;
  font-family: "trebuchet ms", arial, sans-serif;
}

img            { display: block; border: 0; }
ul, ol, li     { margin: 0; padding: 0; line-height: 1.2em; }
h1, h2, h3, h4 { margin: 0; padding: 0; }
form, fieldset { padding: 0; margin: 0; }
p              { margin: 0; padding: 6px 0; line-height: 1.4em; }

.red        { color: #a11110; }
.smaller    { font-size: 0.9em; line-height: 1.0em; }
.center     { text-aling: center; }
.right      { text-align: right; }
.inline     { display: inline; }
.peacemaker { clear: both; line-height: 0px; font-size: 0px; }
.nobr       { white-space: nowrap; }



/* ========== header ========== */

#header {
  width: 936px;
  margin: 0 auto;
  padding: 0 12px 12px;
  text-align: left;
}

#header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#logotype {
  width: 215px;
  height: 39px;
  float: left;
}

#intro {
  width: 960px;
  margin: 0 auto;
  background: transparent url("/images/intro.jpg") left top no-repeat;
  height: 310px;
}

#phonebox { padding: 24px 24px 0 744px; }



/* ========== menubar ========== */

#menubar { width: 570px; float: right; }

#menubar:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#menubar ul { list-style: none; padding: 6px 0 0; margin: 0; }

#menubar ul li {
  display: inline;
  float: left;
  padding: 0;
  margin: 0;
}

#menubar ul li a {
  margin: 0 0 0 1px;
  border: 0;
  padding: 0;
  padding-top: 30px;
  overflow: hidden;
  height: 0px !important; /* for most browsers */
  height /**/:30px; /* for pre 6.0 IE Win */
  display: block;
  text-decoration: none;
}

#menubar ul li#button-cover a { width: 73px; background: transparent url("/images/button-cover-off.gif") left top no-repeat; }
#menubar ul li#button-cover a:hover { background: transparent url("/images/button-cover-on.gif") left top no-repeat; }
#menubar ul li#button-cover a.active { background: transparent url("/images/button-cover-on.gif") left top no-repeat; }

#menubar ul li#button-company a { width: 107px; background: transparent url("/images/button-company-off.gif") left top no-repeat; }
#menubar ul li#button-company a:hover { background: transparent url("/images/button-company-on.gif") left top no-repeat; }
#menubar ul li#button-company a.active { background: transparent url("/images/button-company-on.gif") left top no-repeat; }

#menubar ul li#button-rates-and-services a { width: 122px; background: transparent url("/images/button-services-off.gif") left top no-repeat; }
#menubar ul li#button-rates-and-services a:hover { background: transparent url("/images/button-services-on.gif") left top no-repeat; }
#menubar ul li#button-rates-and-services a.active { background: transparent url("/images/button-services-on.gif") left top no-repeat; }

#menubar ul li#button-order a { width: 172px; background: transparent url("/images/button-order-off.gif") left top no-repeat; }
#menubar ul li#button-order a:hover { background: transparent url("/images/button-order-on.gif") left top no-repeat; }
#menubar ul li#button-order a.active { background: transparent url("/images/button-order-on.gif") left top no-repeat; }

#menubar ul li#button-contacts a { width: 84px; background: transparent url("/images/button-contacts-off.gif") left top no-repeat; }
#menubar ul li#button-contacts a:hover { background: transparent url("/images/button-contacts-on.gif") left top no-repeat; }
#menubar ul li#button-contacts a.active { background: transparent url("/images/button-contacts-on.gif") left top no-repeat; }

#submenubar-wrapper {
  background: #a11110;
  width: 180px;
  margin: 12px 24px 0 744px;
  height: 158px;
  padding: 6px;
}

#submenubar {
  border: solid 1px #bc504f;
  height: 122px;
  padding: 34px 0 0;
  background: #a11110 url("/images/submenu-bg.gif") center top no-repeat;
}

#submenubar ul { list-style: none; padding: 0; margin: 0; }
#submenubar ul li { font-size: 1.1em; padding: 0; margin: 0; }

#submenubar ul li a {
  margin: 0 6px;
  padding: 5px 6px;
  display: block;
  text-decoration: none;
  color: #fff;
  border-bottom: solid 1px #bc504f;
}

#submenubar ul li a:hover {
  background: #ecedef;
  color: #000;
}



/* ========== wrapper ========== */

#wrapper {
  width: 960px;
  margin: 0 auto;
  font-size: 1.1em;
  background: #fff url("/images/wrapper2column.gif") left top repeat-y;
  text-align: left;
}

#wrapper1column {
  width: 960px;
  margin: 0 auto;
  font-size: 1.1em;
  background: #fff url("/images/wrapper1column.gif") left top repeat-y;
  text-align: left;
}

#wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#wrapper1column:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#wrapper.wrapper3column { background: #fff url("/images/wrapper3column.gif") left top repeat-y; }
#wrapper.wrapper1column { background: #fff url("/images/wrapper1column.gif") left top repeat-y; }

#heading-wrapper { background: #fff url("/images/heading-wrapper2column.gif") left top repeat-y; }
#heading-wrapper.wrapper3column { background: #fff url("/images/heading-wrapper3column.gif") left top repeat-y; }
#heading-wrapper.wrapper1column { background: #fff; }
#heading-wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#sidebar-heading  { width: 240px; float: left; }
#content-heading  { width: 720px; float: left; }
#orderbar-heading { width: 240px; float: left; }

#content-heading.narrow { width: 480px; }
#content-heading.wide   { width: 960px; }

#content-heading h1 {
  margin: 0;
  padding: 6px 24px 11px;
  font-size: 1.4em;
  line-height: 1em;
  font-weight: bold;
  color: #a11110;
  background: #e6ecf6;
}

#sidebar-heading h2, #orderbar-heading h2 {
  margin: 0;
  background: #d1d7e2;
  padding: 6px 24px 11px;
  font-size: 1.4em;
  line-height: 1em;
  font-weight: bold;
  color: #a11110;
}



/* ========== content ========== */

#sidebar {
  width: 192px;
  float: left;
  padding: 12px 24px 24px;
}

#content {
  width: 672px;
  float: left;
  padding: 12px 24px 24px;
}

#content.narrow { width: 432px; }

#content a:link { color: #a11110; }
#content a:hover { color: #cd0001; }

#content h2 {
  margin: 7px 0 2px;
  padding: 0;
  font-size: 1.3em;
  border-bottom: solid 1px #333;
}

#sidebar h2, #sidebar h3 {
  margin: 12px 0 2px;
  padding: 0;
  font-size: 1.1em;
  line-height: 1.1em;
}

#sidebar ul { list-style-type: square; padding: 0 0 0 12px; }
#sidebar li { padding: 5px 0; }

#content ul { list-style-type: square; padding: 7px 0 7px 24px; }
#content li { padding: 2px 0; }



/* ========== footer ========== */

#footer {
  width: 912px;
  padding: 19px 24px;
  margin: 0 auto;
  background: #1b3664;
  color: #ccddfa;
  font-size: 1.1em;
  text-align: center;
}

#footer.cover {
  width: 720px;
  padding: 19px 24px 19px 216px;
}

#footer p { padding: 5px 0; }
#footer a { color: #ccddfa; }
#footer a:hover { color: #fff; }

#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#pu            { float: right; width: 192px; text-align: left; }
#pu:after      { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#pu p          { line-height: 1.1em; }
#pu img#puLogo { float: left; margin-right: 7px; }