/* fgg.css */

/* =================================================================
    Site-wide
   =================================================================
*/



* {
  margin: 0px;
  padding: 0px;
}
html, body {
  font-family: arial, sans-serif;
  font-size: 11px;
  background-color:#000000;
}
a {
	text-decoration:none;
  outline:none;
}  
a img {
  border: none;
}

.shw {
  display: block;
}
.nshw {
  display: none;
}
.clearFloats {
  clear: both;
}
.youAreHere,
.youAreHere a {
	cursor:default;
}
.topGap {
	margin-top:1.0em;
}  


/* =================================================================
    Wrapper
   =================================================================
*/

#wrapper {
  position: relative;
  width: 955px;
  min-height: 600px;
  _height: 600px;
  margin: 10px auto;
  background-color: #525051;
  background-image: url(../profile/gfx/nav_back2.gif);
  background-repeat: repeat-y;
}

/* =================================================================
    Logo
   =================================================================
*/

#logo {
  position: absolute;  left: 16px;  top: 16px;
  width:126px;  height:145px;
  _z-index: 200;
}

#grnlogos {
  position: absolute;  left: 10px;  top: 490px;
  width:130px;  height:77px;
  _z-index: 201;
}

/* =================================================================
    Content
   =================================================================
*/

h3 {
   margin-bottom:20px;
}

#content {
  float: right;
  display: block;
  min-height: 576px;
  _height: 576px;
  width: 636px;
  background-color: #000;
  border-right: 1px solid #525051;
  border-left: 1px solid #CCC;	/* this matches the stripe in the nav background */
}
body#homePage #content,
body#portfolioPage #content
{
  _background-color: #525051;
  background-color: #919295;
  background-image: none;
}

#content img.mainImg {
  background-color: #919295;
  padding-left: 159px;
  padding-top: 0px;
}
body.landscape #content img.mainImg,
body.wide #content img.mainImg {
  padding-left: 0px;
  padding-top: 160px;
}
#content img#team {
  padding-top: 0;
}
#content #title {
  position: absolute; top: 27px; left: 17px;
}

#movieInfoContent h2 {
   font-size:13px;
   font-weight:bold;
   color:#f71717;
}
#movieInfoContent li {
   list-style-position:inside;
   color:rgb(237,149,10);
}

#movieInfoContent p {
   line-height:1.3;
}

#movieInfoContent a {
   color:rgb(237,219,72);
   text-decoration:none;
}

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

#movieInfoContent a#current {
   color:#f71717;
}

#movieInfoContent a#current:hover {
   text-decoration:none;
}

/* =================================================================
    Property Description
   =================================================================
*/

#propDescription {
	padding-top:10px;
  z-index: 100;
  left: 17px;
  top: 222px;
  color: #FFF;
}
body.landscapeCOMMENTEDOUT #propDescription {   /* The project description is formatted identically between portrait and landscape now */
  width: 270px;
  height: 130px;
  z-index: 100;
  left: 327px;
  top: 15px;
  color: #FFF;
}
#propDescription h1 {
  margin-bottom: 0.0em;
  font-size: 12px;
  font-weight: bold;
}
#propDescription h2 {
  margin-bottom: 0.5em;
  font-size: 11px;
  font-weight: normal;
}
#propDescription p b {
	font-size: 10px;
}


/* =================================================================
		Navigation
   =================================================================
*/

#nav  {
  width: 317px;
  min-height: 576px;
  _height: 576px;
}
#nav {
  float: left;
}


#mainnav {
  position: absolute;
  top: 178px;
  left: 17px;
}
#mainnav a {
  width: 137px;
  height: 18px;
  color: #333;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  display: block;
}
#mainnav a:hover {
  color: #fff;
}
#mainnav dl dt {
  height: 20px;
}

#mainnav dl dt#oldMnav {
	margin-top: 15px;
}

#oldsite {
  position: relative;
  top: -60px;
  left: -275px;
  text_align: left;
  margin: 0px;
}
#oldsite a {
  color: #5b5b5b;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}
#oldsite a:hover {
  color: #fff;
}

#mainnav dl dt.bright a,
#mainnav dl dt.selected a,
body#portfolioPage    #mainnav dl dt.mainPortfolio a,
body#commercialPage   #mainnav dl dt.secCommercial a,
body#ongoingPage      #mainnav dl dt.secOngoing a,
body#profilePage      #mainnav dl dt.secMission a,
body#cFergusPage      #mainnav dl dt.secCFergus a,
body#dGarberPage      #mainnav dl dt.secDGarber a,
body#profilePage      #mainnav dl dt.mainProfile a,
body#cFergusPage      #mainnav dl dt.mainProfile a,
body#dGarberPage      #mainnav dl dt.mainProfile a,
body.peoplePage       #mainnav dl dt.mainProfile a,
body#overviewPage       #mainnav dl dt.mainProfile a,
body#researchPage       #mainnav dl dt.mainProfile a,
body#pressPage        #mainnav dl dt.mainProfile a,
body#assocPage        #mainnav dl dt.secAssociates a,
body#researchPage     #mainnav dl dt.secSustainability a,
body#sustainPage      #mainnav dl dt.secSustainability a,
body#pressPage        #mainnav dl dt.secPress a,
body#contactPage      #mainnav dl dt.mainContact a,
body#sustainPage      #profileSnav dl dt.secSustainability a,
body#overviewPage     #profileSnav dl dt.secOverview a,
body.peoplePage       #profileSnav dl dt.secPeople a
{
  color: #FFF;
}

body#profilePage   #mainnav dd#portfolioSnav,
body#cFergusPage   #mainnav dd#portfolioSnav,
body#dGarberPage   #mainnav dd#portfolioSnav,
body#assocPage     #mainnav dd#portfolioSnav,
body#sustainPage   #mainnav dd#portfolioSnav,
body#pressPage     #mainnav dd#portfolioSnav,

body#portfolioPage  #mainnav dd#profileSnav,
body#commercialPage #mainnav dd#profileSnav,
body#ongoingPage    #mainnav dd#profileSnav
{
  display: none;
}

body.peoplePage    #mainnav dd#profileSnav,
body#profilePage   #mainnav dd#profileSnav,
body#cFergusPage   #mainnav dd#profileSnav,
body#dGarberPage   #mainnav dd#profileSnav,
body#assocPage     #mainnav dd#profileSnav,
body#researchPage   #mainnav dd#profileSnav,
body#sustainPage   #mainnav dd#profileSnav,
body#pressPage     #mainnav dd#profileSnav,
body#overviewPage  #mainnav dd#profileSnav,

body#portfolioPage  #mainnav dd#portfolioSnav,
body#commercialPage #mainnav dd#portfolioSnav,
body#ongoingPage    #mainnav dd#portfolioSnav
{
  display: block;
}

body#cgPage #specimenList ul li a.cg,
body#dgPage #specimenList ul li a.dg,
body#djPage #specimenList ul li a.dj,
body#lkPage #specimenList ul li a.lk,
body#cmPage #specimenList ul li a.cm,
body#woPage #specimenList ul li a.wo,
body#ssPage #specimenList ul li a.ss,
body#csPage #specimenList ul li a.cs,
body#ewPage #specimenList ul li a.ew,
body#hyPage #specimenList ul li a.hy,
body#pePage #specimenList ul li a.pe,
body#dwPage #specimenList ul li a.dw,
body#cbPage #specimenList ul li a.cb,
body#lmPage #specimenList ul li a.lm,
body#appPage #specimenList ul li a.app,
#specimenList ul li a.lk:hover,
#specimenList ul li a.cm:hover,
#specimenList ul li a.wo:hover,
#specimenList ul li a.ss:hover,
#specimenList ul li a.cs:hover,
#specimenList ul li a.ew:hover,
#specimenList ul li a.hy:hover,
#specimenList ul li a.pe:hover,
#specimenList ul li a.dj:hover,
#specimenList ul li a.cg:hover,
#specimenList ul li a.dg:hover {
	color: #FFFFFF;
}

#specimenList {
  position: absolute;  left:172px;  top: 280px;
  width:142px;  height:341px;
	overflow: hidden;
}
#specimenList ul {
  margin-left:5px;
  padding-left:0px;
}

#specimenList ul li {
  background:#919295 url(../portfolio/gfx/bullet_grn.gif) no-repeat scroll left 5px;
  color:#919194;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding-bottom:0.1em;  
  
}
#specimenList ul li.youAreHere,
#specimenList ul li.constImg:hover,
#specimenList ul li:hover {
  background:#919295 url(../portfolio/gfx/bullet_wh.gif) no-repeat scroll left 5px;
}
#specimenList ul li.constImg {
  background:#919295 url(../portfolio/gfx/bullet_red.gif) no-repeat scroll left 5px;
}
#specimenList .on,
#specimenList a {
  color:#333;
  display:block;
  font-size:11px;
  padding-left:14px;
}
#specimenList a:hover,
#specimenList li.youAreHere,
#specimenList .on
{
  color: #FFF;
}
#specimenList span.location {
  font-style: italic;
}
#specimenList span.structStyle {
  font-style: normal;
}

a#cardinal,
.cardinal {
  color: #801204;
}

/* =================================================================
    Page-specific rules.
    E.g. Profile page, Portfolio page, Press page ...
   =================================================================
*/

dd#profileSnav, dd#portfolioSnav {
	display: none;
	position: absolute;
	background-image: url(../gfx/subNavHorzBar.gif);
	background-repeat: no-repeat;
  	width: 189px;
  	padding: 0 0 0 83px;
}
dd#profileSnav {
  padding: 0 0 0 97px;
}
dd#profileSnav {
  background-position: -42px 13px;
  left: 58px;
  top: -6px;
}
dd#portfolioSnav {
  background-position: -57px 28px;
  left: 72px;
  top: -2px;
}

dd#portfolioSnav dl,
dd#profileSnav dl
{
/*
  position: absolute; top: -41px; left: 0px;
*/
  border-left: solid 1px rgb(194,187,180);
  padding-left: 6px;
  line-height: 20px;
}

body#portfolioPage #content #title {
  position: static;
}

body#portfolioPage #content p {
  margin-bottom: 0.6em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
body#portfolioPage #content #infoBox {
	position: absolute;  left:15px;  top:15px;
  width:143px;
}

body#portfolioPage div.landscape,
body#portfolioPage div.portrait,
body#portfolioPage div.wide,
body#portfolioPage div.tall {
	position: relative;   left: 0; top: 0;
/*  _margin-bottom: -3px; */
}

#projectInfo,
#camInfo,
#movieInfo {
	padding-top:160px;
  background-color:#919295;
}
#projectInfoContent {
	height:376px;
  padding:20px 0px 20px 160px;
  background-color:#000;
  color:#FFF;
  font:12px Arial, Helvetica, sans-serif;
  line-height:1.8em;
}  

#camInfoContent {
	height:376px;
  padding:30px 0px 10px 25px;
  background-color:#000;
  color:#FFF;
  font:12px Arial, Helvetica, sans-serif;
  line-height:1.8em;
}

#camInfoContent {
   color:rgb(237,149,10);
}  

#camInfoContent span.yellow {
   color:rgb(237,219,72);
}

#camInfoContent h3 {
   color:#f71717;
}

#movieInfoContent {
	height:376px;
  padding:30px 0px 10px 25px;
  background-color:#000;
  color:#FFF;
  font:12px Arial, Helvetica, sans-serif;
  line-height:1.8em;
}  

#projectInfoContent a {
	color:#FFB300;
}

#splash {
	position:absolute;  right:1px; top:0px;
}  


#pageCopy,

body#profilePage #content #pageCopy,
body#cFergusPage #content #pageCopy,
body#dGarberPage #content #pageCopy,
body#assocPage   #content #pageCopy,
body#sustainPage #content #pageCopy,
body#pressPage   #content #pageCopy
{
  position: relative;    top: 0;
	_top: -3px;
	min-height: 217px;
  _height: 217px;
	padding: 24px 1em 16px 60px;
  background-color: #000;
}

body#cgPage #content #pageCopy #pageTitle,
body#profilePage #content #pageCopy #pageTitle  {
  position: absolute; top: 27px; left: 16px;
}

#pageCopy h2,
#pageCopy p {
  margin: 0 40px 1em 165px;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFF; 
  line-height: 1.8em;
  font-size: 12px;
}	

#pageCopy h2 {
	font-weight:bold;
}

#pageCopy h2.yellow {
	color:#ffb300;
}

#pageCopy p a {
  text-decoration: none;
  color: #FFB300;
}

#pageCopy #pageTitle  {
  position: absolute; top: 27px; left: 16px;
}


body#contactPage #content #pageCopy {
  position: relative;    top: 0;
	_top: -3px;
  height: 538px;
  padding: 24px 1em 1em 60px;
  background-color: #000;
}
body#contactPage #content #pageCopy p {
  margin: 0 40px 0 143px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.8em;
  color: #FFF;
}
body#contactPage #content #pageCopy #pageTitle  {
	position: absolute; top: 26px; left: 23px;
}


/* =================================================================
    Gallery buttons
   =================================================================
*/

#portfolioButtons ul {
  list-style-type: none;
}
#portfolioButtons li {
  float: left;
  display: inline;
  width: 11px;
  height: 11px;
  margin: 0px 6px 6px 0px;
  _margin: 0px 4px 4px 0px;
}
#portfolioButtons ul.planButtons li,
#portfolioButtons ul.planButtons li a {
	width:28px;
}
#portfolioButtons ul.infoButtons li,
#portfolioButtons ul.infoButtons li a {
	width:28px;
}
  
#portfolioButtons ul.camButtons li,
#portfolioButtons ul.camButtons li a {
	width:48px;
}

#portfolioButtons ul.movieButtons li,
#portfolioButtons ul.movieButtons li a {
	width:42px;
}

#portfolioButtons li a {
  display: block;
  width: 11px;
  height: 11px;
  border: solid 1px #525051;
  background-color:rgb(145,146,149);
  text-align: center;
  font-size: 9px;
  line-height: 12px;
  vertical-align: 0;
  _vertical-align: -1px;
  text-decoration: none;
  color: #444;
}
#portfolioButtons li.youAreHere a,
#portfolioButtons li a:hover {
  border: solid 1px #FFF;
  color: #FFF;
}
#portfolioButtons p.plans {
  width: 60%;
  margin: 10px 0 0 3px;
  background-color:rgb(145,146,149);
}
#portfolioButtons .plans a {
  display: block;
  width: 35px;
  height: 11px;
  padding: 0 0px;
  border: solid 1px #525051;
  background-color:rgb(145,146,149);
  text-align: center;
  font-size: 9px;
  line-height: 11px;
  vertical-align: 0;
  _vertical-align: -1px;
  text-decoration: none;
  color: #444;
}
#portfolioButtons .plans a:hover {
  border: solid 1px #FFF;
  color: #FFF;
}

/* =================================================================
		Google Map on Contact page
   =================================================================
*/
#googleMap {
  padding:3em 0 0 127px;
}
#googleMap a,
#googleMap a:hover {
	color:#FFB300;
}

/* =================================================================
		Footer
   =================================================================
*/

#footer {
  clear: both;
  background-color: #525051;
  color: #FFF;
  text-align: center;
  height: 25px;
  text-transform: uppercase;
  line-height: 25px;
  font-size: 9px;
/*  padding-left: 34px; */
}