/* CSS Document */

	body { margin: 0px; padding: 0px; }

	#logo {
		height: 88px; width: 800px;
		margin: 0px auto 0px auto;
		text-align: left;
		}

	#navigation_keynote {
		height: 260px; text-align: center; background: url(../gfx/splashBanner_keynote_kenOrange_bg.png);
		}
	
	#navigation_landmark {
		height: 260px; text-align: center; background: url(../gfx/splashBanner_research_cnnGray_bg.png);
		}
	
	#navigation_about {
		height: 260px; text-align: center; background: url(../gfx/splashBanner_about_waveBlue_bg.gif);
		}
	
	#navigation_publication {
		height: 260px; text-align: center; background: url(../gfx/splashBanner_publication_booksOrange_bg.png);
		}
	
	#navigation_home {
		height: 260px; text-align: center; background: url(../gfx/splashBanner_home_graphBlue_bg_.gif);
		}
	
	#navigation_tools {
		height: 260px; text-align: center; background: url(../gfx/splashBanner_tools_computerGreen_bg_new.gif);
		}

	#navigation_hr {
		height: 260px; text-align: center; background: url(../gfx/splashBanner_toolshs_peach_bg.gif);
		}

	#navTabs {
		height: 46px; width: 800px;
		margin: 0px auto 0px auto;
		text-align: left;
		position: relative;
		}
	
	#splashie {
		height: 199px;	width: 1000px;
		margin: 0px auto 0px auto;
		clear:both;
		}
	
	#navigation_bottom {
		background: #E2DFDF;
		text-align: center;
		border-bottom: 30px solid #fff;
height: 26px !important;
		}

	/* content is container div for all 3 columns,
	 * three columns are named content_left, content_middle, content_right
	 * in the case of only two columns, content_right div should be removed, and content_middle div replaced with content_main
	 * each content div has a padding class inside it instead of using padding as that is buggy on older IE.
	 */
	
	#content {
		width: 800px;
		margin: 10px auto 30px auto;
		}

	#content_left {
		width: 195px;
		float: left;
		}
	
	#content_left div.padding {			margin: 0px 5px 0px 0px;		}
	
	#content_right {
		width: 195px;
		float: right;
		}
		
	#content_right div.padding {		margin: 0px 0px 0px 5px;		}
	
	#content_middle1 {
		width: 350px;	
		margin: 0px auto 0px auto;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
		display: block;
		}

	#content_middle {
		width: 400px;	
		margin: 0px auto 0px auto;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
		display: block;
		}
	
	#content_middle div.padding_small {	margin: 0px 15px 0px 15px;		}		
	#content_middle div.padding_big {	margin: 0px 30px 0px 30px;		}
		
	#content_main {
		width: 600px;
		border-left: 1px solid #ccc;
		float: right;
		}
		
	#content_main div.padding_small {	margin: 0px 0px 0px 15px;		}
	#content_main div.padding_big {		margin: 0px 0px 0px 30px;		}
			
	img.navTabs	{
		position: absolute;
		}
	
	img.margin_right { 	margin-right: 20px; }
	img.margin		{ margin: 5px; }
	img.centered	{ margin: 0px auto 0px auto; }
	img.divider		{ margin: 10px 0px 10px 7px; display:block; }
	
	/* FONTS */
	
	p	{
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		line-height: 1.55em;
		margin: 10px 0px 10px 0px;
		/* AARON INCREASED */
		}

	li	{
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		line-height: 1.55em;
		/* AARON INCREASED */
		}
	
	span	{
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		}
	
	.header {
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		line-height: 1.15em;
		font-weight:500;
		}
		
	.menu {
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		line-height: 1.15em;
		font-weight:600;
		}
		
	.testimonials {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #333333;
		line-height: 1.25em;
		font-stretch:narrower;
		margin: 12px 0px 0px 0px;
		}
		
	.t2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: normal;
		color: #333333;
		line-height: 1.25em;
		font-stretch:narrower;
		margin: 12px 0px 0px 0px;
		}

	.tl1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: bold;
		color: #333333;
		line-height: 1.25em;
		text-align: center;	
		margin: 0px 20px 5px 0px;
		}
		
	.team { margin: 50px 0px 0px 0px; }

	/* Aaron added 01/18/2008 */

    .splashie2
	{
	padding-left: 5px;
	}

    p.caption {
		font-size: 11px;
		font-style: italic;
		line-height: 1.15em;
		margin: 7px 0px 0px 0px; 
		padding-left: 15px;
		background: url(../gfx/hyphen.gif) no-repeat left top;
		} 

    span.caption {
		font-size: 11px;
		font-style: italic;
		line-height: 1.15em;
		margin: 7px 0px 0px 0px; 
		padding-left: 15px;
		background: url(../gfx/hyphen.gif) no-repeat left top;
		} 

    span.caption2 {
		font-size: 11px;
		font-style: italic;
		line-height: .5em;
		margin: 7px 0px 0px 0px; 
		padding-left: 15px;
		background: url(../gfx/hyphen.gif) no-repeat left top;
		} 

    span.caption3 {
		font-size: 11px;
		font-style: italic;
		line-height: 0.5em;
		margin: 0px 0px 0px 0px; 
		padding-left: 15px;
		} 
	
	.scrunched {
		line-height: 1.15em;
		}

	/* MISC STYLE THAT CAN BE APPLIED TO MANY ELEMENTS */
		
	.orange 		{ 	color:#FF6600; 	}
	.blue			{ 	color:#6699ff; 	}
	.nomargin 		{	margin: 0px;	}
	.notoppadding	{	padding-top: 0px;	}
	.noborder		{ 	border: 0px; 	}	
	.float_left		{	float: left;	}
	.float_right	{	float: right;	}
	.align_left		{	text-align: left;	}
	.align_right	{	text-align: right;	}
	.align_centered	{	text-align: center;	}
	.nobold 		{ 	font-weight:normal;	}
	.bold 			{ 	font-weight:bolder; }
	
	.clear 			{	clear: both;	}
	
	div.menu_on		{
		background: url(../gfx/menu_arrow_blue.gif) no-repeat left top;
		padding: 0px 0px 0px 7px;
	}
	div.menu_off	{
		padding: 0px 0px 0px 7px;
	}
	
	/* A HREF STYLES */
	
	a:link 			{ color: #333; line-height: 1.25em; }     
	a:visited 		{ color: #333; line-height: 1.25em; }  	
	a:hover 		{ color: #FF0000; line-height: 1.25em; }   
	a:active 		{ color: #333; line-height: 1.25em; } 
	
	a.menu_off:link { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.25em; color:#FF6600; margin: 0px; text-decoration: none; font-weight:bold;}     
	a.menu_off:visited { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.25em; color:#FF6600; margin: 0px; text-decoration: none; font-weight:bold;  }  	
	a.menu_off:hover { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.25em; color:#6699FF; margin: 0px; font-weight:bold; }   
	a.menu_off:active { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.25em; color:#FF6600; margin: 0px; text-decoration: none; font-weight:bold;  } 
	
	a.menu_on:link { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.25em; color: #3366FF; margin: 0px; text-decoration: none; font-weight:bold; }     
	a.menu_on:visited { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.25em; color: #3366FF; margin: 0px; text-decoration: none; font-weight:bold;  }  	
	a.menu_on:hover { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.25em; color: #3366FF; margin: 0px; font-weight:bold; }   
	a.menu_on:active { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height: 1.25em; color: #3366FF;; margin: 0px; text-decoration: none; font-weight:bold;  } 
	
	a.blue	 		{ color: #3366FF; }  
	a.nobold		{ font-weight:normal; }
