/* Common */
body,table,input,select,textarea { 
  font-family: Lucida Sans, Arial, sans-serif; 
  font-size: 100%;
  line-height: 1.125em;
}

/* Remove padding and margin */
*
    {
    margin: 0;
    padding: 0;
    border: 0;
}

body {   
  color: #747474;
  background-color: #01245e;     
}

h1 {
  font: normal 1.375em 'Georgia', serif;
  color: #01245e;   
}

h2 {
  font: normal 1.0625em 'Georgia', serif;
  color: #000;   
  margin:1em 0;
}

p { 
  margin:1em 0;
  font-size: 0.75em; 
}

#content a {
  color: #000;
  text-decoration: none;
  font-weight: bold;  
}

#content a:hover {  
  text-decoration: underline;    
}

#content ul, #content ol, dl.col {
  font-size: 0.75em;
  margin: 1em 0;
}

#content li {
  margin: 0.5em 0;
  list-style: none;
  background: transparent url('../images/g-list-icon.gif') no-repeat 0 4px;
  padding: 0 0 0 16px;
}

#content ol li {
  list-style: decimal;
  background: 0;
  margin: 0.5em 2em;
  padding: 0;
  
}

dl.col dt { 
  float:left; 
  width:9.5em;
  font-weight: bold;
  color: #000;
}

dl.col dd { 
  margin-left:10em;
}

.clear:after {
  content:".";
  height:1px;
  display:block;
  clear:both;
  visibility:hidden;
}

.clr {
  clear: both;
}

.right {
  float:right;
}

.left {
  float:left;
}

img.right {
  margin: 0 0 10px 10px;
}

img.left {
  margin: 0 10px 10px 0;
}

/* messages / errors box */
.Msg {
  margin: 1em 0;
}

.Msg ul {
  padding: 0.5em;
  list-style-type: none;
}

.Messages ul {
  border: 1px solid darkblue;
  background-color: lightblue;
}

.Errors ul {
  border: 1px solid darkred;
  background-color: pink;
}

/* Layout */

#constrain {
  width: 860px;
  margin: 0 auto;
}

#logo {
  background: transparent url('../images/i-bg-logo.gif') repeat-x;
  height: 82px;  
}

#shadow {
  background: transparent url('../images/i-shadow.gif') repeat-y;
  padding: 0 36px;
}

#header {  
  height: 186px;
  width: 790px;
  margin: 0 -1px;
}

#header .quote {
  font: normal 0.9375em 'Georgia', serif;
  color: #fff;
  text-align: right;
  margin: 0 10px 0 0;
  padding: 136px 0 0 0;
}

#header .hero-index        { background: transparent url('../images/i-hero-1.jpg') no-repeat; height: 186px; width: 790px; }
#header .hero-services     { background: transparent url('../images/i-hero-services.jpg') no-repeat; height: 186px; width: 790px; }

#header .hero-strategic    { background: transparent url('../images/i-hero-strategic.jpg') no-repeat; height: 186px; width: 790px; }
#header .hero-branding     { background: transparent url('../images/i-hero-branding.jpg') no-repeat; height: 186px; width: 790px; }
#header .hero-advertising  { background: transparent url('../images/i-hero-advertising.jpg') no-repeat; height: 186px; width: 790px; }
#header .hero-promotional  { background: transparent url('../images/i-hero-promotional.jpg') no-repeat; height: 186px; width: 790px; }
#header .hero-emarketing   { background: transparent url('../images/i-hero-emarketing.jpg') no-repeat; height: 186px; width: 790px; }
#header .hero-relations    { background: transparent url('../images/i-hero-relations.jpg') no-repeat; height: 186px; width: 790px; }
#header .hero-evaluations  { background: transparent url('../images/i-hero-evaluations.jpg') no-repeat; height: 186px; width: 790px; }

#header .hero-our-approach { background: transparent url('../images/i-hero-our-approach.jpg') no-repeat; height: 186px; width: 790px; }
#header .hero-team         { background: transparent url('../images/i-hero-team.jpg') no-repeat; height: 186px; width: 790px; }
#header .hero-contact      { background: transparent url('../images/i-hero-contact.jpg') no-repeat; height: 186px; width: 790px; }

  /* Main Navigation */
  
  #nav-top {
    background: #122950 url('../images/i-bg-nav.gif') repeat-x;
    height: 41px;
  }
  
  #nav-top li {
    list-style: none;
    display: inline;
  }
  
  #nav-top a {
    display: block;
    float: left;
    background: #122950 url('../images/i-bg-nav.gif') repeat-x;
    line-height: 41px;
    text-decoration: none;
    color: #fff;
    font-family: 'Georgia', serif;
    text-align: center;
    padding: 0 20px; 
  }
  
  #nav-top a:hover {
    background-position: bottom left;
  }

#content {
  background: transparent url('../images/i-bg-side.gif') no-repeat right bottom;
  min-height: 300px;
}

#content .text-area {
  margin: 0 216px 0 0;
  padding: 20px 0 20px 20px;
}

#side-column {
  float: right;
  width: 157px;
  margin: 0 20px 0 0;
}

#side-column .side-title {
  font: normal 1.0625em 'Georgia', serif;
  color: #606060;
}

#side-column a {
  font-weight: normal;
}

#footer {
  background-color: #011a43;
  text-align: center;
  height: 20px;
  padding: 10px 0 0 0; 
}

#footer li {
  display: inline;
  list-style: none;
  font-size: 0.69em;
  color: #fff;
  padding: 0 8px;
}

#footer a {  
  color: #ccd1d9;
  text-decoration: none;
}

#footer a:hover {   
  text-decoration: underline;
}

#author {
  background: transparent url('../images/i-bg-footer.gif') no-repeat;
  height: 30px;
  padding: 25px 35px 0 0;
  text-align: right;
}

#author a {
  font-size: 0.69em;
  color: #677b9d;
  text-decoration: none;
}

#author a:hover {
  text-decoration: underline;
}

/* Buttons */

#content a.button {
  background: transparent url('../images/g-button-r.gif') no-repeat scroll top right;
  color:#fff;
  display: block;
  float: left;    
  font: normal 0.875em 'Georgia', serif;
  height: 25px;    
  margin:0 6px 15px 0;
  padding-right: 22px; /* sliding doors padding */
  text-decoration: none;
  cursor:pointer;    
}

#content a.button span {
  background: transparent url('../images/g-button-l.gif') repeat-x;
  display: block;
  line-height: 25px;
  padding: 0 8px 0 8px;
}

#content a:hover.button {
  background-position: bottom right;
}

#content a:hover.button span {
  background-position: bottom left;
}

#content a.blue-button {
  background: transparent url('../images/g-button-r-b.gif') no-repeat scroll top right;
}

/* Content Layout */

#content .highlight {
  background: #f2f2f2 url('../images/i-bg-highlight.gif') repeat-x left bottom;
  padding: 10px;
}

.image-strip div {
  width: 180px;
  height: 190px;
  font-size: 0.69em;
  float: left;
  margin: 0 4px 4px 0;    
}