@charset "utf-8";
/* CSS Document */

html {
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-image: url(../graphics/bg_platinum.gif);
  background-repeat: repeat-x;
  background-position: 0px 15px;
  background-color: #444444;
  }

body {
  margin: 0px;
  padding: 15px 0px 0px 0px;
  min-height: 755px;
  background-repeat: no-repeat;
  background-position: center top;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 76%;
  color: #666666;
  }
#corners {
  position: absolute;
  top: 0px;
  left: 0px;
  background: url(../graphics/corners.gif) no-repeat center 15px;
  width: 100%;
  min-width: 1240px;
  height: 28px;
  z-index: 100;
  }
#base {
  position: relative;
  width: 1240px;
  height: auto;
  min-height: 770px;
  margin: 0px auto 0px auto;
  background-color: #c0bbb8;
  border: 1px solid #666660;
  border-top: none;
  border-bottom: none;
  }
#header {
  width: 1240px;
  height: auto;
  min-height: 390px;
  background-color: #262524;
  }
#header:after {
  content: "."; 
  display: block; 
  height: 0px;
  font-size: 1pt; 
  clear: both; 
  visibility: hidden;
  }
.img_main {
  float: right;
  border-left: 1px solid #666660;
  border-bottom: 1px solid #666660;
  }


/* navigation */
ul#nav {
  position: absolute;
  top: 0px;
  left: -1px;
  width: 310px;
  height: 185px;
  clear: none;
  list-style-type: none;
  margin: 0px;
  padding: 182px 0px 0px 0px;
  text-align: right;
  }
ul#nav li {
  display: block;
  height: 42px;
  clear: both;
  margin: 0px;
  list-style-type: none;
  text-align: right;
  }
ul#nav li a {
  display: block;
  height: 42px;
  text-decoration: none;
  background-position: 0px 0px;
  margin: 0px 0px 0px 1px;
  font-size: 1px;
  letter-spacing: -1000px;
  color: #262524;
  text-align: right;
  }
ul#nav li a img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  border-bottom: 1px solid #666660;
  }
ul#nav li a:hover,
ul#nav li.here a {
  background-position: 0px -33px;
  }
ul#nav li#nav_01 a {
  width: 309px;
  background-image: url(../graphics/nav_home.gif);
  }
ul#nav li#nav_02 a {
  width: 309px;
  background-image: url(../graphics/nav_the_process.gif);
  }
ul#nav li#nav_03 a {
  width: 309px;
  background-image: url(../graphics/nav_case_studies.gif);
  }
ul#nav li#nav_04 a {
  width: 309px;
  background-image: url(../graphics/nav_company_profile.gif);
  }
ul#nav li#nav_05 a {
  width: 309px;
  background-image: url(../graphics/nav_contact.gif);
  }





#left_col {
  width: 309px;
  padding: 21px 0px 0px 0px;
  float: left;
  }
#right_col {
  height: 100%;
  margin: 0px 0px 0px 309px;
  padding: 18px 30px 48px 0px;
  color: #000000;
  width: 900px;
  }
/* content */

#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
  font-size: 1em;
  line-height: 1.5em;
  margin: 0px;
  }
#main h1.page_heading {
  margin: 0px;
  font-size: 1px;
  color: #c0bbb8;
  width: 309px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: right top;
  }
#main h1.home {
  background-image: url(../graphics/heading_welcome.gif);
  }
#main h1.process {
  background-image: url(../graphics/heading_the_process.gif);
  }
#main h1.case_studies {
  background-image: url(../graphics/heading_case_studies.gif);
  }
#main h1.company_profile {
  background-image: url(../graphics/heading_company_profile.gif);
  }
#main h1.company_gray {
  background-image: url(../graphics/heading_gray.gif);
  }
#main h1.company_singlewood {
  background-image: url(../graphics/heading_singlewood.gif);
  }
#main h1.company_ainslie {
  background-image: url(../graphics/heading_ainslie.gif);
  }
#main h1.contact {
  background-image: url(../graphics/heading_contact.gif);
  }
#main h2.gallery_name {
  margin: -2px 0px 10px 0px;
  font-size: 1.2em;
  line-height: 1.5em;
  border-bottom: 1px solid #aaaaaa;
  }
#main ul {
  margin: 0px 0px 1em 1.2em;
  padding-left: 0px;
  }
#main ul li {
  line-height: 1.5em;
  list-style-image: url(../graphics/bullet.gif);
  margin: 0pt 0pt 3pt;
  }
#main ul#who li a,
#main ul#company li a,
#main table.case_studies ul li a {
  color: #000000;
  }

#right_col a {
  color: #dd3311;
  text-decoration: none;
  }
#right_col a:hover {
  color: #dd3311;
  text-decoration: underline;
  }
#right_col p {
  margin: 0pt 0pt 7pt 0pt;
  line-height: 1.6em;
  }

#footer {
  width: 1240px;
  height: 30px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background-color: #000000; 
}

#footer a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  text-decoration: none;
}
#footer a:hover {
  color: #CCCCCC;
  text-decoration: underline;
}
.footer_left {
 float: left;
 padding: 7px 10px 5px 10px;
 margin-left: 298px;

}
.footer_right {
  clear: none;
  float: right;
  padding: 7px 10px 5px 10px;
}

ul.gallery_nav {
  width: 280px;
  }
ul.gallery_nav li a {
  display: block;
  padding: 2px 4px;
  }
ul.gallery_nav li.here a {
  background-color: #d0cbc8;
  }