/* @override http://trjenvironmental.dev/css/trj_layout.css */

/* ::: RESET ALL MARGINS, PADDING, AND BORDERS ::: */
* { margin: 0; padding: 0; }
IMG { border: 0; }


/* ===============================
		::: PAGE LAYOUT :::
=============================== */

HTML { height: 100%; }

BODY {
	background: #fff url(../images/bg_gradient.gif) top left repeat-x;
	text-align: center;
	height: 100%; }
	
	#pageContainer {
		width: 740px;
		margin: 0 auto;
		text-align: left;
		/* FooterStick http://www.themaninblue.com/writing/perspective/2005/08/29/ */
		position: relative;
		min-height: 100%; }
		
	* HTML #pageContainer {
		height: 100%; }


/* ===============================
		::: MASTHEAD :::
=============================== */

#masthead {
	height: 77px;
	background: transparent url(../images/mst_logo.gif) top left no-repeat;
	position: relative; }
	
	#masthead H1 {
		margin: 0;
		padding: 0;
		text-indent: -5000px; }
		
		#masthead H1 A {
			float: left;
			display: block;
			width: 340px;
			height: 77px;
			text-decoration: none; }


/* ===============================
		::: MENU :::
=============================== */

#menu {
	background: transparent url(../images/bg_menu.gif) top left no-repeat;
	width: 100%;
	/*height: 35px;
	margin-bottom: 8px;*/
	height: 43px; }
	
	#menu UL {
		margin: 0;
		padding: 0;
		list-style: none;
		background: transparent url(../images/menu.gif) 0 -43px no-repeat;
		width: 100%;
		height: 43px; }
		
		#menu LI {
			margin: 0;
			padding: 0;
			display: inline; }
			
			#menu A {
				display: block;
				height: 43px;
				line-height: 43px;
				float: left;
				display: inline;
				margin: 0;
				padding: 0;
				text-indent: -5000px;
				text-decoration: none;
				background: transparent url(../images/menu.gif) 0 0 no-repeat; }

			#menu A:hover { background: none; }


#menu-home A 					{ width: 72px; background-position: -19px 0; margin-left: 19px; }
BODY.home #menu-home A							{ background-position: -19px -86px !important; background-image: url(../images/menu.gif) !important; }

#menu-about A 				{ width: 111px; background-position: -91px 0; }
BODY.about #menu-about A						{ background-position: -91px -86px !important; background-image: url(../images/menu.gif) !important; }

#menu-services A 			{ width: 93px; background-position: -202px 0; }
BODY.services #menu-services A			{ background-position: -202px -86px !important; background-image: url(../images/menu.gif) !important; }

#menu-experience A 		{ width: 102px; background-position: -295px 0; }
BODY.experience #menu-experience A	{ background-position: -295px -86px !important; background-image: url(../images/menu.gif) !important; }

#menu-publications A 	{ width: 112px; background-position: -397px 0; }
BODY.publications #menu-publications A { background-position: -397px -86px !important; background-image: url(../images/menu.gif) !important; }

#menu-resources A 		{ width: 104px; background-position: -509px 0; }
BODY.resources #menu-resources A		{ background-position: -509px -86px !important; background-image: url(../images/menu.gif) !important; }

#menu-contact A 			{ width: 107px; background-position: -613px 0; }
BODY.contact #menu-contact A 				{ background-position: -613px -86px !important; background-image: url(../images/menu.gif) !important; }



/* ===============================
		::: CONTENT :::
=============================== */

#contentContainer {
	padding-top: 136px;
	background: transparent url(../images/bnr_01.jpg) 0 0 no-repeat; }
	
	#content {
		width: 456px;
		float: left;
		clear: right;
		margin: 0 0 0 20px;
		padding-bottom: 100px; }


/* ===============================
		::: SUBMENU :::
=============================== */

#submenu {
	float: left;
	width: 233px;
	font-size: 13px;
	margin: 26px 0 0 0;
	background: transparent url(../images/sub_footer.gif) bottom left no-repeat; }
	
	#submenu H2 {
		margin: 0;
		padding: 0;
		text-indent: -5000px;
		height: 73px;
		background: transparent url(../images/sub_whoweare.gif) 0 0 no-repeat; }

		BODY.services #submenu H2 { background-image: url(../images/sub_services.gif); }
		BODY.experience #submenu H2 { background-image: url(../images/sub_experience.gif); }
		BODY.publications #submenu H2 { background-image: url(../images/sub_publications.gif); }
		BODY.resources #submenu H2 { background-image: url(../images/sub_resources.gif); }
		BODY.contactus #submenu H2 { background-image: url(../images/sub_contactus.gif); }
	
	#submenu UL {
		margin: 0;
		padding: 0;
		padding-bottom: 40px;
		width: 100%;
		list-style: none;
		background: transparent url(../images/sub_gradient.gif) 0 0 no-repeat;
		margin-bottom: 8px; }
		
		#submenu LI {
			/*background: transparent url(../images/sub_bullet.gif) 0 0 no-repeat;*/
			margin: 0 3px;
			padding: 2px 3px 2px 0;
			position: relative;
			top: -24px;
			border-bottom: 1px solid #e1e1e1;
			line-height: 1.3em; }

		#submenu LI.selected {
			background-color: #BBD5B0; }

			#submenu LI.selected A { 
				color: #225C1E !important }
			
			#submenu LI A {
				text-decoration: none;
				display: block;
				padding: 4px 0 0 21px; }
				
			#submenu LI A:hover { }


/* ===============================
		::: FOOTER :::
=============================== */

#footer {
	clear: left;
	background: #fff url(../images/bg_footer.gif) top left no-repeat;
	position: relative;
	padding-left: 30px;
	width: 710px !important;
	width /**/: 740px;
	height: 78px;
	margin: -78px auto 0; 
	color: #50718c;
	font-size: 11px; }

	#footer ADDRESS {
		float: left;
		font-style: normal;
		text-align: left;
		margin-top: 14px;
		margin-right: 5em; }


/* ===============================
		::: HOMEPAGE :::
=============================== */

BODY.home #contentContainer {
	padding-top: 0; }

BODY.home #menu {
	margin-bottom: 0; }
	
UL.experience {
	margin-left: 0; }
	
UL.experience LI {
	list-style: ;
	font-size: 1.2em;
	color: #666;
	list-style: none;
	margin-left: 0;
	margin-bottom: .4em;
	padding-left: 40px;
	padding-top:  1px;
	background: transparent url(../images/home_bullet_1.gif) 0 0 no-repeat; }
	
	UL.experience LI A {
		color:  #666;
		text-decoration: none; }
		
	UL.experience LI A:hover {
		text-decoration: underline; }
		
	
	LI.bull2 { background-image: url(../images/home_bullet_2.gif) !important; }
	LI.bull3 { background-image: url(../images/home_bullet_3.gif) !important; }
	LI.bull4 { background-image: url(../images/home_bullet_4.gif) !important; }
	LI.bull5 { background-image: url(../images/home_bullet_5.gif) !important; }
	LI.bull6 { background-image: url(../images/home_bullet_6.gif) !important; }
	LI.bull7 { background-image: url(../images/home_bullet_7.gif) !important; }
	LI.bull8 { background-image: url(../images/home_bullet_1.gif) !important; }
	LI.bull9 { background-image: url(../images/home_bullet_2.gif) !important; }

#mission {
	float: left;
	clear: none;
	width: 417px !important;
	width /**/: 448px;
	height: 168px !important;
	height /**/: 222px;
	background: transparent url(../images/home_mission_bg.gif) 0 0 no-repeat;
	padding: 55px 0 0 31px;
	color: #fff; }
	
	#mission P {
		margin-right: 25px;
		margin-bottom: 0; }
	
	#mission UL {
		margin-bottom: 0; }
		

#recentprojects {
	float: right;
	clear: right;
	width: 256px !important;
	width /**/: 287px;
	height: 168px !important;
	height /**/: 222px;
	background: transparent url(../images/home_recent_bg.jpg) 0 0 no-repeat;
	padding: 55px 0 0 31px;
	color: #294b69;  }

	#recentprojects UL {
		margin: 0; }
		
	#recentprojects LI {
		list-style: none;
		margin-left: 0;
		margin-right: 20px;
		line-height: 1.2em;
		margin-bottom: .6em; }
		
	#recentprojects A {
		text-decoration: none; }
		
		#recentprojects A:hover {
			text-decoration: underline; }

BODY.home #content {
	clear: left;
	display: inline;
	padding-bottom: 85px; }
	
BODY.home .illustration {
	float: right;
	margin-top: 32px;
	margin-right: -264px; }
	
BODY.home H1 {
	font-weight: normal; }
		



/* ===============================
		::: MISC :::
=============================== */