@import url(navigation.css);
@import url(modules.css);
@import url(copy.css);
@import url(extras.css);
@import url(fixes.css);
@import url(bpw.css);

body {
  text-align: center;
}

* {
  padding: 0;
  margin: 0;  
}

#wrapper {
  border: dotted 0px red;
  padding-top: 15px;
}

#container {
  border: dotted 0px blue;
  width: 85%;
  min-width: 1030px;
  max-width: 1100px;
  margin: auto;
  text-align: left;
}

#head {
  border: solid 0px black;
  background: url('../images/headFade.png') top left repeat-x #e6e6e6;
  height: 204px;
}

#branding {
  border: solid 0px orange;
  background: url('../images/brandingWaves.jpg') top left no-repeat;
  height: 130px;
  position: relative;
}

#corporateNavWrap {
  border: solid 0px yellow;
  float: right;
  width: 700px;
}

#corporateNav {
  border: solid 0px red;
  float: left;
  width: 330px;
  padding-top: 12px;
}

#logos {
  border: solid 0px yellow;
  float: right;
  width: 355px;
  height: 106px;
  background: url('../images/logosFrame.gif') 0px 0px no-repeat;
}

#thirdNav {
  border: solid 0px red;
  position: absolute;
  top: 109px;
  right: 0px;
  width: 75%;
  height: 35px;
}

#coreNav {
  padding: 0 0 0 0;
  background: url('../images/coreNavFade.jpg') top left repeat-x;
  height: 2.45em;
  position: relative;
}

#search {
  position: absolute;
  top: 10px;
  right: 25px;  
}

#subNavBlock {
  height: 27px;
  background: url('../images/subNavBlockLeft.jpg') bottom left no-repeat #e6e6e6;
  position: relative;
  margin-top: 0.5em;
}

#subNavBlockR {
  height: 27px;
  margin-left: 10px;
  background: #e6e6e6;
  background: url('../images/subNavBlockRight.jpg') bottom right no-repeat #e6e6e6;  
}

#bodyWrap {
  position: relative;
  margin: 1em 0 0 0;
}

#letterBox {
  border: dotted 0px red;
  width: 100%;
  overflow: hidden;
  margin: 0 0 0 0;
  position: relative;
  padding: 0 0 0 1px;
}

#footer {
  border: solid 0px blue;
  margin: 16px 4px 0px 6px;
  padding-bottom: 10px;
}

#copyright {
  border: solid 1px #ffffff;
  margin: 0 0 35px 0;
  padding: 0 0 0 0;
}

/* = Content page layout
-----------------------------------------------------------------------------*/

#contentNav {
  border: solid 0px blue;
  width: 228px;
  float: left;
  padding: 7px 0 0 21px;
  position: relative;
}

#contentBody {
  border: solid 0px green;
  margin: 0 0 0 250px; 
}

#contentIcons {
  border: solid 0px blue;
  margin-bottom: 20px;
}

#contentIconsWrap {
  border: solid 0px blue;
  background: url('../images/contentIconsBottom.png') no-repeat 0px bottom;
  padding-bottom: 8px;
  position: relative;
}

/* = Gallery section layout
-----------------------------------------------------------------------------*/

#imageGallery {
  border: dotted 0px red;
  padding: 0 0 0 22px;
  margin: 0 0 0 250px;
}