#topBar      { position: relative; width: 100%; }
#logo        { position: absolute; left: 0px; }
#menuPlace   { position: relative; left: 208px; width: 100%; height: 142px; cursor: default; }
#menuBG      { position: absolute; top: 101px; left: 0px; width: 100%; height: 22px; background: #444; color: #FFF; z-index: 1; }

.b { position: relative; padding: 10px; margin-top: 3px; width: 97%; }

#menuPlace,
.b { opacity: 0.8; }

#mainMenu,
#aboutMenu,
#testimonialsMenu,
#portfolioMenu,
#contactMenu {
  position: absolute;
  font-size: 10px;
  padding: 5px;
}

#mainMenu         { top: 101px; left:   0px; z-index: 2; }

#aboutMenu        { top:  26px; left:   9px; height: 75px; }
#testimonialsMenu { top:  62px; left:  67px; height: 40px; }
#portfolioMenu    { top:  74px; left: 176px; height: 40px; }
#contactMenu      { top:  62px; left: 258px; height: 40px; }

.default-box,
#WhatWeOffer,
#WhoWeAre,
#HowWeDoIt,
#WhereToStart,
#WhenWeveFinished,  #aboutMenu        { background: #533; color: #FFF; }

#Correspondence,
#Quotes,            #testimonialsMenu { background: #353; color: #FFF; }

#Selected,          #portfolioMenu    { background: #335; color: #FFF; }

#Enquiry,
#Information,       #contactMenu      { background: #555; color: #FFF; }

/* ==== */

html {
  overflow-y: scroll;
  overflow-x: hidden;
}

body {
  position: relative;
  background: #000 url('../images/front/bg.gif') no-repeat scroll center top;
  min-width: 735px;
  max-width: 950px;
  margin: 15px auto;
  padding: 0 20px;
}

p, td, th, ol, ul, li, dd,
h1, h2, h3, h4, h5, h6,
a:link, a:visited,
a:active, a:hover { background: transparent; }

a:link, a:visited { text-decoration: none; color: #FA5; }
a:active, a:hover { text-decoration: underline; color: #FFF; }

a:link img.hover, a:visited img.hover { opacity: 0.4; }
a:hover img.hover, a:active img.hover { opacity: 1; }

body, p, td, th, ol, ul, li, dd  { font-family: Verdana, sans-serif; font-size: x-small; color: #FFF; }
h1, h2, h3, h4, h5, h6  { font-family: serif; margin-top: 0px }
h1 { font-size: 28px; color: #E6B2AA; }
h2 { font-size: 24px; color: #DB8F83; }
h3 { font-size: 20px; color: #D16F5F; }
h4 { font-size: 16px; color: #C8503C; }
h5 { font-size: 12px; color: #AB4231; }
h6 { font-size:  8px; color: #933A2B; }

li { margin-bottom: 0.5em; }

small { font-size: xx-small; }

.not-here { display: none; }

.formWidth, #enquiryBox { width: 230px; font: normal 11px sans-serif; padding: 0px; margin: 0px; }
select.formWidth { width: 234px; }
#enquiryBox { height: 202px; }