/* 
filename:  gva.css 
created:   Nov 06, 2007
modified:  Jun 01, 2009
*/
* {
  margin:0;
  padding:0;
  border-width:0;
}
body {
  background:#222;
  font-family:Arial, Helvetica, sans-serif;
  color:#fff;
  font-size:100.1%;
  line-height:1.2;
}
h2 {
  font-size:1.18em;
  padding-bottom:1em;
  border:0px solid blue;
}
h3 {
  font-size:1em;
}
ul {
  border:0px solid red;
}
a {
  text-decoration:none;
  color:#000;
  outline-style:none;
}
a:visited {
  color:#404040;
}
a:hover {
  color:#fff;
}
li {
  list-style:none;
  border:0px solid green;
}
p.footnote {
  margin:1.2em 3em 0 0.7em;
  text-indent:-0.7em;
}
#wrap {
  position:relative;
  width:840px;
  background:#777;
  margin:0 auto;
}

/* IE FIXED POS */
/* based on http://www.howtocreate.co.uk/fixedPosition.html */

/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers*/
#header,
#fixedheader,
#fixedheader2 {
  position:absolute;
  width:840px;
  height:70px; 
  background:#ebe3cd url(../images/gva_header.gif) 0 0 no-repeat;
  border-top:12px solid #222;
  border-bottom:4px solid #222;
  margin-left:0;
  z-index:2; 
}
#fixedheader2 {
  background:#ebe3cd url(../images/gva_header_w.gif) 0 0 no-repeat;
}

/* Opera 5+, Netscape6+/Mozilla, Konqueror, Safari*/
/* OmniWeb 4.5+, iCab, ICEbrowser */

#wrap>#fixedheader,
#wrap>#fixedheader2 {
  position:fixed;
}
/* END IE FIXED POS */

#header h1,
#fixedheader h1,
#fixedheader2 h1 {
  text-indent:-5000px;
}

/* link header logo */
#fixedheader h1 a,
#fixedheader2 h1 a {  
  display:block;
  height:46px;
  left:16px;
  position:relative;
  top:16px;
  width:114px;
}
#content {
  background-color:#777;
}
#mainnav, 
#subnav {
  font-size:0.813em; /* 13px */
  left:707px;
  line-height:1em;
  top:86px;
  position:absolute;
}
#mainnav li {
  border-bottom:1px solid #555;
  width:133px;
}
#mainnav a,
#subnav a {
  background-color:#777;
  display:block;
  padding: 6px 0 3px 12px;
}
#mainnav #leedbtn,
#mainnav #leedbtn:visited {
  color:#00cc4d;
}
#mainnav a:visited,
#subnav a:visited {
  color:#000;
}
#homepage #mainnav #homebtn a:visited {
  color:#fff;
}
#mainnav a:hover,
#subnav a:hover,
#mainnav a#leedbtn:hover {
  color:#fff;
}
#subnav {
  left:498px;
}
#subnav li {
  border-bottom:1px solid #777;
}
#subnav li a {
  padding:6px 6px 3px 6px;
}

#maincontent {
  position:relative;
  width:494px;
}
#flashcontent {
  width:464px;
  padding:33px 10px 0 20px;
  border-right:1px solid #555;
  margin-bottom:-2px;
}
#footer {
  background-color:#777;
  clear:left;
  font-size:0.688em; /* 11px */
  height:1.8em; 
  padding:5em 0 0 20px;
}
#footer div {
	border-left:1px solid #555;
  float:left;
	height:1.8em;
	padding:0 1.5em 0 0.5em;
}
div.clear,
div.clearfooter {
  clear:both;
  height:1px;
  padding:0;
  text-align:right;
}
div.clearfooter {
  background-color:#222;
  height:2.5em;
}
div.clearfooter p {
  color: #606060;
  font-size:0.563em; /* 9px */
  padding:3px 0;
}
div.clearfooter a {
  color: #606060;
}
div.clearfooter a:hover {
  color: #999;
}
#footer a {
  color:#fff;
}
#footer a:hover {
  color:#000;
}
#footer a:visited {
  color:#fff;
}
#bottom {
  background-color:#fff;
  height:12px;
  width:72px;
}

/* MAINNAV & SUBNAV BTNS */
#homepage #mainnav #homebtn,
#projectpage #projectsbtn,
body.clientpage #projectsbtn,
#historypage #profilebtn,
#newspage #newsbtn,
#contactpage #contactbtn,
#leedpage #mainnav a#leedbtn {
  color:#fff;
  cursor:default;
}

#philosophypage #profilebtn,
#awardspage #profilebtn,
#directionspage #contactbtn, 
#clientseducationpage #educbtn,
#clientscorporatepage #corpbtn,
#clientscommercialpage #combtn,
#clientsreligiouspage #relbtn,
#clientsfinancialpage #financialbtn,
#clientsinteriorpage #intbtn,
#clientsresidentialpage #resbtn,
#clientsotherpage #otherbtn {
  color:#fff;
}

#educprojects #educbtn,
#educprojects #projectsbtn,
#corpprojects #corpbtn,
#corpprojects #projectsbtn,
#comprojects #combtn,
#comprojects #projectsbtn,
#relprojects #relbtn,
#relprojects #projectsbtn,
#financialprojects #financialbtn,
#financialprojects #projectsbtn,
#intprojects #intbtn,
#intprojects #projectsbtn,
#resprojects #resbtn,
#resprojects #projectsbtn,
#otherprojects #otherbtn,
#otherprojects #projectsbtn {
  color:#fff;
  cursor:default;
}

#historypage #historybtn,
#philosophypage #philosophybtn,
#awardspage #awardsbtn {
  color:#fff;
  cursor:default;
}

/* ALERTS */
#contactpage p.alert,
p.alert {
  border:1px solid #f00;
  font-size:0.75em; /* 12px */
  line-height:1.3;
  margin:0 5px 1.5em 0;
  padding:0.7em;
}
p.alert a {
  color:#fff;
  text-decoration:underline;
}
#contactpage p.alert,
#projectviewer .alert {
  left:12px;
  position:relative;
  top:19px;
  width:488px;
}
#contactpage p.alert {
  font-size:1em;
  left:0;
}

/* HOMEPAGE */
#homepage #header {
  position:relative;
}
#homepage #content {
  position:relative;
  height: 494px; 
  background:#777; 
  padding-bottom:2px;
}
#homepage p#caption {
  font-size:0.75em;
  line-height:1.3;
  padding:2.3em 4px 0 0;
  text-align:right;
}
#homepage #mainnav {
  top:11px;
  left:495px;
}
#homepage #description {
  height:421px;
  left:640px;
  line-height:1.73;
  position:absolute;
  top:0;
  width:180px;
}
#description p {
  bottom:0; 
  font-size:0.75em; /* 12px */
  position:absolute; 
}

/* PROJECT PAGES AND CLIENT PAGES*/
.projectpage #content,
.clientpage #content {
  border-right:1px solid #555;
  font-size:0.75em;
  margin-bottom:86px;
  min-height:400px;
  overflow:visible;
  padding:0 0 0 20px;
  position:relative;
  top:86px;
  width:474px;
}
#tertiarymenu {
  font-size: 1.091em; /* 12 px */
  line-height:1;
  padding-bottom:1em;
}
#tertiarymenu a {
  color:#000;
}
#tertiarymenu a:visited {
  color:#000;
}
#tertiarymenu a:hover {
  color:#fff;
}
#tab_proj,
#tab_client{
  padding:12px 24px 0 5px;
  margin-bottom:12px;
  border-left:1px solid #555;
  float:left;
}
#clearlinks {
  clear:left;
  font-size:2px;
  background-color:#777;
}

/* CLIENT PAGES */
.clientpage h2 {
  font-size:1em; 
  margin-bottom:1.5em;
}
.clientpage h3 {
  margin:1.5em 0 0.3em;
}
.clientpage .clientlist {
  padding-left:6px;
}

/* PROJECT CATEGORIES */
#categories {
	border-right:1px solid #555;
	height:400px;
	margin-bottom:86px;
	top:86px;
	overflow:visible;
  position:relative;
  width:494px;
}
#categories div {
  position:relative;
  width:217px;
	height:80px;
	background-color:#6c6c6c;
	margin:20px 0 0 20px;
	float:left;
/* for IE6 */
	display:inline;
  overflow:hidden;
/* end for IE6 */
}
#categories span {
  position:absolute;
  left:118px;
  bottom:6px;
  font-size:12px;
  padding-right:4px;
}
#categories a {
  color:#fff;
  display:block;
/* IE6 */
  cursor:pointer;
}
#categories a:hover {
  background-color:#5c5c5c;
}

/* PROJECTS */
#projects {
  border-right:1px solid #555;
  top:86px;
  min-height:400px;
  margin-bottom:86px;
  overflow:visible;
  padding:0 0 0 20px;
  position:relative;
  width:474px;
}
.proj_wrap {
  width:454px;
  position:relative;
  margin-bottom:20px;
  text-align:right;
  /* IE6 */
  overflow:hidden;
  clear:left;
}
.proj_wrap a,
.proj_wrap a:visited {
  cursor:pointer;
  color:#fff;
  background-color:#6c6c6c; 
  display:block;
}
.proj_wrap a:hover {
  background-color:#5c5c5c;
}
.proj_wrap img {
  width:207px;
  margin-left:10px;
  border:0px solid #333;
}
.proj_wrap span {
  line-height:1.3;
  width:222px;
  position:absolute;
  bottom:16px;
  left:10px;
  font-size:12px;
}
#last_proj{
  margin-bottom:0;
}

/* VIEWER */
body#projectviewer {
  background:#555 url("/images/viewer_bg.gif") 0 0 no-repeat;
}
#closebutton {
  position:absolute;
  left:11px;
  bottom:7px;
  width:4em;
  text-align:center;
  z-index:100;
}
#closebutton a {
  color:#bbb;
  font-size:10px;
  background-color:transparent;
  padding:6px 0;
  display:block;
}
#closebutton a:hover {
  cursor:pointer;
}

/* PROFILE*/
#historypage #content,
#philosophypage #content,
#awardspage #content {
  padding:101px 16px 0 20px;
  width:458px;
  font-size:12px;
  border-right:1px solid #555;
}
#historypage #content ul,
#awardspage #content ul{
  margin-top:-1.2em;
  border:0px solid red;
}
#historypage #content li,
#awardspage #content li{
  background-color:#6c6c6c;
  color:#fff;
  line-height:1.3; 
  margin:1.2em 0 0;
  border:0px solid yellow;
}
#historypage #content li {
  background-color:#6c6c6c;
  clear:both;
  padding:0.8em;
}
#historypage #content p {
  margin-left: 82px;
}
#historypage #content ul img {
  width:72px;
  float:left; 
  margin-right:10px;
}
#historypage h3 {
  font-size:1.3em;
  font-weight:normal;
  margin-left: 82px;
  padding-bottom:0.2em;
}
#historypage p {
  width:19em;
}
#philosophypage p {
  padding-bottom:1em;
  padding:0 9em 1em 0;
  border:0px solid yellow;
}
#philosophypage img {
  width:300px;
}
#awardspage #content img {
  padding:0 0 0.7em 0;
  width:150px;
}
#awardspage #content img.vert {
  height:150px;
  width:auto;
}
#awardspage #content a {
  color:#fff;
  display:block;
  padding:0.8em;
  text-decoration:none;
}
#awardspage #content a:hover {
  background-color:#5c5c5c;
}

/* NEWS AND LEED */
#newspage h2 {
  clear:left;
  color:#222;
  font-size:0.917em; /* 11px */
  font-weight:normal;
  letter-spacing:.2em;
  padding:0.3em 0 0.7em 216px;
  text-transform:uppercase;
}
#newspage h3 {
  color:#fff;
  font-size:12px;
  padding: 1em 16px 1em 216px;
}
#leedpage #content,
#newspage #content {
  padding:101px 16px 0 20px;
  position:relative;
  width:523px;
  font-size:12px;
  border-right:1px solid #555;
}
#newspage #content img { 
  clear:left;
  float:left;
  padding-bottom:25px;
}
#leedpage #content #images {
  float:left;
  width:200px;
}
#leedpage #content #images img{
  margin-bottom:1.5em;
}
#leedpage #content p, 
#newspage #content p {
  font-size:12px;
  padding:0 3px 8px 216px;
  line-height:1.3;
}
#leedpage #content #images p {
  margin-top:-1.5em;
  padding:0.2em 0 1em;
}
#newspage #content div {
  border-top:1px solid #555;
  padding-bottom:17px;
  clear:left;
}
#newspage #content div#lastnews {
  padding-bottom:0px;
}
#newspage #content div#lastnews p {
  padding-bottom:0px;
}
#leedpage h3 {
  padding-bottom:0.5em;
}
#leedpage #leedproj {
  clear:left;
  padding:2em 0 0.5em;
}
#leedpage table {
  border-bottom:1px solid #444;
  border-collapse:collapse;
  line-height:1.1;
  width:100%;
}
#leedpage th {
  text-align:left;
  vertical-align:bottom;
}
#leedpage td {
  vertical-align:top;
}
#leedpage td, th {
  border-top: 1px solid #444;
  padding: 0.5em 1.5em 0.8em 0.1em
}
#leedpage td.rh,
#leedpage th.rh {
  padding-right:0;
}

/* CONTACT */
#contactpage #content {
  padding:86px 16px 0 20px;
  position:relative;
  font-size:0.75em; /* 12px */
}
#contactpage #address,
#contactpage #staff {
  float:left;
}
#contactpage #address {
  width:240px;
  padding-top:8px;
}
#contactpage #staff {
  border-right:1px solid #555;
  line-height:1.1;
  width:299px;
}
#contactpage h2 {
  font-size:1em; /* 12px */
  padding:24px 0 14px;
}
#contactpage #address h2 {
  padding:16px 0 3px;
}
#contactpage #content li {
  padding-bottom:5px;
}
#contactpage #content li div {
  padding:3px 0 0 9px;
}
#contactpage p {
  padding-bottom:6px;
  border:0px solid red;
}
#contactpage #address a {
  color:#000;
}
#contactpage #address a:visited {
  color:#000;
}
#contactpage #address a:hover {
  color:#fff;
}
#contactpage #numbers {
  padding:0.3em 0 0px;
}
#contactpage #content img {
  margin:36px 0 14px;
  width:175px;
}

/* DIRECTIONS */
#directionspage h2,
#directionspage h3{
  font-size:12px;
}
#directionspage h2 {
  padding-bottom:1em;
}
#directionspage #content {
  padding:102px 16px 0 20px;
  position:relative;
  width:523px;
  font-size:12px;
  border-right:1px solid #555;
}
#directionspage #content img {
  margin:12px 0 18px;
}
#directionspage #from95,
#directionspage #from695 {
  width:260px;
}
#directionspage #from95 {
  float:right;
}
#directionspage #content ul li {
  padding:0.5em 16px 0 12px;
  background:url(../images/bullet4x4.gif) no-repeat 2px 0.9em;
}
#directionspage #content a:visited {
  color:#000;
}
#directionspage #content a:hover {
  color:#fff;
}

/* TEMPORARY */
/*
.placeholder {
   color:#33CCFF;
}
*/