/*******************************************************************************
** PRE-DEFINED CLASSES (+ some extensions for wide use in site)
*******************************************************************************/

html {
	overflow: -moz-scrollbars-vertical;
}

body {
	background-color: #8D8880;
	text-align: center;
	margin: 0px;
}

body, table {
}

a {
	color: blue;
}

a:hover {
}

h1 {
	font-family: Georgia, 'Times New Roman', Times, Serif;
	font-size: 2.6em;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
	line-height: 125%;
	letter-spacing: -1px;
	color: #646464;
}

h2 {
	color: #F39801;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px 0px 9px 0px;
	line-height: 125%;
}

h3 {
	font-size: 1.0em;
	margin: 0px 0px 4px 0px;
	font-weight: bold;
	color: #646464;
	line-height: 18px;
}

p, form {
	margin: 0px;
}

li, ul {
	margin: 0px;
	line-height: 17px;
	padding: 0px 0px 0px 15px;
}

/*******************************************************************************
** Declaration of the fonts that are used throughout the website.
*******************************************************************************/

body, table, input, textarea, select {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #646464;
}

div.main div.rgt h1 {
	color: #F39801;
	font-size: 2.1em;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
}

td.err, span.err {
	color: red;
}

/*******************************************************************************
** Declaration of containers that make out the site's layout.
*******************************************************************************/

div.shadow {
	width: 916px;
	margin: 6px auto 15px auto;
	text-align: left;
	background-color: #635F5A;
	background-position: center;
	background-repeat: repeat-y;
	background-image: url('/graphics/shadowbg.jpg');
}
	div.shadow div.shadowtop {
		width: 916px;
		height: 8px;
		background-position: center top;
		background-repeat: no-repeat;
		background-image: url('/graphics/shadowbg-top.jpg');
	}
	div.shadow div.shadowbottom {
		text-align: right;
		font-family: Arial, Tahoma, Verdana;
		font-size: 0.9em;
		color: #C9C7C3;
		width: 916px;
		height: 8px;
		background-color: #8D8880;
		background-position: center top;
		background-repeat: no-repeat;
		background-image: url('/graphics/shadowbg-bottom.jpg');
		padding-top: 5px;
	}
		div.shadow div.shadowbottom a {
			color: #C9C7C3;
		}
div.main {
	background-color: #FAFAFA;
	margin: 0px 8px 0px 8px;
	padding: 1px 0px 1px 0px;
}
	div.main div.topbar {
		height: 120px;
		background-image: url('/graphics/topbar.jpg');
		background-repeat: no-repeat;
		background-position: center;
		margin-bottom: 1px;
	}
	div.main div.menu {
		border-top: 1px solid #C4C4C4;
		border-bottom: 1px solid #C4C4C4;
		#height: 64px;
	}
		div.main div.menu h1 {
			font-size: 2em;
			background-image: url('/graphics/key-net-logo.gif');
			background-repeat: no-repeat;
			display: block;
			width: 273px;
			height: 1px;
			float: left;
			margin: 16px 15px 0px 16px;
			_margin: 16px 15px 0px 8px;
			padding-top: 31px;
			overflow: hidden;
		}
		div.main div.menu div.container {
			white-space: nowrap;
			float: right;
		}
		div.main div.menu a, div.main div.menu span {
			font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
			font-size: 1.35em;
			font-weight: bold;
			line-height: 100%;
			color: #F39801;
			display: block;
			float: left;
			border-left: 1px solid #FBDCA8;
			padding: 20px 10px 3px 6px;
			margin: 16px 0px 10px 0px;
			text-decoration: none;
		}
		div.main div.menu a:hover {
			color: #7C378A;
		}
		div.main div.menu a.selectedlink {
			color: #7C378A;
		}
		div.main div.menu span {
			float: none;
			padding: 20px 0px 13px 0px;
			margin-bottom: 0px;
			border: 0px;
			width: 1px;
			overflow: hidden;
		}
		
		div.main div.padding {
			padding: 25px 25px 0px 25px;
			border-top: 1px solid white;
			border-bottom: 1px solid #C4C4C4;
			background-image: url('/graphics/contentbg.gif');
			background-repeat: repeat-x;
			background-position: top;
			background-color: #FAFAFA;
		}
			div.main div.padding div.content, div.main div.padding div.rgt {
				float: left;
				padding: 7px 0px 10px 0px;
				border-top: 1px solid #C1C1C0;
			}
			div.main div.padding div.content {
				width: 650px;
				text-align: justify;
				margin: 0px 20px 0px 20px;
			}
			div.main div.padding div.half {
				width: 415px;
				margin: 0px 20px 0px 0px;
			}
			div.main div.padding div.rgt {
				width: 395px;
				margin-left: 20px;
			}
				div.main div.padding div.rgt ul {
					padding: 0px;
					margin: 0px 0px 15px 0px;
					list-style-type: none;
					text-align: justify;
				}
					div.main div.padding div.rgt ul li {
						padding: 0px;
						margin: 0px;
						border-top: 1px solid #DCDCDB;
						background-image: url('/graphics/bullet.gif');
						background-repeat: no-repeat;
						background-position: 0px 8px;
						padding-left: 15px;
					}
					div.main div.padding div.rgt ul li.expanded {
						background-image: url('/graphics/bullet-vert.gif');
					}
						div.main div.padding div.rgt ul li a {
							text-decoration: none;
							display: block;
							color: #646464;
						}
						div.main div.padding div.rgt ul li a:hover {
							text-decoration: underline;
						}
						div.main div.padding div.rgt ul li.expanded a {
							color: #9761A1;
						}
					div.main div.padding div.rgt ul li div {
						overflow: hidden;
						height: 1px;
						line-height: 125%;
					}
						div.main div.padding div.rgt ul li div a,
						div.main div.padding div.rgt ul li.expanded div a {
							display: block;
							margin-top: 6px;
							text-align: right;
							color: silver;
							background-image: url('/graphics/joblisttab.gif');
							background-repeat: no-repeat;
							background-position: top left;
							height: 22px;
							padding-top: 5px;
							padding-right: 27px;
						}
						div.main div.padding div.rgt ul li div a:hover,
						div.main div.padding div.rgt ul li.expanded div a:hover {
							color: gray;
						}

				div.main div.padding div.rgt div.lastcases {
					width: 100%;
					overflow: hidden;
					margin-bottom: 15px;
					background-color: #F3F3F2;
					background-image: url('/graphics/showlogo-bg.jpg');
					background-repeat: no-repeat;
					background-position: top;
					border-bottom: 1px solid #EFEFEF;					
					position: relative;
				}
					div.main div.padding div.rgt div.lastcases a.prev,
					div.main div.padding div.rgt div.lastcases a.next {
						display: block;
						position: absolute;
						height: 95px;
						width: 14px;
						background-repeat: no-repeat;
						background-position: center;
						cursor: pointer;
					}
					div.main div.padding div.rgt div.lastcases a.prev {
						left: 0px;
						top: 0px;
						background-image: url('/graphics/show-prev.gif');
					}
					div.main div.padding div.rgt div.lastcases a.prev:hover {
						background-image: url('/graphics/show-prev-hover.gif');
					}
					div.main div.padding div.rgt div.lastcases a.next {
						right: 0px;
						top: 0px;
						background-image: url('/graphics/show-next.gif');
					}
					div.main div.padding div.rgt div.lastcases a.next:hover {
						background-image: url('/graphics/show-next-hover.gif');
					}				
				
					div.main div.padding div.rgt div.lastcases div.placeholder {
						width: 366px;
						height: 95px;
						margin-left: 14px;
						_margin-left: 14px;
						overflow: hidden;
					}
						div.main div.padding div.rgt div.lastcases div.placeholder div.slider {
							width: 366px;
							height: 95px;
						}
						
					div.main div.padding div.rgt a.case {
						float: left;
						margin: 7px 2px 6px 2px;
						width: 118px;
						height: 80px;
						display: block;
						overflow: hidden;
					}
						div.main div.padding div.rgt a.case span.img {
							display: block;
							background-repeat: no-repeat;
							background-color: white;
							background-position: center;
							border: 1px solid #EAEAEA;
							width: 115px;
							height: 80px;
						}
						
				div.main div.padding div.rgt div.rect {
					background-image: url('/graphics/rectbg.png');
					background-repeat: no-repeat;
					background-position: top left;
					min-height: 150px;
					padding: 1px;
					display: block;
					_background-image: url('/graphics/rectbg.ie6.png');
					_height: 150px;
				}
					div.main div.padding div.rgt div.rect a {
						display: block;
						margin: 22px 41px 0px 41px;
						text-align: right;
						color: #5A5A5A;
					}
					div.main div.padding div.rgt div.rect a:hover {
						text-decoration: none;
					}
						div.main div.padding div.rgt div.rect a img {
							margin-bottom: 3px;
							display: block;
							border: 0px;
						}
		
		div.main div.bottommenu {
			text-align: center;
			font-weight: normal;
			margin: 25px 0px 5px 0px;
		}
			div.main div.bottommenu a {
				color: #646464;
				text-decoration: underline;
			}
			div.main div.bottommenu a:hover {
				text-decoration: none;
			}

		div.main div.footer {
			clear: left;
			background-color: white;
			margin: 1px 1px 0px 1px;
			background-image: url('/graphics/footerbg.gif');
			background-position: bottom;
			background-repeat: no-repeat;
			padding: 10px 0px 17px 0px;
			text-align: center;
		}
			div.main div.footer address {
				font-size: 1.0em;
				font-style: normal;
			}
			
div.dropdown {
	position: absolute;
	visibility: hidden;
	top: 0px;
	text-align: left;
	line-height: 100%;
	background-image: url('/graphics/ddmenushadow.png');
	_background-image: none;
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0px 4px 5px 0px;
	-moz-user-select: none;
}
	div.dropdown div.inner {
		background-color: #FAFAFA;
		border: 1px solid #FBDCA8;
		border-top: 0px;
	}
		div.dropdown div.inner a {
			display: block;
			padding: 8px 35px 4px 8px;
			color: #F39801;
			text-decoration: none;
			white-space: nowrap;
			position: relative;
		}
		div.dropdown div.inner a:hover {
			color: #7C378A;
		}
		div.dropdown div.inner a.selectedlink {
			color: #7C378A;
		}
			div.dropdown div.inner a span.arrow {
				display: block;
				position: absolute;
				top: 9px;
				right: 20px;
				width: 5px;
				height: 9px;
				background-image: url('/graphics/dropdown.arrow.gif');
				background-repeat: no-repeat;
				overflow: hidden;
			}
		
/*******************************************************************************
** Styles for forms
*******************************************************************************/

form.main {
	
}
	form.main fieldset {
		border: 1px solid #F5CA86;
		margin-bottom: 15px;
		padding: 8px;
		background-color: #FCFCFC;
	}
		form.main fieldset legend {
			font-weight: bold;
			color: #F39801;
		}
	
	form.main input.txt, form.main textarea.txtarea, form.main select,
	form.main div.dateinput {
		border: 1px solid silver;
	}
	form.main input.txt {
		padding: 1px 0px;
		height: 14px;
		line-height: 100%;
	}
	form.main input.btn {
		background-image: url('/graphics/btnbg.gif');
		background-repeat: repeat-x;
		background-position: top;
		background-color: #E68D01;
		border: 1px solid #FBD79C;
		height: 22px;
		padding: 0px 10px;
		color: white;
		font-weight: bold;
	}

	form.main div.dateinput {
		line-height: 100%;
		background-color: white;
		float: left;
	}
		form.main div.dateinput span.hyphen	{
			display: block;
			float: left;
			width: 10px;
			text-align: center;
			overflow: hidden;
			color: black;
			font-size: 11px;
		}
		form.main div.dateinput input {
			display: block;
			float: left;
			background: none;
			padding: 1px 0px 1px 0px;
			margin: 0px;
			border: 0px;
		}
		form.main div.dateinput span {
			padding: 2px 0px 2px 0px;
		}
		form.main div.dateinput input.d	{ width: 16px; }
		form.main div.dateinput input.m	{ width: 16px; }
		form.main div.dateinput input.y	{ width: 30px; }
		
	form.job {
	}
		form.job table td	{ vertical-align: top; padding: 1px 2px 2px 2px; }
			form.job table td.lft {	width: 160px; }
			form.job table td.rgt { width: 450px; }
			form.job table td.err { font-size: 85%; }
		
		form.job input.name						{	width: 250px; }
		form.job input.address				{	width: 250px; }
		form.job input.zipcode				{	width: 55px; }
		form.job input.city						{	width: 150px; }
		form.job input.phone					{	width: 100px; }
		form.job input.email					{	width: 200px; }
		form.job input.availability		{	width: 30px; }
		form.job input.jobtitle 			{	width: 450px; }
		form.job textarea.experience,
		form.job textarea.motivation	{	width: 450px; height: 150px; }
	
	form.contact {
	}
		form.contact fieldset {
			margin-right: 100px;
		}

		form.contact table td	{ vertical-align: top; padding: 1px 2px 2px 2px; }
			form.contact table td.lft {	width: 150px; }
			form.contact table td.rgt { width: 350px; }
			form.contact table td.err { font-size: 85%; }
		
		form.contact input.name				{	width: 250px; }
		form.contact input.company		{	width: 250px; }
		form.contact input.phone			{	width: 100px; }
		form.contact input.email			{	width: 200px; }
		form.contact textarea.remarks	{	width: 350px; height: 120px; }