/* Start of CMSMS style sheet 'base' */
* { margin: 0; padding: 0; }
img { border: none; }

body {
	font: 68.75% Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #666666;
	background: #fff url(./bg-body.gif) 0px 0px repeat-x;
	}

#envelope {
	position: relative;
	width: 778px;
	margin: 0 auto;
	text-align: left;
	}

/* default styles for generic page elements */
p  { margin: 0 0 15px 0; }

ul { list-style: none; }
	li { font-size: 1em; }
		li li { font-size: 1em; }

ol { margin: 0 0 15px 20px; }
	ol li {
		font-size: 1em;
		margin: 0 0 4px 0;
		} 

hr {
	clear: both;
	border: 0; 
	height: 1px; 
	background: #e4e4e4; 
		*color: #e4e4e4; 
	margin: 15px 0;
	_margin: 0 0 8px 0;
	}
	
a {
	color: #336699;
	text-decoration: none;
	}
	a:hover, a:active { color: #6AB4FD; }
	
input, select, textarea { font-size: 1em; }
/* End of 'base' */

/* Start of CMSMS style sheet 'interface' */
#envelope { background: url(./bg-content-area-test.jpg) 0px 189px no-repeat; }

.top {
	position: relative;
	width: 778px;
	height: 189px;
	}
	#printLogo { display: none; }
	#logo, #tagline {
		position: absolute;
		top: 64px;
		left: 45px;
		}
		#tagline { top: 126px; }
		
	#topAreaBorder {
		position: absolute;
		top: 185px;
		left: 0px;
		width: 778px;
		height: 4px;
		background: url(./bg-bottom-main-image.gif) 0px 0px no-repeat;
		}

		

#contentArea {
	position: relative;
	width: 778px;
	min-height: 700px;
	height: auto !important;
	height: 700px;
	color: #666666;
	background: url(./bg-bottom-corners.gif) bottom no-repeat;
	}
	
	/* see content.css for content related styles */
		
	
#footer {
	position: absolute;
	bottom: 70px;
	left: 18px;
	color: #999;
	padding: 24px 0 0 32px;
	background: url(./bg-footer.gif) 0px 0px no-repeat;
	}
	
	#footer a { color: #6699cc; }
	#footer a:hover { color: #a8d0f8; }
	
	#footer a#lightfin {
		color: #999;
		background: url(./bg-lightfin-0.gif) 100% 3px no-repeat;
		}
		#footer a#lightfin:hover { background: url(./bg-lightfin-r.gif) 100% 3px no-repeat; }
		
	#footerPrint { display: none; }
/* End of 'interface' */

/* Start of CMSMS style sheet 'navigation' */
ul#constants {
	position: absolute;
	top: 33px;
	left: 49px;
	}
	ul#constants li { float: left; }
		ul#constants li a {
			display: block;
			float: left;
			color: #6a91bc;
			padding: 0 8px;
			text-decoration: none;
			background: url(./bg-constants.gif) 100% 3px no-repeat;
			}
			ul#constants li a:hover, ul#constants li a#selectedConstant { color: #a0bddb; }
			ul#constants li a.noBG { background: none; }
			
			
ul#mainNavigation {
	position: absolute;
	top: 148px;
	left: 46px;
	width: 411px;
	padding: 8px 0 0 0;
	background: url(./bg-main-nav.gif) 0px 0px no-repeat;
	}
	ul#mainNavigation li { float: left; }

		ul#mainNavigation li.HomeButton { display: none !important;}

		ul#mainNavigation li a {
			float: left;
			display: block;
			height: 13px;
			}
			
			ul#mainNavigation li.CompanyButton a { width: 72px; background: url(./company-0.gif) 0px 0px no-repeat; }
				ul#mainNavigation li.CompanyButton a:hover { background: url(./company-r.gif) 0px 0px no-repeat; }
				ul#mainNavigation li.CompanyButton a#selectedL1 { background: url(./company-1.gif) 0px 0px no-repeat; }
				
			ul#mainNavigation li.SolutionsButton a { width: 81px; background: url(./solutions-0.gif) 0px 0px no-repeat; }
				ul#mainNavigation li.SolutionsButton a:hover { background: url(./solutions-r.gif) 0px 0px no-repeat; }
				ul#mainNavigation li.SolutionsButton a#selectedL1 { background: url(./solutions-1.gif) 0px 0px no-repeat; }
			
			ul#mainNavigation li.ClientsButton a { width: 67px; background: url(./clients-0.gif) 0px 0px no-repeat; }
				ul#mainNavigation li.ClientsButton a:hover { background: url(./clients-r.gif) 0px 0px no-repeat; }
				ul#mainNavigation li.ClientsButton a#selectedL1 { background: url(./clients-1.gif) 0px 0px no-repeat; }
			
			ul#mainNavigation li.ResourcesButton a { width: 89px; background: url(./resources-0.gif) 0px 0px no-repeat; }
				ul#mainNavigation li.ResourcesButton a:hover { background: url(./resources-r.gif) 0px 0px no-repeat; }
				ul#mainNavigation li.ResourcesButton a#selectedL1 { background: url(./resources-1.gif) 0px 0px no-repeat; }
			
			ul#mainNavigation li.NewsButton a { width: 102px; background: url(./news-events-0.gif) 0px 0px no-repeat; }
				ul#mainNavigation li.NewsButton a:hover { background: url(./news-events-r.gif) 0px 0px no-repeat; }
				ul#mainNavigation li.NewsButton a#selectedL1 { background: url(./news-events-1.gif) 0px 0px no-repeat; }
			
			
			ul#mainNavigation li a span { display: none; }
			

#overviewButton {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 173px;	
	height: 25px;
		he\ight: 24px;
	border-bottom: 1px solid #e9e9e9;	
	}
	
ul#sublevelNavigation {
	float: left;
	width: 173px;
	margin: 10px 29px 0 10px;
		_margin-left: 5px;
	/* bottom padding added in the event that the sublevel navigation grows longer than the content */
	padding: 0 0 130px 0;
	}
	ul#sublevelNavigation li {
		width: 173px;
		border-bottom: 1px solid #e9e9e9;
		}
		ul#sublevelNavigation li a, #overviewButton a {
			display: block;
			width: 173px;
				w\idth: 135px;
			padding: 6px 0 5px 38px;
			color: #376496;
			font-weight: bold;
			}
			ul#sublevelNavigation li a:hover, #overviewButton a:hover  { color: #99ccff; }
			ul#sublevelNavigation li#selectedL2 a, #overviewButton a#selectedOverview  { color: #efbd1d; }
			ul#sublevelNavigation li#selectedL3 a { color: #efbd1d; }
			
			

/* this is set up to hide l3 nav unless you're on the selected page */			
ul#sublevelNavigation li ul { display: none; }

ul#sublevelNavigation li#selectedL2 ul { display: block; padding-bottom: 11px; }
ul#sublevelNavigation li#selectedL3 ul { display: block; padding-bottom: 11px; }

	ul#sublevelNavigation li#selectedL2 ul li, ul#sublevelNavigation li#selectedL3 ul li { border: none; }
	
		ul#sublevelNavigation li#selectedL2 ul li a, ul#sublevelNavigation li#selectedL3 ul li a {
			width: 173px;
				w\idth: 126px;
			color: #4f8ac5;
			font-size: 1em;
			font-weight: normal;
			padding: 2px 0 5px 47px;
			background: url(./bg-l3-arrow-0.gif) 38px 8px no-repeat;
			}
			ul#sublevelNavigation li#selectedL2 ul li a:hover, ul#sublevelNavigation li#selectedL3 ul li a:hover {
				color: #99ccff;
				background: url(./bg-l3-arrow-r.gif) 38px 8px no-repeat;
				}
			ul#sublevelNavigation li#selectedL2 ul li#selectedL3 a {
				color: #efbd1d;
				background: url(./bg-l3-arrow-1.gif) 38px 8px no-repeat;
				}
/* End of 'navigation' */

/* Start of CMSMS style sheet 'home' */
.top {
	position: relative;
	width: 778px;
	height: 309px;
	background: url(./bg-main-image.jpg) 0px 0px no-repeat;
	}
	
	#logo, #tagline {
		position: absolute;
		top: 74px;
		left: 46px;
		}
		#tagline { top: 167px; }
	
	.top p {
		position: absolute;
		top: 232px;
		left: 47px;
		width: 395px;
		color: #fff;
		line-height: 16px;
		}
		.top p a { color: #a7d1fe; }
			.top p a:hover { color: #d8ebfe; }
			
	#topAreaBorder {
		position: absolute;
		top: 305px;
		left: 0px;
		width: 778px;
		height: 4px;
		background: url(./bg-bottom-main-image.gif) 0px 0px no-repeat;
		}
		
ul#mainNavigation {
	position: absolute;
	top: 198px;
	left: 47px;
	padding: 8px 0 0 0;
	background: url(./bg-main-nav.gif) 0px 0px no-repeat;
	}
		
		
#bottomFocusAreas {
	position: relative;
	width: 778px;
	min-height: 461px;
	height: auto !important;
	height: 461px;
	color: #666666;
	background: url(./bg-bottom-outline.jpg) bottom no-repeat;
	}
	
	/* generic bottom focus area link styles */
		#bottomFocusAreas a { color: #336699; }
		#bottomFocusAreas a:hover { color: #6699cc; }
		
		#bottomFocusAreas a.singleArrow {
			display: block;
			padding: 2px 0 0 9px;
			background: url(./bg-single-arrow-0.gif) 0px 8px no-repeat;
			}
			#bottomFocusAreas a.singleArrow:hover { background: url(./bg-single-arrow-r.gif) 0px 8px no-repeat; }
		
		a#bottomLinkBorder {
			margin-bottom: 5px;
			padding-bottom: 5px !important;
			border-bottom: 1px solid #d6d6d6;
			}
		
	
	#caseStudies {
		position: absolute;
		top: 25px;
		left: 10px;
		width: 196px;
			w\idth: 194px;
		height: 207px;
			he\ight: 303px;
		padding: 22px 20px 0 21px;
		line-height: 15px;
		background: url(./bg-focus-gradient-long.jpg) 0px 0px no-repeat;
		}
		
		ul#caseStudiesClickThruNav {
			position: absolute;
			top: 22px;
			left: 120px;
			width: 82px;
				w\idth: 81px;
			height: 18px;
			border-left: 1px solid #f0f0f0;
			}
			ul#caseStudiesClickThruNav li { float: left; }
				ul#caseStudiesClickThruNav li a {
					display: block;
					float: left;
					width: 20px;
						w\idth: 19px;
					height: 18px;
					border-right: 1px solid #f0f0f0;
					}
				
				ul#caseStudiesClickThruNav li#caseOne a { background: url(./case-one-0.gif) 0px 0px no-repeat; }
				ul#caseStudiesClickThruNav li#caseTwo a { background: url(./case-two-0.gif) 0px 0px no-repeat; }
				ul#caseStudiesClickThruNav li#caseThree a { background: url(./case-three-0.gif) 0px 0px no-repeat; }
				ul#caseStudiesClickThruNav li#caseFour a { background: url(./case-four-0.gif) 0px 0px no-repeat; }
				
				ul#caseStudiesClickThruNav li#caseOne a:hover, ul#caseStudiesClickThruNav li#caseOne a.selected { background: url(./case-one-r.gif) 0px 0px no-repeat; }
				ul#caseStudiesClickThruNav li#caseTwo a:hover, ul#caseStudiesClickThruNav li#caseTwo a.selected { background: url(./case-two-r.gif) 0px 0px no-repeat; }
				ul#caseStudiesClickThruNav li#caseThree a:hover, ul#caseStudiesClickThruNav li#caseThree a.selected { background: url(./case-three-r.gif) 0px 0px no-repeat; }
				ul#caseStudiesClickThruNav li#caseFour a:hover, ul#caseStudiesClickThruNav li#caseFour a.selected { background: url(./case-four-r.gif) 0px 0px no-repeat; }
					
					
				ul#caseStudiesClickThruNav li a span { display: none; } 
		
	#testimonials {
		position: absolute;
		top: 25px;
		left: 256px;
		width: 266px;
			w\idth: 225px;
		height: 168px;
			he\ight: 146px;
		padding: 22px 20px 0 21px;
		line-height: 15px;
		background: url(./bg-focus-gradient-capsule.jpg) 0px 0px no-repeat;
		}
		#testimonials img { display: block; }
	
	#webinars {
		position: absolute;
		top: 196px;
		left: 256px;
		width: 266px;
			w\idth: 225px;
		height: 154px;
			he\ight: 135px;
		padding: 19px 20px 0 21px;
		line-height: 15px;
		background: url(./bg-focus-gradient-short.jpg) 0px 0px no-repeat;
		}
		a.title {
			display: block;
			padding: 5px 0 0 0;
			font-weight: bold;
			}
		
	#newsAndEvents {
	position: absolute;
	top: 25px;
	right: 18px;
	width: 212px;
	w\idth: 217px;
	height: 325px;
	he\ight: 303px;
	padding: 22px 9px 0 9px;
	line-height: 15px;
	background: url(./bg-focus-gradient-long.jpg) 0px 0px no-repeat;
	left: 531px;
		}
		
		.newsRelease { padding: 6px 12px; }
		.newsRelease a { display: block; }
			#alternateColor {
				padding: 9px 0 0 0;
				background: #e9e9e9 url(./bg-news-dots.gif) 0px 0px repeat-x;
				}
			#alternateColor div {
				padding: 0 12px 9px 12px;
				background: #e9e9e9 url(./bg-news-dots.gif) bottom repeat-x;
				}
		
		#moreNewsLink a {
			padding: 0 12px;
			bac\kground: url(./bg-more-arrow-0.gif) 100% 5px no-repeat;
			}
			#moreNewsLink a:hover { bac\kground: url(./bg-more-arrow-r.gif) 100% 5px no-repeat; }
		
		#caseStudies h2, #testimonials h2, #webinars h2, #newsAndEvents h2 { height: 18px; }
			#newsAndEvents h2 { margin: 0 0 2px 12px; }
			
		
/* home page footer styles */
#footer {
	position: absolute;
	top: 354px;
	left: 18px;
	color: #999;
	padding: 24px 0 0 42px;
	background: url(./bg-footer.gif) 0px 0px no-repeat;
	}
	
	#footer a { color: #6699cc; }
	#footer a:hover { color: #a8d0f8; }
	
	#footer a#lightfin {
		color: #999;
		background: url(./bg-lightfin-0.gif) 100% 3px no-repeat;
		}
		#footer a#lightfin:hover { background: url(./bg-lightfin-r.gif) 100% 3px no-repeat; }
/* End of 'home' */