/* CSS Document */


/* Global Settings 
      - background image
	  - windows padding
	  - default colors
	  - default fonts
 */
BODY {
	margin:0px;
	padding:0px;
	background-color:#29292A;
	background-image:url(../images/background.gif);
	background-position:center;
	background-repeat:repeat;
	color:#FFFFFF;
	font-family:arial,helvetica,sans-serif;
	font-size:13px;
}

/* adjusts global space between paragraph elements */
P {margin-bottom:10px;margin-top:0px}

/* class to indent elements */
.indent {margin-left:25px}

/* class for captions */
.caption {font-size:10px; color:#FFFFFF; margin-top:0px}

/* sets size and size for headings */
H1 {font-size:20px; color:white;}
H2 {font-size:17px; color:white;}
H3 {font-size:14px; color:white; margin-bottom:8px;}
H4 {font-size:12px; color:white; font-style:italic;}
H5 {font-size:11px; color:white; text-decoration:none}

/* default links in non-hover state */
A:link, A:visited, A:active {
	color:#999999;
	text-decoration:none;
}

/* reset link color during hover state */
A:hover {
	color:#ffffff;
	text-decoration:none;
}

/* alternate-styled links */
A.altlink:link, A.altlink:visited, A.altlink:active {
    color:#FFFFFF;
	text-decoration:none;
}

/* class to put a thin black border around all <img> elements */
IMG.bordered {
	border:2px solid #29292a;
}	

/* table that encompasses entire browser window -- this is
   needed to achieve vertically centered site window */
TABLE#overall {
	width:100%;
	border:none;
	padding:0px;
	margin:0px;
	background-color:transparent;
	table-layout:fixed;
}

/* this is what makes it vertical center */
TABLE#overall TR {
	height:100%;
	vertical-align:middle;
}

/* center it horizontally and look through to the page background */
TABLE#overall TD {
	height:100%;
	text-align:center;
	background:transparent;
}

/* main table to hold site window -- sets black border stroke
   at right hand side, background color, and forces table layout 
   to remain fixed in terms of cell size regardless of content
*/
TABLE#main {
	border:0px;
	border-right:2px solid #29292a !important;
	margin:0px auto 0px auto;
	padding:0px;
	background-color:#29292A;
	height:600px;
	vertical-align:top;
	table-layout:fixed;
	}

/* first row of main table that holds logo, vertically centered */
TABLE#main TR#logo {
	height:68px;
	vertical-align:middle;
}

/* logo table cell -- logo is set 30px from bottom */
TABLE#main TR#logo TD{
	vertical-align:bottom;
	border:none;
	padding:0px 0px 30px 0px;
	margin:0px;
	text-align:center;
}

/* second row for holding all top-edge sector tabs */
TABLE#main TR#tabs {
	height:27px !important;
	margin-bottom:0px;
	padding:0px;
	vertical-align:bottom;
}

/* align to bottom and right of cell, repeat sliver.gif image along the
   whole cell to create the top orange line of the window -- can't use
   border attribute since we need a partial breakaway at the active tab */
TABLE#main TR#tabs TD{
	border:none;
	padding:0px;
	margin:0px;
	vertical-align:bottom;
	text-align:right;
	height:27px;
	background-image:url(../images/sliver.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

/* part of tab menu that is over the left nav -- match background colors */
TABLE#main TR#tabs TD#tabmenu1{
	background-color:#29292A;
}

/* tab menu itself over the content area */
TABLE#main TR#tabs TD#tabmenu2{
	height:27px;
}

/* attributes for images - no borders or margins, align to baseline */
TABLE#main TR#tabs TD#tabmenu2 IMG {
	margin:0px;
	padding:0px;
	border:0px;
	display:inline;
	vertical-align:baseline;
	text-align:right;
}

/* this is the third row of main table, from leftnav all the way across */
TABLE#main TR#inner {
	height:470px;
	width: 100%;
	border:0px;
	border-right:2px solid #29292a;
}

/*

SETTINGS FOR THE LEFTHAND NAVIGATION MENU ARE BELOW:

*/

TABLE#main TR#inner TD#leftnav{
	vertical-align:top;
	height:470px;
	margin:0px;
	padding:0px;
	text-align:left;
	background-color:#373738;
}

/* settings for the left-hand nav primary list block */
TABLE#main TR#inner TD#leftnav DIV#navmenu UL {
	list-style-type:none;
	list-style-position:outside;
	padding:0px;
	margin-left:10px;
	margin-right:10px;
	overflow:hidden;
}

/* settings for the left-hand nav primary list ind. items */
TABLE#main TR#inner TD#leftnav DIV#navmenu UL LI{
	margin-top:.57em;
	font-size:14px;
	margin-left:0px;
}

/* settings for the space between the main nav list and a subnav */
TABLE#main TR#inner TD#leftnav DIV#navmenu UL UL {
	margin-top:3px;
}


/* settings for individual items in a subnav list (i.e. projects) */
TABLE#main TR#inner TD#leftnav DIV#navmenu UL UL LI {
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	line-height:130%;
	font-size:12px;
	margin-bottom:7px;
}
	

/* special case: override spacing for portfolio menu */
TABLE#main TR#inner TD#leftnav DIV#navmenu UL UL LI.sectors {
	margin-bottom:2px;
}

/*



	THE STYLE BELOW SETS THE MAJOR ATTRIBUTES FOR COL1 and COL2 TEXT AND CONTENTS:
	
*/



/* settings for content colums col1 and col2 */
TABLE#main TR#inner TD#col1, TABLE#main TR#inner TD#col2{
	vertical-align:top;
	height:470px;
	border:0px;
	margin:0px;
	padding:0px;
	padding-top:10px;
	text-align:left;
	background-color:#4c4d4f;
	line-height:90%;
	font-size:13px;
	line-height:120%;
}


TABLE#main TR#inner TD#col1{
	padding-left:10px;
}

TABLE#main TR#inner TD#col2 {
}

TABLE#main TR#inner TD.gutter{
	background-color:#4c4d4f;
	height:470px;
	padding:0px;
	margin:0px;
}

TABLE#main TR#inner TD#navgutter{
	background-color:#373738;
	border-right:2px solid #b0512c;
	height:470px;
}


/* footer row along bottom with firm address */
TABLE#main TR#footer {
	vertical-align:top;
	height:auto;
	width:auto;
}

/* left-hand cell span for address */
TABLE#main TR#footer TD#ftleft{
	vertical-align:top;
	text-align:left;
	padding-left:10px;
	font-size:10px;
}

/* right-hand cell span for links */
TABLE#main TR#footer DIV#ftright{
	vertical-align:top;
	text-align:right;
	padding-right:5px;
	font-size:10px;
	float:right;
}

/*attributes for project pictures in project page */
TD#projectpic {
	background:#29292a !important; 
	height:272px  !important;
	width:270px !important;  
	vertical-align:middle !important;
	text-align:center !important;
}


/* special kind of table for float-left images with right-hand text */
TABLE.photoleft, TABLE.photoleft TD	{
	font-size:12px !important;
	text-align:left !important;
}