html,body {
 height: 101%;
}

body {
  margin: 0px;
  padding: 0px;
  background: url('/images/gradient_bg.png') top left repeat-x;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  woverflow: scroll;
}

body.orange {
  background: url('/images/gradient_orange_bg.png') top left repeat-x;
}

body.pink {
  background: url('/images/gradient_pink_bg.png') top left repeat-x;
}

body.green {
  background: url('/images/gradient_green_bg.png') top left repeat-x;
}

body.blue {
  background: url('/images/gradient_blue_bg.png') top left repeat-x;
}

#outerWrapper {
  width: 720px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#wrapper {
  text-align: left;
  width: 694px;
  mmargin-left: auto;
  mmargin-right: auto;
  background: url('/images/content_bg.png') bottom left no-repeat;
}

#pageContent {
  background: white;
  margin-left: 7px;
  padding: 32px;
  width: 616px !important; /*moz width*/
  width: 680px; /*IE width*/
}

h1#nvableLogo {
  margin-top: 25px;
  float: left;
  display: block;
  width: 115px;
  height: 25px;
  background: url('/images/nvable_logo.png') top left no-repeat;
  font-size: 1px;
  text-indent: -7000em;
}

/* Main properties for header location */
h2#headerLocation {
  margin-top: 12px;
  float: right;
  display: block;
  width: 300px;
  height: 55px;
  font-size: 1px;
  text-indent: -7000em;
  margin-right: 0px;
}

/* Specific header images for pages */
h2.headerHome {
  background: url('/images/header_home.png') top right no-repeat;
}

h2.headerAbout {
  background: url('/images/header_about.png') top right no-repeat;
}

h2.headerServices {
  background: url('/images/header_services.png') top right no-repeat;
}

h2.headerProjects {
  background: url('/images/header_projects.png') top right no-repeat;
}

h2.headerAboutExperience {
  background: url('/images/header_about_experience.png') top right no-repeat;
}

h2.headerAboutPeople {
  background: url('/images/header_about_people.png') top right no-repeat;
}

h2.headerTestimonials {
  background: url('/images/header_testimonials.png') top right no-repeat;
}

h2.headerSupport {
  background: url('/images/header_support.png') top right no-repeat;
}


/* Space between header and main page content */
#headerSpacer {
  clear: both;
  height: 17px;
  display: block;
}


/*
 * Left hand page menu
 */
#menu {
  float: left;
  width: 124px;
  z-index: 3;
}

#menu ul {
  list-style-type: none;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: 20px;
  position: absolute;
  z-index: 300;
  width: 120px;
}

#menu a {
  text-decoration: none;
  color: #cdc6bd;
}

#menu .active a, #menu a:hover {
  text-decoration: none;
  color: #351f0a;
}

#menu .dottedLine {
  margin-top: 20px;
}

.dottedLine {
  display: block;
  height: 2px;
  background: url('/images/dotted_line.png') top left repeat-x;  
}


/* Main page content */
#mainContent {
  width: 423px;
  margin-right: 11px;
  float: right;
  color: #7c6a55;
  font-size: 12px;
}

/* Home page taglines text */
#tagline {
  font-size: 48px;
  font-weight: 100;
  padding-bottom: 15px;
  margin: 0px;
}

.tagline1 {
  color: #b01a60;
}

.tagline2 {
  color: #e28307;
}

.tagline3 {
  color: #00a0c6;
}

/* Left hand contact details */
#contactDetails {
  margin-top: 150px;
  float: left;
  clear: left;
  font-size: 12px;
  color: #bbb1a5;
  width: 124px;
}

#contactDetails p b {
  color: #251100;
}

#forceFooter {
  display: block;
  height: 1px;
  clear: both;
}

#aboutExperience {
  float: left;
  width: 47%; 
}

.aboutExperienceContent {
  color: #77a008;
  font-size: 18px;
  margin-top: 10px;
}

#aboutPeople {
  float: right;
  width: 47%; 
}

.aboutPeopleContent {
  background: url('/images/about_people_bg.png') top left repeat-x;
}

#testimonial {
  float: left;
  width: 47%; 
}

.testimonialContent {
  color: #00a0c6;
  font-size: 18px;
  margin-top: 10px;
  background: url('/images/about_people_bg.png') top left repeat-x;
}

.testimonialName {
  font-size: 12px;
  font-weight: bold;
  color: #2b6f7d;
}

.featuredProjectLink img {
  margin-right: 3px;
}

.featuredProjectLink a, .featuredProjectLink a:hover {
  color: #251100;
  text-decoration: none;
  font-weight: bold;
}

.featuredProjects {
  margin-top: 10px;
}

.featuredProjects a,
.featuredProjects a:hover
 {
    color: #351F0A;
}

.aboutPeoplePerson {
  font-weight: bold;
  color: #251100;
}

.aboutPeoplePerson img {
  margin-right: 5px;
}

.aboutPeoplePerson a  {
  margin-right: 5px;
}

#cms_projectText {
  padding-top: 320px;
}

#mainContent h3.aboutHeading {
  margin-top: 0px;
  margin-bottom: 5px;
  padding: 0px;
  color: #cdc6bd;
  font-size: 20px;
  font-weight: normal;
}

#cms_projectHeading h3,
#mainContent h3.heading {
  margin-top: 0px;
  margin-bottom: 5px;
  padding: 0px;
  color: #7c6a55;
  font-size: 20px;
  font-weight: normal;
}

.left {
  float: left;
}

.right {
  float: right;
}

.projectInfoBox {
  width: 47%;
  margin-top: 10px;
  background: #bfe7f1;
}

.infoBoxHeading {
  background: #00a0c6;
  color: white;
  padding: 3px;
  font-weight: bold;
  margin-bottom: 2px;
}

.infoBoxLink {
  margin-left: 3px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.infoBoxLink img {
  margin-right: 3px;
}

.projectInfoBox p {
  padding-left: 3px;
}

.infoBoxLink a {
  color: #251100;
  text-decoration: none;
  font-weight: bold;
}

h4 {
  font-weight: bold;
  color: #251100;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
}

.highlight {
  background: #bfe7f1;
}

h3.aboutExperienceHeading {
  color: #251100;
  font-size: 10pt;
  padding: 0px;
  margin: 0px;
}


#menu ul li {
  position: relative;
  display: block;
  xxwidth: 120px;
}

#menu ul li.hasChildren:hover {
  background: url('/images/menu_hover_bg.png') center right no-repeat;
}

#menu ul ul {
  visibility: hidden;
  position: absolute;
  left: 120px;
  top: 0px;
  background: url('/images/submenu_top_bg.png') no-repeat top right;
  z-index: 1000;
  width: 121px;
  padding-top: 5px;
}

#menu ul li:hover ul,
#menu ul li a:hover ul {
  visibility: visible;
  z-index:10000;
  display:block;
  xxposition:absolute;
}

#menu ul ul li {
  margin-right: 0px;
  display: block;
  width: 121px;
  font-size: 14px;
  padding-bottom: 4px;
  margin-top: 2px;
  background: url('/images/submenu_spacer_bg.png') no-repeat bottom right;
}

#menu ul ul li:hover {
  background: url('/images/submenu_spacer_bg.png') no-repeat bottom right;
}

#menu ul ul li a, #menu ul .active ul li a {
  background: none;
  display: block;
  padding-left: 20px;
  width: 121px;
  color: #cdc6bd;
}

#menu ul ul li a:hover {
  color: white;
  background: none;
}

.personNameBox {
  width: 47%;
  margin-top: 10px;
}

h4.personHeading {
  padding-top: 2px;
  padding-bottom: 3px;
  font-size: 12px;
  text-transform: uppercase;
}

div.personNamePosition {
  padding-top: 3px;
  color: #b8b1a5;
  font-weight: bold;
  font-size: 12px;
}

.teamContent {
  clear: both;
  padding-top: 30px;
}

div.supportLogin label {
  display: block;
  width: 80px;
  float: left;
  margin-top: 3px;
}


/*
 * Support Login
 */
div.supportLogin input {
  margin-top: 3px;
  float: left;
}

div.supportLogin legend {
  color: #7c6a55;
}

div.supportLogin fieldset {
  padding-left: 5px;
}

div.supportLogin .loginFields {
  padding-top: 5px;
}

div.supportLoginFailed {
  background:  #ffeaea;
  width: 100%;
  padding: 3px;
  color: #aa0000;
  border: 1px solid #ff9999;
  margin-bottom: 10px;
}