/*	HEX VALUES:	Blue #303F72	Pale Green #D9E0E0	Darker Pale Green:#aeb9b9	Light Gray #ccc		Dark gray #666		Dark Gray #4D4D4D		Blue Bar: #4D5B87	*/

/* PRIMARY STRUCTURE */
h3								{	padding: 5px;	color:#4D5B87;	background-color: #ccc; }
h4.header						{	font-size: 1.25em; border: none; line-height: 1.5em; }
h5								{	color: #4D5B87;}

body							{	background: url(../images/bg-gradient-color.gif) repeat-x; }
#wrapper						{	width: 996px;	height: 674px;	margin: 0 auto 0; }
#header 						{	width: 995px;	height: 84px;}
	#logo-main a				{	width: 350px;	height: 83px;	float: left;	display: block; overflow: hidden; text-indent: -999em; background: url(../images/logo-iwp.gif) repeat-x; }

	#util-nav 					{	height: 16px;	float: right;	margin: 16px 0;	display: block; }
		#util-nav li 			{	width: 150px;	list-style: none; display: inline; }
		#util-nav a				{	color: #666; }

	#nav-main 					{	width: 600px;	height: 36px;	float: left; z-index:100; }
		#nav-main ul li			{	height: 36px;	display: inline; float: left; 	margin: 0;	padding: 0;	list-style-type: none; background-color: #303F72; border-right: 3px solid #fff; }
		#nav-main a 			{	width: 186px;	float: left;	padding: 8px 0 7px 0;  text-decoration: none;	text-align:center; border-bottom: 5px solid #4D5B87; color: #FEFEFE; }
		#nav-main .active		{	color:#999;} 
		#nav-main .nav-last a	{	border-right: none; width: 197px; border-bottom: 5px solid #4D5B87; }
		#nav-main a:hover 		{	background-color:#4D5B87;} 
		.blue					{	width: 100%;	height:7px; 	margin: 5px 0 0 0; }

	#main-banner				{	width: 995px;	height: 278px;	float: left; clear: both; background: url(../images/bg-blue.jpg) no-repeat; }
		.intro-paragraph		{	padding: 135px 0 0 357px; color: #fefefe; line-height: 24px; }

	#footer						{	width: 645px;	height: 310px;	float: left;	padding: 0 0 0 350px; background-color:#D9E0E0; border-bottom: 14px solid #ccc; }
		#footer-bar				{	width: 995px;	height: 12px;	float: left}
		.box-blue				{	width: 24px;	height: 100%;	float: left;	background-color: #52608B; }
		.locations ul, li		{	margin: 0;		padding: 0;		color: #555;}
		.locations				{	width: 580px;	height: 14px;	float: left;		margin: 15px 0;}
			.locations li		{	width: 45px;	float: left;	display: inline;	letter-spacing: 1px; text-align: center; }
			li.first			{	width: 94px;	text-align: left; }
			li.spacer			{	width: 8px; 	padding: 0 16px 0 0;	text-align: center;}
		#legal					{	width: 450px;	float: left;}
		.legal a				{	width: 445px;	height: 14px;	float: left;	margin: 17em 0 0 0;	display:block;	color: #777;	letter-spacing: 1px; }			
		.copyright	a			{	width: 445px;;	height: 14px;	float: left;	margin: 5px 0 0 0;	display:block;	color: #777;	letter-spacing: 1px; }			


/* INTERIOR STRUCTURE */

	#footer-int					{	width: 630px;	height: 160px;	float: left;	padding: 0 0 0 365px;	background-color:#c9d3d3; }
		#footer-bar-int			{	width: 995px;	height: 16px;	float: left; }
		#footer-spacer-int  	{	width: 504px;	height: 144px;	float: left; }
		#footer-bar-top 		{	width: 580px;	height: 14px;	float: left;	background-color: #303F72; }

	#main-content-int			{	width: 995px;	float: left;	clear: both;	background: #fff url(../images/bg-white.gif) no-repeat; }
	#main-content-int li		{	list-style-type: square; }
	#column-1					{	width: 282px;	height: 400px;	float: left;	padding:164px 0 0 82px;	background: url(../images/bg-tag.gif) no-repeat; }
	#column-1	a				{	width: 100%;	float: left;	padding:0 0 12px 0;	color: #888; }
	#column-1	blockquote		{	margin:0; padding:0; }
	#column-2					{	width: 540px;	float: left;	padding: 11em 4em 5em 0;	clear:right; }
		#column-2 h2,h3,
			h4,h5,p,ul,li		{	color:#4D5B87; }
		#column-2 p				{	font-size: 1.1em; }
		#column-2 li			{	font-size: 1.1em; }

	#disclosures				{	width: 660px;					float: left; }
		.legal-int a			{	width: 450px;	height: 14px;	float: left;	margin: 9px 0 0;display:block;	color: #777;	letter-spacing: 1px; }			
		.copyright-int	a		{	width: 600px;	height: 14px;	float: left;	margin: 6px 0 0;	display:block;	color: #777;	letter-spacing: 1px; }			


/* CLIENT SITES STRUCTURE */

	#client-branding a			{	width: 400px;	height: 83px;	float: left;	margin: 0 250px 0 0; display: block; overflow: hidden; text-indent: -999em; background: url(../images/logo-iwp.gif) repeat-x; }

	#content-wrapper			{	width: 995px; 					float: left; background-color: #fff; }
	#client-nav-wrapper			{	width: 100%;	height:60px;	float: left;	background-color: #808080; z-index: 999; }
	#client-nav-bar				{	width: 994px;					float: left;	margin: 13px 0 0 0;	padding:0;	background: url(../images/bg-nav-blue.gif) repeat-x; }
	#client-content-wrapper		{	width: 994px;	height:574px;	float: left; }
	
	#footer-client				{	width: 645px;	height: 120px;	padding: 0 0 0 350px;	float: left; }
	
	
/* 	CLIENT SITES NAV BAR */

	#util-nav-client 			{	margin: 15px 0; float:right;	/* color: #ccc; */ }
		#util-nav-client li 	{	display: inline; float:left;	}
		#util-nav-client a		{	display: block;	width: 65px; padding: 11px 0; color: #666; }
		#util-nav-client 
		.contact-iwp-button a	{	width: 145px;	background: url(../images/button-contact-iwp.gif) no-repeat; text-decoration: none; }
	
	#client-nav-bar ul			{	float: left;	margin: 0; }
	#client-nav-bar li 			{	float: left;	display: inline; }
	#client-nav-bar  a			{	float: left;	text-decoration: none;	font-size: 1.15em;	display: block; }
	
		#navtabs  				{	height: 37px;	float: left; /* background-color: #555; */	background: url(../images/tab-bg-body.gif) repeat-x; }
			#navtabs a			{	padding: 10px 21px 10px 42px; text-shadow:0 1px 0 white; }
			#navtabs a:hover	{	color: #444; }
		
		#navbuttons				{	height: 37px;	background: url(../images/tab-bg-rounded-right.gif) no-repeat; }
			#navbuttons a		{	height: 17px;	float: left; color:#fefefe; font-size: .75em;	text-shadow:0 1px 0 #222; /* HOW DOES THIS WORK WITH CSS 2.1?  */ }
			#navbuttons a:hover	{	color: #888; }
		
		/* Navbar Tabs */
			.tab-first a 		{	background: url(../images/tab-bg-rounded-left.gif) no-repeat; }
			.tab-joint a		{	background: url(../images/tab-bg-joint.gif) no-repeat; }
		
		/* Navbar Buttons */
			.button-first a		{	padding: 12px 25px 8px 56px;	border-right: 1px solid #4d4d4d;	background: url(../images/button-document.gif) no-repeat 39px 11px; }
			.button-second a	{	padding: 12px 25px 8px 38px; 	border-right: 1px solid #4d4d4d;	border-left:1px	solid #888;	background: url(../images/button-calendar.gif) no-repeat 16px 11px; }
			.button-third a		{	padding: 12px 1px 8px 34px; 	border-right: none;					border-left:1px	solid #888;	background: url(../images/button-portfolio.gif) no-repeat 14px 11px; }