/* Global Styles */

body {
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 11px;
	color: #494949;
	line-height: 16px;
 	background-image: url('../images/bg.png');
}
	
#logo {
	position: relative;
	height: 50px;
	width: 955px;
	z-index: 12;
}
#flashContainer {
	position:absolute;
	left:0px;
	top:-1px;
	z-index:3;
	text-align: left;
}
	
#container {
	position: absolute;
	z-index: 1;
	overflow: visible;
	width: 1000px;
	height: 575px;
}

#content {	
	position: absolute;
	top: 110px;
	left: 225px;
	clear: both;
	width: 767px;
	font: 12px Arial, Helvetica, sans-serif, Verdana;
	color: #ffffff;
	line-height: 18px;
	text-align: left;
	overflow: auto;
	z-index: 1;
}

#contentProjects {	
	position: absolute;
	top: 110px;
	left: 225px;
	margin-left: 30px;
	clear: both;
	width: 620px;
	font: 12px Arial, Helvetica, sans-serif, Verdana;
	color: #ffffff;
	line-height: 18px;
	text-align: left;
	overflow: auto;
	z-index: 1;
}

h1 {
	font: 18px Arial, Helvetica, sans-serif, Verdana;
	font-weight: bold;
	color: #f8c857;
	margin: 0 0 10px 0;
	text-align: left;
}

h1 span {
	color: #464646;
}

h2 {
	font: 16px Arial, Helvetica, sans-serif, Verdana;
	font-weight: bold;
	color: #f8c857;
	margin: 10px 0 10px 0;
}

h3 {
	font: 14px Arial, Helvetica, sans-serif, Verdana;
	font-weight: bold;
	font-weight: bold;
	color: #f8c857;
	margin: 0 0 10px 0;
}

h4 {
	font: 12px Arial, Helvetica, sans-serif, Verdana;
	font-weight: bold;
	color: #f8c857;
	margin: 0 0 10px 0;
}

a {
	font: 12px Arial, Helvetica, sans-serif, Verdana;
	color: #ffffff;
	line-height: 16px;
	text-decoration: underline;
	font-weight:normal;
}
a:hover {
	color: #f8c857;
	text-decoration: underline;
}

p {
	font: 12px Arial, Helvetica, sans-serif, Verdana;
	color: #ffffff;
	line-height: 16px;
	margin: 0px 0 15px 0;
}

p span {
	font: 12px Arial, Helvetica, sans-serif, Verdana;
	color: #f8c857;
	line-height: 16px;
}

span {
	font: 12px Arial, Helvetica, sans-serif, Verdana;
	color: #f8c857;
	line-height: 16px;
}

div {
	font: 12px Arial, Helvetica, sans-serif, Verdana;
	line-height: 16px;
}

ul {
	list-style-type: square;
	color: #f8c857;
	margin-left: 12px;
	padding-left: 4px;
}


ul li {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	color: #f8c857;
	line-height: 13px;
	margin-bottom: 8px;
}

ul li span {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	color: #ffffff;
	line-height: 13px;
}	

ul li span span {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	color: #f8c857;
	line-height: 13px;
}	

ul ul {
	list-style-type: square;
	color: #ffffff;
	margin-left: 12px;
	margin-top: 10px;
	padding-left: 4px;
}
ul ul li{
	color: #ffffff;
	margin-left: 12px;
	padding-left: 4px;
}

/* Home Styles */

#home, #homeindent1, #homeindent2, #homeindent3, #homeindent4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	line-height: 26px;
	font-weight: bold;
	color: #FFCC33;
	width: 205px;
	margin-left: 70px;
}
#homeindent1 {	
	margin-left: 40px;
}
#homeindent2 {
	margin-left: 50px;
}
#homeindent3 {
	margin-left: 60px;
}
#homeindent4 {
	margin-left: 70px;
}

#projects {
	position: absolute;
	z-index: 9;
	overflow: visible;
	width: 1000px;
	height: 575px;
	display: none;
}

#project1, #project1Dot, #project2, #project3, #project4, #project5, #project6, #project7, #project8, #project9, #project10, #project11, #project12, #project13, #project14, #project15, #project16, #project17, #project18, #project19, #project20, #project21, #project22, #project23, #project24, #project25, #project26, #project27, #project28, #project29 {
	position: absolute;
	display: block;
	overflow: visible;
	z-index: 99;
}

#project1Info, #project2Info, #project3Info, #project4Info, #project5Info, #project6Info, #project7Info, #project8Info, #project9Info, #project10Info, #project11Info, #project12Info, #project13Info, #project14Info, #project15Info, #project16Info, #project17Info, #project18Info, #project19Info, #project20Info, #project21Info, #project22Info, #project23Info, #project24Info, #project25Info, #project26Info, #project27Info, #project28Info, #project29Info {
	position: absolute;
	overflow: visible;
	display: none;
	font-weight: bold;
	color: #fff;
	z-index: 100; 
}
#project1Info div, #project2Info div, #project3Info div, #project4Info div, #project5Info div, #project6Info div, #project7Info div, #project8Info div, #project9Info div, #project10Info div, #project11Info div, #project12Info div, #project13Info div, #project14Info div, #project15Info div, #project16Info div, #project17Info div, #project18Info div, #project19Info div, #project20Info div, #project21Info div, #project22Info div, #project23Info div, #project24Info div, #project25Info div, #project26Info div, #project27Info div, #project28Info div, #project29Info {
	font-weight: bold;
}

#project1Info a, #project2Info a, #project3Info a, #project4Info a, #project5Info a, #project6Info a, #project7Info a, #project8Info a, #project9Info a, #project10Info a, #project11Info a, #project12Info a, #project13Info a, #project14Info a, #project15Info a, #project16Info a, #project17Info a, #project18Info a, #project19Info a, #project20Info a, #project21Info a, #project22Info a, #project23Info a, #project24Info a, #project25Info a, #project26Info a, #project27Info a, #project28Info a, #project29Info a {
	font-weight: bold;
	color: #fff;
}

#project1Info a:hover, #project2Info a:hover, #project3Info a:hover, #project4Info a:hover, #project5Info a:hover, #project6Info a:hover, #project7Info a:hover, #project8Info a:hover, #project9Info a:hover, #project10Info a:hover, #project11Info a:hover, #project12Info a:hover, #project13Info a:hover, #project14Info a:hover, #project15Info a:hover, #project16Info a:hover, #project17Info a:hover, #project18Info a:hover, #project19Info a:hover, #project20Info a:hover, #project21Info a:hover, #project22Info a:hover, #project23Info a:hover, #project24Info a:hover, #project25Info a:hover, #project26Info a:hover, #project27Info a:hover, #project28Info a:hover, #project29Info a:hover {
	color: #FFCC33;
}

/* Secondary Styles */
	
#pageBackground {
	position: relative;
	width: 955px;
	z-index: 0;
}

#pageBackground1 {	
	position: absolute;
	top: -1px;
	left: 0px;
	width: 955px;
	height: 577px;
	font: 12px Arial, Helvetica, sans-serif, Verdana;
	color: #ffffff;
	line-height: 16px;
	text-align: left;
	z-index: 0;
}

/* Had to do this for ie 6 otherwise floats would've worked */
	
table.service {
	border: 1px solid #ffffff;
}	

td.serviceLeft {
	float: left;
	width: 210px;
	padding: 5px;
}	

td.serviceRight {
	float: left;
	width: 240px;
	border-left: 1px solid #ffffff;
	padding: 5px;
}

.project {
 	width: 590px;
 	padding: 0 10px 0 10px;
 	border-style: none solid none solid;
 	border-width: 1px;
 	border-color: #f8c857;
 	overflow: hidden;
}

.projectPic {
	float: left;
	width: 175px;
}

.projectName {
	font: 18px Arial, Helvetica, sans-serif, Verdana;
	font-weight: bold;
	color: #f8c857;
	margin: 0;
	text-align: left;
}

.projectLocation {
	font: 12px Arial, Helvetica, sans-serif, Verdana;
	font-weight: normal;
	color: #f8c857;
	margin: 0 0 10px 0;
	text-align: left;
}
#projectsNav {
	position: absolute;
	top: 135px;
	left: 225px;
	margin-left: 30px;
	float: left;
	width: 700px; 
	height: 60px;
	color: #ffffff;
	background-color: #1f4d74;
	z-index: 2;
}

.testimonials {
	border-bottom: 1px solid #f8c857;
	margin-bottom: 20px;
	font-style: italic;
}

.testimonials p {
	font-style: italic;
}

.testimonials div {
	text-align: right;
	margin-bottom: 10px;
}

#rebranding {
	position: absolute;
	z-index: 9;
	overflow: visible;
	width: 1000px;
	height: 575px;
	display: block;
}

#rebranding a.button {
	width: 295px;
	height: 18px;
	color: #fced72;
	text-decoration: none;
	display: block;
}

#rebranding .off {
	width: 295px;
	height: 18px;
	display: block;
	color: #fced72;
	background: url('../images/rebranding_button.jpg') no-repeat 0 -20px;
	text-decoration: none;
	padding: 2px 0 0 5px;
}

#rebranding .on {
	width: 295px;
	height: 18px;
	display: block;
	color: #fced72;
	background: url('../images/rebranding_button.jpg') no-repeat 0 0;
	text-decoration: none;
	padding: 2px 0 0 5px;
}

#rebrandingContent {
	position: relative;
	left: 635px;
	top: 75px;
	width: 310px;
}

#mapStarbucks, #mapUSBank, #mapChase, #mapBofA, #mapTarget, #mapATT {
	position: absolute; 
	left: 163px; 
	top: 162px;
	display: block;
}

#sustainability {
	position: absolute;
	z-index: 9;
	overflow: visible;
	width: 1000px;
	height: 575px;
	display: block;
}

#sustainabilityContent {
	position: relative;
	left: 213px;
	top: 90px;
	width: 455px;
}

#sustainabilityContent ul {
	margin-left: 12px;
	padding-left: 4px;
}

#sustainabilityNav {
	 position: absolute; 
	 left: 610px; 
	 top: 464px;
}

#leed {
	position: absolute;
	width: 780px;
	color: #000;
	background: #fff;
	left: 0; 
	top: 0;
	margin: 35px 0 0 80px;
	padding: 20px;
	display: none;
	filter:alpha(opacity=96);
	-moz-opacity:0.96;
	opacity: 0.96;
	border: 1px solid #07653e;
	z-index: 1000;
}

#leed li span, #leed p, #leed a {
	color: #000;
}

#stimulus {
	position: absolute;
	left: 234px;
	top: 58px;
	z-index: 9;
	overflow: visible;
	width: 702px;
	height: 511px;
	display: block;
}

#stimulus p, #stimulus a {
	font-size: 12px;
	line-height: 13px;
	color: #000;
}

/* Navigation Styles */

/* Main Nav */

#mainNav {
	position: absolute;
	top: 101px;
	width: 100px;
	height: 100px;
	z-index: 16;
}

#featuredProject, #featuredATT, #featuredStarbucks, #featuredUSBank, #featuredChase, #featuredBofA, #featuredTarget {
	position: absolute;
	top: 374px;
	width: 100px;
	height: 100px;
	z-index: 12;
}

#nav {
	text-align: left;
}

/* Secondary Nav */

#secNav {
	position: absolute;
	top: 250px;
	left: 200px;
	float: left;
	width: 175px; 
	color: #ffffff;
	z-index: 2;
}
#secNav span {
	font:12px Arial, Verdana, Helvetica, Geneva, sans-serif;
	color: #f8c857;
	text-align: left;
	line-height: 20px;
}

#secNav a {
	line-height: 20px;
}

/* The reason we have a different nav for services is to accomodate the need for the random Featured Project Pic. We had it as two images, but it needed to be one. But when it's one image and above the nav layer, it blocks the nav from being able to be clicked. So we put the services nav on a layer above the Featured Pic. */

#secNavServices {
	position: absolute;
	top: 250px;
	left: 200px;
	float: left;
	width: 175px; 
	color: #ffffff;
	z-index: 13;
}
#secNavServices span {
	font:12px Arial, Verdana, Helvetica, Geneva, sans-serif;
	color: #f8c857;
	text-align: left;
	line-height: 20px;
}

#secNavServices a {
	line-height: 20px;
}

/* Menus */

#navAboutMenu {top :101px; left :157px; visibility:hidden; z-index : 15; position : absolute;}
#navServicesMenu {top :140px; left :107px; visibility:hidden; z-index : 15; position : absolute;}

div.menuShell {display: block;}
	
div.normCell {text-align:left; background-color: #fdf3cd; border-bottom: 1px solid #d8d8d8; width: 340px; display: block;}

div.normCell a {font:10.5px Verdana, Arial, Helvetica, Geneva, sans-serif; color:#006fb7; line-height: 1; text-decoration:none; font-weight:bold; padding: 7px 6px 0px 155px; height: 19px; display: block;}

div.normCell a:Hover {text-decoration:none; color:#000000;}


/* Scrolling Content Styles */

div#hold { 
  position:relative; overflow:hidden;
  margin-left: 137px;
	width:600px; height:434px; z-index:100;
	}
div#hold2 { 
  position:relative; overflow:hidden;
	width:737px; height:434px; z-index:100;
	}
div.content	{ 
	position:absolute; 
	left:0px; top:0px; 
	z-index:1; 
	}
div#wn2	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:617px; height:436px; 
	clip:rect(0px, 617px, 436px, 0px); 
	overflow:hidden;	
	z-index:2; 
	}
div#wn3	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:617px; height:383px; 
	clip:rect(0px, 617px, 436px, 0px); 
	overflow:hidden;	
	z-index:2; 
	}
div#lyr2 {
	width: 617px;
}
div#scrollLinks { 
  position:absolute; left:880px; top:400px;
  width:14px; height:80px; z-index:4;
  }
div#up { position:absolute; left:0; top:0; z-index:1; }  
div#down { position:absolute; left:0; bottom:0; z-index:2; }

div#wn { 
  position:relative; overflow:hidden;
	width:620px; height:434px; z-index:100;
}