html, body {
	height: 100%;
	}

body {
	margin: 0;
	padding: 0;
	font: normal 62.5% Arial, Helvetica, Geneva, sans-serif;
	color: #444;
	text-align: center;
	}

div#main_wrapper {
	width: 699px;  /*jjs*/
	padding-right: 70px;
	padding-left: 70px;
	margin: 0 auto -35px;
	text-align: left;
	min-height: 100%;
	height: auto;
	background: #CCC;
	}

a {
	text-decoration: underline;
	color: #000000;
	}

a:hover {
	text-decoration: none;
	color: #799423;
	}

h1, h2, h3, h4 {
	margin: 1em 0 .2em 0;
}

h1 {
	font-size: 18px;
	color: #636363;
	font-weight: bold;
	text-transform:uppercase;
	}

h2 {
	font-size: 15px;
	color: #636363;
	font-weight: normal;
	font-style: normal;
	text-transform:uppercase;
	}

h3 {
	font-size: 13px;
	font-weight: bold;
	}

strong {
	font-weight: bold;
}

#profilePic{
	float:right;
	margin:0;
	padding:5px;
	
}

#main_content  ul, #main_content  p {
	margin: 0 0 .5em 0;
}

#main_content ul {
	margin-left: 10px;
	padding-left: 20px;
	list-style: none;
}

#main_content p {
	font-size: 13px;
	margin-bottom: 1em;
	}

#main_content p.table_annotation {
	font-size: 10px;
	margin-bottom: 2em;
	}

table {
	border-collapse: collapse;
	margin-bottom: 1em;
	}

th, td {
	vertical-align: top;
	text-align: left;
}

th {
	padding: 5px;
	color: white;
	border: 1px solid #666666;
	}

td {
	padding: 5px;
	border: 1px solid #666666;
	}

/* @group Sections Specific */

/* @group Tables */

body#building th {
	background-color: #009de0;
	}

body#design th {
	background-color: #f1cc01;
	}

body#products th {
	background-color: #ca7a00;
	}

body#environments th {
	background-color: #799423;
	}

/* @end */

/* @group Tables */

body#building a:hover {
	color: #009de0;
	}

body#design a:hover {
	color: #f1cc01;
	}

body#products a:hover {
	color: #ca7a00;
	}

body#environments a:hover {
	color: #799423;
	}

/* @end */

/* @group Backgrounds */

body#building {
	background-color: #009cdf;
	}

body#design {
	background-color: #fecd00;
	}

body#products {
	background-color: #e37b00;
	}

body#environments {
	background-color: #6c9504;
	}

body#building div#main_wrapper {
	background: url(../img/bg_shadow_building.gif) repeat-y;
	}

body#design div#main_wrapper {
	background: url(../img/bg_shadow_design.gif) repeat-y;
	}

body#products div#main_wrapper {
	background: url(../img/bg_shadow_products.gif) repeat-y;
	}

body#environments div#main_wrapper {
	background: url(../img/bg_shadow_environments.gif) repeat-y;
	}

/* @end */

/* @group Logos */

body#environments h2#logo span {
	background: url(../img/logo_Large_environments.gif) no-repeat;
	}

body#building h2#logo span {
	background: url(../img/logo_Large_building.gif) no-repeat;
	}

body#design h2#logo span {
	background: url(../img/logo_Large_design.gif) no-repeat;
	}

body#products h2#logo span {
	background: url(../img/logo_Large_products.gif) no-repeat;
	}

/* @end */

#wrapper {
	width: 699px; /*jjs*/
	background-color: white;
	}

#main_content {
	padding: 40px 40px 40px 175px;
	background-color: #e6e6e6;
	}

h2#logo {
	width: 142px;
	height: 134px;
	position: relative;
	float: right;
	top: 25px;
	right: 5px;
	}

h2#logo span {
	position: absolute;
	width: 100%;
	height: 100%;
	}

#header {
	float: left;
	width: 525px;
	height: 185px;
	}

#separator {
	width: 699px;   /*jjs*/
	background-image: url(../img/leaf_separator.jpg);
	height: 30px;
	margin-top: 1px;
	margin-bottom: 1px;
	}

#head:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
	}

/* @group Navigation */

/* Root = Horizontal, Secondary = Vertical */

ul#navmenu-h {
	border: 0 none;
	padding: 0;
	width: 700px;   /*jjs did NOT change to 699*/
	position: relative;
	list-style: none;
	height: 30px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 9999;
	}

ul#navmenu-h li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left;
	background: url(../img/nav_bg_03.gif) repeat-x;
	display: inline;
	list-style: none;
	position: relative;
	z-index: 9999;
	}

ul#navmenu-h ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 175px;
	list-style: none;
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 9999;
	}

ul#navmenu-h ul:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

ul#navmenu-h ul li {
	/*	width: 174px;*/
	float: left;
	display: block !important;
	display: inline;
	z-index: 1000;
	}

ul#navmenu-h a {
	float: none !important;
	width: 232px;   /*jjs - for width of menu header element*/
	float: left;
	display: block;
	color: white;
	font: bold 12px/30px Arial, Helvetica, Geneva, sans-serif;
	height: auto !important;
	height: 1%;
	text-decoration: none;
	text-transform:uppercase;
	word-spacing: 0;
	text-align: center;
	border-right: 1px solid #666666;
	}

ul#navmenu-h a.last {
	border: none;
	width: 175px;
	}

#navmenu-h a.last li ul li a {
	width: 145px;
	}

#navmenu-h li ul li a {
	font: normal 10px/30px Arial, Helvetica, Geneva, sans-serif;
	width: 217px;   /*jjs - for width of li in header dropdown*/
	text-align: left;
	border-top: 1px solid white;
	border-right: none;
	line-height: 15px;
	padding: 5px 0 5px 15px;
	}

#navmenu-h li ul li a.environments {
	border-right: 1px solid #799423;
	}

#navmenu-h li ul li a.products {
	border-right: 1px solid #ca7a00;
	}

/* @group design */

/* Root Menu Hover Persistence */

body#design ul#navmenu-h li.design,
ul#navmenu-h a.design:hover,
ul#navmenu-h li:hover a.design,
ul#navmenu-h li.iehover a.design {
	background: #f1cc01;
	color: #666;
	}

/* 2nd Menu */

ul#navmenu-h li:hover li a.design,
ul#navmenu-h li.iehover li a.design {
	float: none;
	background: #f1cc01;
	color: #666;
	}

/* 2nd Menu Hover Persistence */

ul#navmenu-h li:hover li a.design:hover,
ul#navmenu-h li:hover li:hover a.design,
ul#navmenu-h li.iehover li a.design:hover,
ul#navmenu-h li.iehover li.iehover a.design {
	background: #d8bd2c;
	color: #666;
	}

/* 3rd Menu */

ul#navmenu-h li:hover li:hover li a.design,
ul#navmenu-h li.iehover li.iehover li a.design {
	background: #fdbe00;
	color: #FFF;
	}

/* 3rd Menu Hover Persistence */

ul#navmenu-h li:hover li:hover li a.design:hover,
ul#navmenu-h li:hover li:hover li:hover a.design,
ul#navmenu-h li.iehover li.iehover li a.design:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a.design {
	background: #ffeea6;
	color: #666;
	}

/* @end */

/* @group environments */

/* Root Menu Hover Persistence */

body#environments ul#navmenu-h li.environments,
ul#navmenu-h a.environments:hover,
ul#navmenu-h li:hover a.environments,
ul#navmenu-h li.iehover a.environments {
	background: #799423;
	color: #FFF;
	}

/* 2nd Menu */

ul#navmenu-h li:hover li a.environments,
ul#navmenu-h li.iehover li a.environments {
	float: none;
	background: #799423;
	color: #FFF;
	}

/* 2nd Menu Hover Persistence */

ul#navmenu-h li:hover li a.environments:hover,
ul#navmenu-h li:hover li:hover a.environments,
ul#navmenu-h li.iehover li a.environments:hover,
ul#navmenu-h li.iehover li.iehover a {
	background: #6c7b42;
	color: #FFF;
	}

/* 3rd Menu */

ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
	background: #91b12a;
	color: #FFF;
	}

/* 3rd Menu Hover Persistence */

ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
	background: #647a1d;
	color: #FFF;
	}

/* @end */

/* @group building */

/* Root Menu Hover Persistence */

body#building ul#navmenu-h li.building,
ul#navmenu-h a.building:hover,
ul#navmenu-h li:hover a.building,
ul#navmenu-h li.iehover a.building {
	background: #009de0;
	color: #FFF;
	}

/* 2nd Menu */

ul#navmenu-h li:hover li a.building,
ul#navmenu-h li.iehover li a.building {
	float: none;
	background: #009de0;
	color: #FFF;
	}

/* 2nd Menu Hover Persistence */

ul#navmenu-h li:hover li a.building:hover,
ul#navmenu-h li:hover li:hover a.building,
ul#navmenu-h li.iehover li a.building:hover,
ul#navmenu-h li.iehover li.iehover a.building {
	background: #408eb2;
	color: #FFF;
	}

/* 3rd Menu */

ul#navmenu-h li:hover li:hover li a.building,
ul#navmenu-h li.iehover li.iehover li a.building {
	background: #4781b7;
	color: #FFF;
	}

/* 3rd Menu Hover Persistence */

ul#navmenu-h li:hover li:hover li a.building:hover,
ul#navmenu-h li:hover li:hover li:hover a.building,
ul#navmenu-h li.iehover li.iehover li a.building:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a.building {
	background: #5eabf5;
	color: #666;
	}

/* @end */

/* @group products */

/* Root Menu Hover Persistence */

body#products ul#navmenu-h li.products,
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
	background: #ca7a00;
	color: #FFF;
	}

/* 2nd Menu */

ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
	float: none;
	background: #ca7a00;
	color: #FFF;
	}

/* 2nd Menu Hover Persistence */

ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
	background: #a57d42;
	color: #FFF;
	}

/* 3rd Menu */

ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
	background: #b26b16;
	color: #FFF;
	}

/* 3rd Menu Hover Persistence */

ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
	background: #e68b1d;
	color: #FFF;
	}

/* @end */

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 175px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */

ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
	display: none;
	}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
	display: block;
	}

/* @end

*/

#banner {
	height: 195px;
	width: 699px;   /*jjs */
	background-color: #818085;
	border-bottom: solid 1px white;
	border-top: 1px solid #666666;
	}

div#subnav {
	float: left;
	width: 174px;
	background-color: #e6e6e6;
	height: 272px;
	margin-right: 1px;
	margin-bottom: 1px;
	}

div.feature {
	position: relative;
	float: left;
	width: 174px;   /*jjs - in /index.cfm  and /environments/index.cfm i override this to 261px wide */
	background-color: #e6e6e6;
	height: 272px;
	margin-right: 1px;   /*jjs - i override this in then 'index_imgs.cfm' files */
	margin-bottom: 1px;
	}

div.feature a {
	display: block;
	height: 160px;  /*jjs*/
/*	height: 134px;  */
	}

div.feature a:hover {
	display: block;
	height: 160px;  /*jjs*/
/*	height: 134px;  */
	}

div.feature a.mini_design {
	background: url(../img/miniLogo_design_ver03.gif)  /* jjs */
/*	background: url(../img/miniLogo_design.gif) */
	}

div.feature a.mini_design:hover {
	background: url(../img/miniLogo_design_ver03.gif) 0 -210px    /* jjs */
/*	background: url(../img/miniLogo_design_180.gif) 0 -134px */
	}

div.feature a.mini_building {
	background: url(../img/miniLogo_construction_ver03.gif)   /* jjs */
/*	background: url(../img/miniLogo_building.gif) */
	}

div.feature a.mini_building:hover {
	background: url(../img/miniLogo_construction_ver03.gif) 0 -210px   /* jjs */
/*	background: url(../img/miniLogo_building.gif) 0 -134px */
	}

div.feature a.mini_products {
	background: url(../img/miniLogo_products.gif)
	}

div.feature a.mini_products:hover {
	background: url(../img/miniLogo_products.gif) 0 -134px
	}

div#feature {
	position: relative;
	float: left;
	width: 364px;   /*jjs changed 365 to 364 */
	background-color: #e6e6e6;
	padding-left: 80px;
	padding-right: 80px;
	height: 272px;
	}

#feature p {
	margin-top: 80px;
	font: 1.6em/1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #7F7F83;
	text-align: left;
	direction: ltr;
	}

div.feature.last {
	width: 175px;
	margin-right: 0px;
	}

div#subnav a {
	width: 174px;
	height: 90px;
	display: block;
	margin-bottom: 1px;
	}

div#subnav a.feat1 {
	background: url(../img/feature_1.jpg) no-repeat;
	}

div#subnav a.feat2 {
	background: url(../img/feature_2.jpg) no-repeat;
	}

div#subnav a.feat3 {
	background: url(../img/feature_3.jpg) no-repeat;
	}

div#subnav a.feat1:hover {
	background: url(../img/feature_1.jpg) no-repeat -174px;
	}

div#subnav a.feat2:hover {
	background: url(../img/feature_2.jpg) no-repeat -174px;
	}
	
div#subnav a.feat3:hover {
	background: url(../img/feature_3.jpg) no-repeat -174px;
	}	

div.feature img.miniLogo {
	margin-bottom: 1px;
	position: absolute;
	width: 109px;
	left: 0;
	margin-left: auto;
	right: 0;
	margin-right: auto;
	}

div.feature p {
	margin-top: 20px;
	color: #a4a4a6;
	font-size: 1.2em;
	padding-right: 15px;
	padding-left: 15px;
	}
	
	/*########### flash gallery panel ############*/
	
	#flash_panel{
		margin:0;
		padding:0;
		width:700px;    /*jjs did NOT change to 699*/
		height:400px;
	}
	#getplayer{
		padding:20px;
		background:#000000;
	}
	#galleryTxt{
		padding:40px 40px 40px 175px;
	}

	/*################################################*/

ul#footer {
	clear: both;
	background-color: #7f7e83;
	padding-left: 275px;
	padding-bottom: 2px;
	padding-top: 2px;
	}

ul#footer li {
	display: inline;
	color: white;
	padding-right: 20px;
	font: 11px/20px Arial, Helvetica, Geneva, sans-serif;
	}

#footer a {
	color: #d7d7d7;
	}

#footer a:hover {
	color: white !important;
	text-decoration: underline;
	}

#main_content ul {
	list-style-position: outside;
	font-size: 13px;
	}

#main_content ul li {
	padding: 3px;
	list-style-type: disc;
	}

#main_content ul li ul li {
	list-style-type: none;
	text-shadow: #000000 0px 0px 0;
	margin-left: 20px;
	}

#main_content ul li ul {
	margin-top: 3px;
	}

ul#footer li#zoo_foot {
	margin-left: 185px;
	}