body {
	margin:0;
	padding:0;
	background:url('images/bg-body.png') repeat-x;
}

#container {
	position:relative;
	width:978px;
	left:50%;
	*left:0;
	margin-left:-489px;
	*margin-left:0;
}
	#header {
		width:100%;
		position:relative;
		height:72px;
		background-color:transparent;
	}
		#header h1 {
			width:100%;
			text-align:center;
			height:72px;
			margin:0;
			padding:0;
		}
			#header h1 a.logo {
				display:inline-block;
				*display:block;
				width:265px;
				height:72px;
				background:url('images/kontagent-logo.png') no-repeat;
				text-indent:-9999px;
				cursor:pointer;
			}
			#header .userSignupLogin {
				position:relative;
				z-index:500;
				top:-45px;
				left:820px;
				*left:440px;
				width:200px;
				overflow:hidden;
				font:10px Arial,sans-serif;
				color:#999;
				word-spacing:0;
				text-align:left;
			}
				#header .userSignupLogin a { 
					color:#e5e5e5;
					text-decoration:none;
					height:24px;
					line-height:24px;
					text-align:center;
					text-transform:uppercase;
					display:inline-block;
					zoom:1;
					*display:inline;
				}
				#header .userSignupLogin a.signup {
					background:url('images/bg-signUp.png') no-repeat;
					width:76px;
				}
				#header .userSignupLogin a.signup span { color:#99ff00; }
				#header .userSignupLogin a.signup:hover {
					background-position:0 -24px;
				}
				#header .userSignupLogin a.login {
					background:url('images/bg-login_small.png') no-repeat;
					width:56px;
				}
				#header .userSignupLogin a.login:hover {
					background-position:0 -24px;
				}
	
	#splash {
		position:relative;
		width:100%;
		height:auto;
		background:url('images/bg-splash.png') no-repeat;
		_margin:-15px 0 0 0;
	}
		#splash ul.topNav {
			position:relative;
			width:960px;
			height:40px;
			list-style-type:none;
			padding:0 0 0 9px;
			margin:0;
		}
			#splash ul.topNav li {
				float:left;
				background:url('images/bg-topNav.png') no-repeat;
				display: -moz-inline-block;
				display:inline-block;
				zoom:1;
				*display:block;
				margin:0;
				padding:0;
				width:137px;
				text-align:center;
				font:15px/40px Arial,sans-serif;
				color:#7e7e7e;
				border-bottom:1px solid #1b1b1b;
			}
			#splash ul.topNav li.first {
				background:url('images/bg-topNav-first.png') no-repeat;
			}
			#splash ul.topNav li.last {
				background:url('images/bg-topNav-last.png') no-repeat top right;
			}
			#splash ul.topNav li.active a {
				background:url('images/bg-topNav-hover.png') no-repeat;
				width:137px;
				height:40px;
				color:#fff;
			}
			#splash ul.topNav li.firstactive {
				background:url('images/bg-topNav-first-hover.png') no-repeat;
			}
			#splash ul.topNav li.lastactive {
				background:url('images/bg-topNav-last-hover.png') no-repeat;
			}
			#splash ul.topNav li.firstactive a { color:#fff; }
			#splash ul.topNav li.lastactive a { color:#fff; }
				ul.topNav li a {
					display: -moz-inline-block;
					display:inline-block;
					zoom:1;
					*display:inline;
					width:137px;
					height:40px;
					text-decoration:none;
					color:#7e7e7e;
				}
					ul.topNav li a:hover {
						background:url('images/bg-topNav-hover.png') no-repeat;
						width:137px;
						height:40px;
						color:#fff;
					}
					ul.topNav li.first a:hover {
						background:url('images/bg-topNav-first-hover.png') no-repeat;
					}
					ul.topNav li.last a:hover {
						background:url('images/bg-topNav-last-hover.png') no-repeat top right;
					}
		
		
		#splash .subContainer {
			position:relative;
			width:969px;
			height:auto;
			text-align:left;
			margin:0 auto;
			padding:0 0 0 9px;
			*padding:0 0 0 13px;
			word-spacing:0.1em;
		}
			
			/* .about is only used in the About Us pages (Team, Press, etc.) */
			.subContainer .about {
				width:960px;
				background:#fff url('images/bg-about.png') repeat-x;
				height:100%;
			}
			
			
				
			.subContainer h1.title {
				margin:0;
				padding:5px 0;
				position:relative;
				color:#fff;
				text-align:center;
				text-indent:-9999px;
				width:969px;
				height:68px;
			}
			.subContainer .about div.title {
				width:960px;
				text-align:center;
				margin:0 auto;
				border-top:1px solid #1b1b1b;
			}
			.subContainer .about div.title h1 {
				display:inline-block;
				zoom:1;
				*display:inline;
				font:26px Arial,sans-serif;
				padding:0 0 0 28px;
				margin:25px 0 0 0;
				height:35px;
				color:#c0c0c0;
				text-align:center;
			}
			.subContainer .about h1 span { color:#fff; }
			.subContainer .about h2 {
				text-align:center;
				margin:0 0 15px 0;
				color:#999;
				font:16px Arial,sans-serif;
			}
			
				.subContainer .about div.title h1.blog {
					background:url('images/ico-blogTitle.png') no-repeat 0 6px;
				}
				
				.subContainer h1.title div {
					background:url('images/killer-apps.png') no-repeat;
					height:68px;
					width:264px;
					position:relative;
					left:50%;
					margin-left:-132px;
					*left:0;
					*margin-left:0;
				}
				.subContainer a.signup {
					display:block;
					width:257px;
					height:116px;
					position:relative;
					left:50%;
					margin:-35px 0 0 -128px;
					background:url('images/bg-buttonWide.png') no-repeat 0 0;
					font:17px/116px Arial,sans-serif;
					color:#e5e5e5;
					text-transform:uppercase;
					text-align:center;
					text-decoration:none;
				}
					.subContainer a.signup:hover {
						background-position:0 -116px;
					}
					.subContainer a.signup span {
						color:#99ff00;
					}
			
		#splash .subContainer .about #aboutContent {
			width:856px;
			margin:0 auto;
			background:#fff;
		}
			#splash .subContainer .about .arrow {
				margin:0 auto;
				width:42px;
				height:12px;
				background:url('images/about-arrow.png') no-repeat;
			}
			#splash .subContainer .about #aboutContent .col {
				background:#fff;
				width:363px;
				padding:0 30px;
				display:inline-block;
				zoom:1;
				*display:inline;
				vertical-align:top;
			}
				#splash .subContainer .about #aboutContent .col h2 {
					margin:0;
					padding:20px 0 0 0;
					font:18px Arial,sans-serif;
					color:#000;
				}
					#splash .subContainer .about #aboutContent .col h2 span { color:#4d4d4d; }
				#splash .subContainer .about #aboutContent .col p {
					margin:0;
					padding:10px 0 0 0;
					font:14px/18px Arial,sans-serif;
					color:#4d4d4d;
				}
				#splash .subContainer .about #aboutContent .col a {
					color:#000;
					text-decoration:none;
					border-bottom:1px solid #8c8c8c;
				}
				#splash .subContainer .about #aboutContent .col ul {
					list-style:none;
					padding:0 0 0 15px;
					margin:0;
					font:14px/18px Arial,sans-serif;
					color:#4d4d4d;
				}
				
	#footer {
		position:relative;
		float:left;
		background:url('images/bg-footer.png') no-repeat;
		width:888px;
		height:151px;
		padding:30px 9px 0 81px;
		margin-top:-35px;
	}
		#footer .col {
			position:relative;
			float:left;
			width:175px;
			font:12px Arial,sans-serif;
			color:#7e7e7e;
		}
			#footer .col h2 {
				text-align:left;
				margin:0 0 15px 0;
				padding:0;
				font:14px Arial,sans-serif;
				color:#fff;
			}
			#footer .col ul {
				list-style:none;
				margin:0;
				padding:0;
			}
				#footer .col ul li a {
					color:#b2b2b2;
					text-decoration:none;
					font:14px Arial,sans-serif;
				}
					#footer .col ul li a:hover { text-decoration:underline; }