﻿	@import url(Unstyles.css);
	
	html {
		width: 100%;
		min-height: 100%;
		margin-bottom: 1px;
		background: #6490ac;
		font: normal normal normal 13px/1.5 Arial, Helvetica, Sans-Serif;
	}
	
	body {
		background: #6490ac url(../Images/Background.jpg) repeat-x;
		min-height: 659px;
	}
	
		#Website {
			margin: 0px auto;
			width: 954px;
		}
		
		#Header {
			clear: both;
			padding-top: 10px;
			margin-bottom: 50px;
		}
		
			#Logo {
				float: left;
				display: block;
				width: 136px;
				height: 41px;
				text-indent: -30000px;
			}
			
			#HeaderMenu {
				float: right;
				margin-right: 5px;
				margin-top: 8px;
				width: 767px;
				height: 28px;
			}
			
				#HeaderMenu a {
					display: block;
					float: left;
					height: 28px;
					text-indent: -30000px;					
				}
				
				#MenuHome {
					width: 69px;
				}

				#MenuAbout {
					width: 110px;
				}

				#MenuProducts  {
					width: 123px;
				}

				#MenuSolutions {
					width: 110px;
				}

				#MenuCaseStudies {
					width: 111px;
				}

				#MenuNews {
					width: 127px;
				}

				#MenuContact {
					width: 117px;
				}
				
		#Content {			
			clear: both;
		}
		
			#Splash {
				width: 954px;
				height: 279px;
			}

			#MainHeader,
			#MainFooter,
			#MainContent {
				overflow: hidden;
				width: 948px;
			}

			#MainHeader {
				font-size: 1px;
				line-height: 1px;
			}
			
			#MainHeader {
				height: 16px;
			}

			#MainFooter {
				width: 954px;
				height: 70px;
			}
			
			#MainFooter div.Links {
				position: relative;
				top: -50px; 
				width: 954px;
				color: #fff;
				text-align: center;
			}
			
			#MainFooter div.Links a {
				padding: 0px 5px;
				color: #fff;
				font-weight: bold;
			}
			
			#MainFooter div.Links a:hover {
				text-decoration: underline;
			}
			
			#MainFooter div.Links a#PrevCaseStudyLink,
			#MainFooter div.Links a#NextCaseStudyLink {
				overflow: hidden;
				display: block;
				position: absolute;
				width: 11px;
				height: 57px;
				top: -7px;
				background: url(../Images/Next-Back.png) no-repeat;
				text-indent: -30000px;
			}
			
			#MainFooter div.Links a#PrevCaseStudyLink {
				left: 30px;
				/*background-position: -63px 0px;*/
				background-position: -42px 0px;
			}						
			
			#MainFooter div.Links a#PrevCaseStudyLink:hover {
				/*background-position: -42px 0px;*/
			}
			
			#MainFooter div.Links a#NextCaseStudyLink {
				right: 40px;
				background-position: -21px 0px;
				/*background-position: 0px 0px;*/
			}
			
			#MainFooter div.Links a#NextCaseStudyLink:hover {
				/*background-position: -21px 0px;*/
			}				
			
			#MainContent {
				width: 908px;
				padding: 20px;
				font-size: 0.9em;
				min-height: 400px;
			}
			
				#MainContent a {
					color: #016697;
				}
				
				#MainContent a:hover {
					text-decoration: underline;
				}
				
				.Column {
					float: left;
					width: 480px;
				}
				
				
				.AboutUs .Column2,
				.News .Column2,
				.Products .Column2,
				.Solutions .Column2 {
					margin-left: 10px;
					margin-top: 30px;
					width: 400px;
				}			
				
				.Column h1 {
					font-size: 2.0em;
				}
				
				.Column h2 {
					font-size: 1.6em;
					line-height: 1.1em;
				}	
				
				.Column h3 {
					font-size: 1.3em;
					line-height: 1.1em;
				}												
				
				.Column p,
				.Column ol,
				.Column ul {
					margin-bottom: 10px;
					color: #000;
				}
				
				.Column ul {
					list-style: disc;
				}
				
				.Column li {
					margin-left: 20px;
				}
				
					.Partner {
						margin-bottom: 5px;
						border-bottom: 1px solid #ccc;
					}
				
					
					.CaseStudies .Column1 { width: 480px; }
					
					.CaseStudies .Column2 { 
						margin: 20px 30px;
						width: 350px; 
					}
					
					.Products h1,
					.CaseStudies h1,
					.Solutions h1,
					.AboutUs h1 {
						margin-bottom: 3px;
						height: 60px;
						width: 480px;
						overflow: hidden;
					}
					
					.Products  h1 strong,
					.Solutions h1 strong,
					.CaseStudies h1 strong,
					.AboutUs h1 strong { display: none; }
					
					.Products  h1 img,
					.Solutions h1 img,
					.CaseStudies h1 img,
					.AboutUs h1 img {
						display: block;
						border: none;
						border-bottom: 1px solid #eee;
					}
					
					.CaseStudies p {
						margin-bottom: 10px;
					}
					
					.CaseStudies p.Subheading {
						font-weight: bold;
						font-size: 1.1em;
						color: #122443;
						margin-bottom: 0px;
					}
					
					.CaseStudies p.Date {
						font-size: 0.9em;
						margin-bottom: 10px;
						text-transform: uppercase;
					}
					
					.CaseStudies p.Position,
					.CaseStudies p.Company {
						margin-bottom: 0px;
						color: #122443;
						font-weight: bold;
						font-size: 1.1em;
						line-height: 1.0em;
					}
					
					.CaseStudies p.Quote {
						color: #004c80;
						line-height: 1.2em;
						font-weight: bold;
					}
					
				#CaseStudyImages {
					overflow: hidden;
					width: 100%;
				}
				
					#CaseStudyImages a {
						float: left;
						border: 2px solid #cce9f3;
						margin: 0px 5px 5px 0px;
						display: block;
						width: 57px;
						height: 57px;
						background: url(../Images/Case-Studies-Blank.png) no-repeat;
						
					}
					
					#CaseStudyImages a:hover { border: 2px solid #0092c4; }
					
					#CaseStudyImages a img {
						display: block;
						margin: 0px;
					}
					
					#CaseStudyImages a.Empty { cursor: default; }
					#CaseStudyImages a.Empty:hover { border: 2px solid #cce9f3; }
				
				#CaseStudyImage {					
					margin-top: 10px;
					
					/*min-width: 362px;
					min-height: 308px;
					background: url(../Images/Case-Studies-Blank.png);*/
				}
				
				#CaseStudyImage img { border: 1px solid #000000; }
				
				.ContactUs .Column1 { width: 200px; }
				
				.ContactUs .Column2 { 
					margin: 40px 30px;
					margin-left: -25px;
					width: 250px; 
				}	
				
				.ContactUs .Column3 { 
					margin-top: 40px;
					margin-left: -50px;
				}
				
				.ContactUs  address {			
					margin-bottom: 10px;
				}
			
		.Map {
				border: 3px solid #eee;
				height: 320px;
			}	
					
		#Footer {			
			clear: both;
			padding: 10px 0px;
			color: #e8eaec;
			font-size: 7pt;
			font-weight: bold;
			text-align: center;
		}
		
			#Footer a {
				color: #e8eaec;
			}
			
			#Footer a:hover {
				text-decoration: underline;
			}
			
		#Footer ul {
			text-transform: uppercase; 
		}
		
			#Footer li {
				padding: 0px 10px;
				display: inline;
				background: url(../Images/Footer-Menu-Divider.gif) 100% 50% no-repeat;
			}
			
			li#LastFooterMenuItem {
				background: none;
				padding-right: 0px;
			}

#SliderContainer {
	width: 100%;
	background: #6490ac;
}

	#SliderContainer2 {
		margin: 0px auto;
		width: 954px;
		height: 170px;
		background: url(../Images/Slider-Background.jpg) 0px 0px no-repeat;
	}
	
		#Slider {
			overflow: hidden;
			margin: 0px 1px;
			width: 940px;
			height: 64px;
		}
	
#DropdownMenus {
	display: none;
	position: absolute;
	padding-bottom: 5px;
}

	#DropdownMenus div {
		display: none;
		width: 186px;
		padding: 0px 4px;
	}
	
	.DropdownAbout div#DropdownAbout,
	.DropdownProducts div#DropdownProducts,
	.DropdownSolutions div#DropdownSolutions,
	.DropdownCaseStudies div#DropdownCaseStudies,
	.DropdownNews div#DropdownNews {
		display: block;
	}
	
		#DropdownMenus a {
			display: block;
			border-bottom: 1px solid #243d6a;
			padding: 5px 0px;
			width: 178px;
			background: url(../Images/DropdownMenuitem.jpg) no-repeat;
			color: #fff;
			font-size: 1.0em;
			font-weight: bold;
			letter-spacing: 0.01em;
			text-indent: 30px;
		}
	
	#DropdownMenus a:hover {			
		background-position: -248px 0px;
	}


.DownloadFlash {
	margin: auto;
	padding: 20px 0px;
	text-align: center;
	color: #fff;
}

.DownloadFlash a { 
	font-weight :bold;
	text-transform: uppercase;
	color: #fff;
}

.DownloadFlash a:hover { 
	text-decoration: underline;
}