/* ------------------------------------------------------------------------ GENERAL BODY STYLES - GPMS - Global Portfolio Management Systems -----------------------------------*/	

a:link {color:#0066CC; font-weight:bold;	text-decoration:none;	}
a:visited {color:#339900;	font-weight:normal;	text-decoration:none;	}
a:hover {color:#729A14; text-decoration:underline;}
body {
	background: #fff url("/images/bck.jpg") left top repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	margin:0;
	padding:0;
	}
#bodyContainer {
	color:#000;
	line-height:20px;
	padding: 0;
	width: 965px;
	}
/*
	------------------------------------------------------------ HEADINGS ------------------------------------------------------------	
*/
h1 { /* Main Page Headings - Black */
	color:#000;
	font: normal 30px Georgia, "Times New Roman", Times, serif;
	letter-spacing:-1px;
	margin:0;
	padding: 0 0 6px 0;
	}
h2 {/* Page Topic headings - Green */
	color:#336600;
	font: normal 23px Georgia, "Times New Roman", Times, serif;
	letter-spacing:-1px;
	margin: 0;
	padding: 0 0 6px 0;
	}
h3  {/* Page Sub Headings - Green*/
	color:#336600;
	font: normal 19px Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding: 0 0 5px 0;
	}
h4 { /* Banner Free Trial */
	color:#f5f5f5;
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding: 0 0 6px 0;
	}
h5 { /* Callouts GRAY(eg. niku 6 thru clarity 8)*/
	color:#737373;
	font: normal 23px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	line-height:26px;
	margin:0;
	padding: 10px 0 0 0;
	}
h6 { /* footer links */
	color:#AAA;
	font-size: 13px;
	font-weight:normal;
	margin:0;
	padding: 0;
	}
/*	FONTS - most for navigation   --------------------------------------------- FONTS ------------------------------------------------------- */
small {
	color:#737373;
	font:normal 11px Arial, Helvetica, sans-serif;
	}	
.textCaptionWhite {
	color:#fff;
	font:normal 11px Arial, Helvetica, sans-serif;
	}	
.highlight {
	color:#FF7700;
	font-size:12px;
	font-weight:bold;
	}	


/* MISCELLANEOUS*/	
.clearDiv {
	clear:both;
	height:1px;
	}		
/* hide and show stuff */
.hide {
	display:none;
	}
.show {
	display:block;
	}




/* BANNER ------------------------------------------------------------ BANNER ---------------------------------------------*/
#banner {
	clear:both;
	background: url("/images/bckBannerGray.jpg") top left repeat-x;
	display:block;
	height:160px;
	margin:0 0 20px 0;
	padding:0;
	width:960px;
	}
#banner #bannerImg {
	float:left;
	height:160px;
	margin:0;
	padding:0;
	width:710px;
	}
#banner #bannerCallout {
	background: url("/images/bckBanner.jpg") top left repeat-x;
	color:#f5f5f5;
	float:right;
	font:normal 18px Georgia, "Times New Roman", Times, serif;
	height:145px;
	margin:0; 
	padding:15px 10px 0 10px;
	width:230px;
	text-align:center;
	} 




/* 
	CONTENT  (total width = 960px)---------------------------- CONTENT ------------------------------------------------------
*/
#contentContainer {
	background:#fff;
	margin:0;
	padding:0;
	width: 960px;
	}
#contentMain {
	float:left;
	margin: 0;
	padding:20px 40px 30px 30px;
	width: 635px; /* 5px leftover for IE box model fix */
	}
#contentSide {
	background: #F8F7F1;
	border-left:1px solid #D2D2D2;
	border-right:1px solid #D2D2D2;
	border-bottom:3px solid #000;
	float:right;
	margin: 0 0 12px 0;
	padding: 20px 18px 30px 18px;
	width: 212px;
	}
.contentSideTools {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin:20px 0 0 0;
	padding: 15px 0 5px 0;
	}



/*
	FOOTER  -------------------------------------------------------- FOOTER ---------------------------------------------------
*/
#footer {
	background: #000 url("/images/bckFooter.jpg") top left repeat-x;
	color: #AAA;
	margin:0;
	padding: 20px 0 60px 0;
	text-align:center;
	width:100%;
	}
	#footerLinks {
		color: #AAA;
		font-weight:normal;
		margin: 0;
		padding: 4px;
		}
	#footerLinks a, #footerLinks a:visited {
		color:#0066FF;
		font-weight:normal;
		padding: 2px 2px 10px 2px;
		text-decoration:none;
		}
	#footerLinks a:hover {
		color: #598400;
		text-decoration:underline;
		}



/* 
	FORMS  ------------------------------------------------------------ FORMS ------------------------------------------------------
*/
form {
	margin:0;
	padding:0;
	}		
	form .buttonCaption {
		font:normal 11px Arial, Helvetica, sans-serif;
		color:#999;
		background:none;
		border:none;
		width:140px;
		}	
	form .buttonSubmit {
		background:#58AC40;
		border:2px outset;
		color:#fff;
		font-size:13px;
		font-weight:bold;
		margin:0;
		padding:5px 8px 5px 8px;
		text-decoration:none;
		}




/*
	IMAGES  ----------------------------------------------------------- IMAGES ---------------------------------------------------
*/
img {
	border:0;
	margin:0;
	padding:0;
	}	
.imgBlock {
	border:0;
	display:block;
	margin:0;
	padding:0;
	}
.imgFloatRight {
	border:0;
	float:right;
	margin:0;
	padding:1px 0 10px 10px;
	}	
.imgFloatLeft {
	border:0;
	float:left;
	margin:0;
	padding:1px 10px 10px 0;
	}
.imgPadded {
	border:0;
	margin:0;
	padding:10px 20px 10px 20px;
	}




/* 
	MASTHEAD  --------------------------------------------------------- MASTHEAD -----------------------------------------------
*/	
#mastUtility {
	color:#999;
	font:10px normal Verdana, Arial, Helvetica, sans-serif;
	height:18px;
	margin:4px 0 0 0;
	position:absolute;
	padding:0;
	width:960px;
	text-align: right;
	}
	#mastUtility a, #mastUtility a:visited {
		color:#58AC40;
		font:12px normal Verdana, Arial, Helvetica, sans-serif;
		padding:4px 8px 0 8px;
		text-decoration:none;
		}
	#mastUtility a:hover {
		color:#fff;
		text-decoration:underline;
		}
#mastHead {
	height:80px;
	margin:0;
	padding:0 0 0 30px;
	width:930px;
	}
#mastHead	#logo { /* company name */
	color:#fff;
	float:left;
	height: 63px;			
	width:125px;
	margin: 0;
	padding:0;
	}
#mastHead	#navMain {
	float:right;
	height: 55px;
	margin: 24px 0 0 0;
	padding:0;
	width:800px;
	}



/* 
	NAVIGATION --------------------------------------------------------- NAVIGATION ----------------------------------------------
*/	
#navMain {
	height:55px;
	margin:0;
	padding:0;
	width: 800px;
	}
	#navMain ul {
		margin:0;
		padding:0;
		width: 800px;
		}
	#navMain ul li {
		border-right:1px solid #666;
		display: block;
		float: left;
		margin:0;
		padding:0;
		list-style-type: none;
		width: 159px;
		}
	#navMain ul li a, #navMain ul li a:visited {
		border-right:1px solid #000;
		color:#fff;
		font: normal 16px Georgia, "Times New Roman", Times, serif;
		display: block;
		height:36px;
		margin:0;
		padding: 18px 0 0 0;
		text-decoration: none;
		text-align: center;
		width: 158px;
		}
	#navMain ul li a:hover {
		background: url("/images/bckNav.jpg") left top repeat-x;
		color:#fff;
		}
	/* highlight actiive page */
	#home #navMain ul li#home a, 
	#about #navMain ul li#about a, 
	#consult #navMain ul li#consult a, 
	#service #navMain ul li#service a, 
	#hosting #navMain ul li#hosting a, 
	#tools #navMain ul li#tools a, 
	#staffing #navMain ul li#staffing a 
		{
		background: url("/images/bckNav.jpg") left top repeat-x;
		color:#fff;
		height:36px;
		margin:0;
		padding: 18px 0 0 0;
		text-decoration: none;
		width: 158px;
		}
	


/*
	TABLE PLAIN, NO STYLES  --------------------------------------------- TABLES ---------------------------------------------------------
*/
.tablePlain {
	background: #F8F7F1;
	border:none;
	border-collapse:collapse;
	margin:10px;
	padding:0;
	}
	.tablePlain th {
		font-weight:bold;
		margin:0;
		padding:6px 10px 6px 10px;
		text-align:left;
		}
	.tablePlain td {
		margin:0;
		padding:6px;
		text-align:left;
		vertical-align:top
		}



/* 
	CONTENT LISTS   ---------------------------------------------------------- LISTS -------------------------------------------------------------------------
*/ 	
ul.lists {
	list-style:none;
	font-size:12px;
	margin:5px 0 15px 25px;
	padding:0;
	text-align:left;
	}
ul.lists li {
	background: url("/images/bullet.jpg") left 12px no-repeat;
	color:#444;
	margin:0;
	padding:3px 0 3px 15px;
	list-style-type:none; 
	}
ul.lists li a, ul.lists li a:visited {
	color:#0066CC;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-decoration:underline;
	text-align:left;	
	}
ul.lists li a:hover {
	color:#729A14;
	text-decoration:none;
	}