/* GENERAL FORMATTING
****************************************************/
*							{margin:0px; padding:0px; border:0px;}
body 						{font-family: Verdana, Helvetica, sans-serif; font-size:12px; background:url(../img/bgmain.png) #737f7f; color:#bbb;}
a 							{text-decoration:none;}
a:link, a:visited 			{color:#fff;}
a:hover			 			{color:#bbb;}
h1 							{padding:10px 10px 0 10px; font-weight:bold; }
h2 							{padding:5px 10px 0 10px; font-size:12px; line-height:15px; color:#fff; font-weight:bold;}
hr 							{color:#000;}
p 							{padding:7px 10px 0 10px; line-height:16px;}
ul							{list-style:none;}
span						{padding:0 10px 0 10px;}

label						{width:70px; display:block; float:left; border-bottom:solid 1px #999; height:20px; line-height:20px;}

input, textarea				{background:#000; font-family:Verdana, Helvetica, sans-serif; font-size:12px; color:#bbb; text-align:left; }
input						{border-bottom:solid 1px #bbb; width:190px;vertical-align: middle; padding-top:5px; }
#submit						{display:block; border:0;}

textarea					{border:solid 1px #999; width:190px; height:100px;}
.whitetext					{color:#fff; padding:0; margin:0;}
.blacktext					{color:#000; padding:0; margin:0;}

/* LAYOUT
****************************************************/
#container 					{position:absolute; width:780px; height:640px; margin:-260px 0px 0px -390px; top:50%; left:50%; text-align:left; overflow:hidden;}

html>body #content 			{width:780px;}
#content 					{width:780px; height:340px; text-align:left; background:url(../img/bg_blackbox.png); margin:12px 0 0 0; overflow:hidden;}
html>body #homiecontent 	{width:780px;}
#homiecontent 				{width:780px; height:340px; text-align:left; background:url(../img/bghome.png);; margin:12px 0 0 0; overflow:hidden;}
html>body #contentlightblack{width:780px;}
#contentlightblack			{width:780px; height:340px; text-align:left; background:url(../img/bg_lightblackbox.png); margin:12px 0 0 0; overflow:hidden;}
#contentlightblack p		{color:#000;}
#contentlightblack div#left h1		{color:#000;}
#contentlightblack div#left a		{text-decoration:underline; color:#000;}
#contentlightblack div#left a:hover	{text-decoration:none;}
#contentblack p em			{color:#000;  display:inline; font-style:normal;}
#contentblack 				{width:780px; height:340px; text-align:left; background:#000; margin:12px 0 0 0; overflow: hidden;}
#contentblack p				{color:#bbb;}
#contentblack p em			{color:#fff;  display:inline; font-style:normal;}
#contentlight 				{width:780px; height:340px; text-align:left; background:#d8dbc6; margin:12px 0 0 0; overflow: hidden;}
#contentlight p				{color:#3b4443;}
#contentlight p em			{color:#000;  display:inline; font-style:normal;}

/* new homepage */
div#home-page h2 { margin:7px 0 0 7px; padding:0; width:136px; height:20px; background:transparent url(../img/bg_home_h2_latestnews.gif) no-repeat; }
div#home-page h2 span { font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-weight:normal; font-size:135%; color:#000; text-align:left; margin:0; padding:0; display:none; }
div#h-block-three h2 { height:24px; }
div#home-page p, div#home-page ul li {font-size:10px;line-height:13px;margin:0; padding:0 5px 6px 7px; color:#000;}
div#h-block-three div.rss-icon { height:23px; width:21px; position:absolute; z-index:99; left:8px; bottom:7px; }
div#h-block-three div.rss-icon a { display:block; height:23px; width:21px; border:0; background:transparent url(../img/bg_rss_icon.gif) no-repeat;}
div#h-block-three div.rss-icon a:hover { display:block; height:23px; width:21px; border:0; background:transparent url(../img/bg_rss_icon.gif) no-repeat left -23px;}
div#h-block-three div.rss-icon a span { display:none; }
div#h-block-four h2 { background:transparent url(../img/bg_home_h2_sustainability.gif) no-repeat; height:22px; }
div#h-block-seven h2 { background:transparent url(../img/bg_home_h2_latestwork.gif) no-repeat; height:24px }
div#h-block-seven p a:hover { color:#efefef; }
div#h-block-eight h2 { background:transparent url(../img/bg_home_h2_training.gif) no-repeat left top; height:22px;  }
div#home-page ul { margin:0; padding:0; }
div#home-page ul li { margin:0 5px 2px 0; padding:0; }
div#home-page ul li a { color:#000; display:block;background:transparent url(../img/bg_bullet_latest_news.gif) no-repeat left 7px; padding-left:8px}
div#home-page ul li a:hover { color:#fff; background-position:-396px 7px;}

div#home-page { height:342px; position:relative; margin:12px 0 0 0; }
div#h-block-one	{ position:absolute; top:0; left:0; background:#000; width: 220px; height:332px; border-right:2px solid #dee0c8; padding-top:10px }
div#h-block-one p	{ margin:0 3px 3px 7px; color:#8f9091;}
div#h-block-two	{ position:absolute; top:0; left:222px; background:#282829 url(../img/bg_home_bu.gif) no-repeat; width:138px; height:112px; border-right:2px solid #dee0c8;  border-bottom:2px solid #dee0c8; }
div#h-block-three	{ position:absolute; top:114px; left:222px; background:#858e88; width:138px; height:228px; border-right:2px solid #dee0c8; color:#fff; }
div#h-block-four	{ position:absolute; top:0; left:362px; background:#b5560e; width:138px; height:228px; border-right:2px solid #dee0c8; border-bottom:2px solid #dee0c8; color:#000;}
div#h-block-five	{ position:absolute; top:230px; left:362px; background:#282829 url(../img/bg_home_de.gif) no-repeat; width:138px; height:112px; border-right:2px solid #dee0c8; }
div#h-block-six	{ position:absolute; top:0; left:502px; background:#282829 url(../img/bg_home_in.gif) no-repeat; width:138px; height:112px; border-right:2px solid #dee0c8;  border-bottom:2px solid #dee0c8; }
div#h-block-seven	{ position:absolute; top:114px; left:502px; background:#aaab7c; width:138px; height:228px; border-right:2px solid #dee0c8;  color:#000;}
div#h-block-eight	{ position:absolute; top:0; left:642px; background:#654141; width:138px; height:228px; border-right:2px solid #dee0c8; border-bottom:2px solid #dee0c8; }
div#h-block-nine	{ position:absolute; top:114px; left:642px; background:#282829; width:138px; height:114px; border-right:2px solid #dee0c8;  border-bottom:2px solid #dee0c8; display:none; }
div#h-block-ten	{ position:absolute; top:230px; left:642px; background:#282829 url(../img/bg_home_gn.gif) no-repeat; width:138px; height:112px; border-right:2px solid #dee0c8;  }

#homieflash					{width:780px; position:relative; z-index:1;}
#homiecopy					{width:540px; position:absolute; top:224px; left:5px; color:#000; z-index:2; text-align:left;}
#homeheadline				{font-family:"Times New Roman", Times, serif; font-size:32px; display:block; padding-bottom:0px; font-weight:normal;}
#homieright					{width:210px; position:absolute; left:565px; color:#000; z-index:4; overflow:visible; font-size:11px;}
#homieright div#sustainability {height:183px;}
#homieright div#sustainability div.home-img-group {float:right; width:72px; margin:10px 10px 0 10px;}
#homieright div#sustainability img#gri-logo {margin:4px 0 0 1px;}
#homieright	h1				{font-size:11px; color:#fff; padding:2px 10px;}
#homieright	h2				{font-size:11px; color:#fff; padding:9px 10px 0px 10px;}
#homieright	p				{line-height:14px;}
#homieright div ul			{color:#000; list-style:disc; margin-left:15px;}
#homieright div li			{font-size:11px; padding:2px 0; list-style:disc; line-height:15px;}

#peopleflash				{width:405px; position:relative; float:left;}
#peoplelist					{width:150px; float:left;}
#peoplecopy					{width:210px; float:right; color:#fff;}

#left						{width:550px; display:block; float:left; z-index:1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:15px;}
#leftflash					{width:560px; display:block; float:left; z-index:2;}

#left h1					{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:15px;  color:#fff; }
#left div#nextpage			{position:absolute; top:380px; padding:0 10px 0 10px;}

#rightflash					{width:230px; display:block; float:right; z-index:3;}
#right						{width:215px; display:block; float:right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; z-index:4; padding-top:5px;}
#right h1					{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; color:#fff;}
#right form					{margin-left:8px;}

#footer						{height:250px; }
#footer img#logo-gri 		{position:absolute; right:0; top:440px; z-index:101;}

#date						{position:absolute; right:0px; font-size:11px; font-weight:normal; top:45px; color:#000; padding:0px;}

/* MAINNAV
****************************************************/
.menu 						{margin:10px 0; font-size: 0.9em; border-top:1px solid #4f504f; padding-top:5px; position:relative;}
.menu ul 					{list-style-type:none; width:150px; position:absolute; left:0px; top:0px;}
.menu ul ul					{list-style-type:none; width:150px; position:absolute; left:100px; top:0px;}
.menu ul ul ul				{list-style-type:none; width:400px; position:absolute; left:200px; top:0px;}
.menu li 					{list-style-type:none; padding: 2px 0; clear:both;}
.menu li li 				{width:220px;}
.menu li li li 				{width:400px;}

.menu a 					{color:#000; text-decoration:none; text-indent:5px;}

.menu a:hover				{color:#fff;}


/* SPECIALS
****************************************************/
ul#casestudies				{list-style:none; width: 520px;}
ul#casestudies li			{float:left; width:60px; margin-right:5px;}

ul#clients					{list-style:none; width:560px;}
ul#clients li				{float:left; width:139px; height:84px; border-right:1px solid #414141; border-bottom:1px solid #414141;}
ul#clients li.rightclient 	{padding:0 1px 0 0; border-right:0px;}
#clientlist					{width:210px; float:right}

#legalnav					{position:absolute; top:420px; right:0; font-size:11px;}
#legalnav a					{color:#000;}
#legalnav a:hover			{color:#fff;}

ul li a.active				{color:#FFF;}
ul li a.active:visited		{color:#FFF;}

/* TRAININGFORM
****************************************************/
#trainingform input 		{width:30px; border:#000;}
#trainingform span 			{width:80px; }
#trainingform h1 			{ font-size:12px; color:#fff;}

/* NEWS BLOG
****************************************************/
div#news-content {
	padding:18px 0 20px 20px;
	width:540px;
	height:300px;
	overflow:auto;
}
div#news-content p, div#news-content ul, div#news-content ol, div#news-content blockquote {
	padding:0 20px 0 0;
	margin-bottom:1em;
}
div#news-content a {
	color:#000;
	text-decoration:underline;
}
div#news-content a:hover {
	text-decoration:none;
}
div#news-content ul {
	margin-left:14px;
}
div#news-content ul li {
	list-style-type:square;
	color:#000;
}
div#news-content h3.storytitle {
	margin: 0 10px 10px 0;
	color:#000;
}
div#news-content h3.training-heading {
	margin-top:31px;	
}
div#news-content h3.training {
	margin: 31px 10px 10px 0;
}

div#news-content h3.storytitle a {
	text-decoration: none;
	color:#000;
}
div#news-content p.post-date {
	font-size:10px;
	margin-bottom:15px;
}
div#news-items {
	position:absolute;
	right:0; 
	top:85px;
	width:220px;
	line-height:12px;
	overflow:auto;
	height:340px;
}
div#news-items h2 {
	margin:0 0 0 10px;
	padding:0;
	font-size:10px;
}
div#news-items ul {
	margin:0 0 10px 10px;
	padding:0;
}
div#news-items ul.training {
	margin:35px 0 0 10px;
	padding:0;
}
div#news-items ul li {
	padding:0 5px 2px 0;
	font-size:10px;
}
div#news-items ul li a {
	background:transparent url(../img/bg_bullet_latest_news.gif) no-repeat -794px 6px; padding-left:10px;
	color:#8f9091;
	display:block;
}
div#news-items ul li a:hover {
	background-position:-396px 6px;
	color:#fff;
}
div#news-items ul li a.on {
	background-position:-396px 6px;
	color:#fff;
	cursor:default;
}
div#news-content ul.thumb-links {
	margin:0;
	padding:0;
	clear:left;
}

div#news-content ul.thumb-links li {
	height:80px;
	margin:0;
	padding:0 30px 0 0;
	float:left;
	display:inline;
	list-style-type:none;
}
div#news-content ul.thumb-links li a {
	line-height:10px;
	margin:0;
	padding:4px 0 0 0;
	display:block;
}

div#news-content ul.thumb-links li img {
	padding:1px;
	margin:0;
	border:1px solid #000;
	background:#fff;
	display:block;
}