/**************************

	styles.css
	for Paratus
	
	by: Melito Kagan, LLC
	
	last updated by: 
	Jeff 11/29/2007

****************************/

body {
	margin: 0; padding: 0;
	width: 100%;
	background: url("../images/bg_subpage.gif") repeat-x top left #ffffff;

}

body.index {
	background: url("../images/bg.gif") repeat-x top left #ffffff;
}

a {
	color: #5b676b;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

.right {
	float: right;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

#container {
	margin: 60px 0 0 115px;
	width: 960px;
}

#header {
	margin: 0; padding: 0;
	width: 956px; 
	height: 145px;
	background: url("../images/bg_header_subpage.png") no-repeat bottom left; 
	display: block;
	float: left;
}

.index #header {
	width: 960px; 
	height: 224px;
	background: url("../images/bg_header.png") no-repeat top left; 
}

	#head_logo {
		margin: 15px 0 0 15px;
		_margin: 15px 0 0 7px;
		width: 289px;
		float: left;
	}
	
	#head_banner {
		margin: 15px 0 0 9px; padding: 0;
		width: 628px;
		float: left;
	}
	
#nav {
	margin: 0; padding: 0;
	width: 480px; 
	height: 25px; 
	float: right;
}

	#nav ul {
		margin: 2px 5px 0 0; padding: 0;
		width 240px;
		height: 24px;
		list-style-type: none;
		float: right;
	}
	
	#nav ul li {
		height: 24px; 
		display: block;
		float: left;
	}
	
	.home a {
		width: 69px;
		height: 24px; 
		display: block;
		background: url("../images/nav_off.gif") no-repeat 0 0;
	}
	
	.home a:hover {
		background: url("../images/nav_on.gif") no-repeat 0 0;	
	}

	.about a {
		width: 80px;
		height: 24px; 
		display: block;
		background: url("../images/nav_off.gif") no-repeat -69px 0;
	}
	
	.about a:hover {
		background: url("../images/nav_on.gif") no-repeat -69px 0;	
	}

	.contact a {
		width: 100px;
		height: 24px; 
		display: block;
		background: url("../images/nav_off.gif") no-repeat -150px 0;
	}
	
	.contact a:hover {
		background: url("../images/nav_on.gif") no-repeat -150px 0;
	}

#content {
	margin: 0; padding: 0;
	width: 978px;
	
	float: left;
}

	#content p {
		margin: 0; padding: 0;
		font-size: 10px;
		font-family: verdana, sans-serif;
		color: #5b676b;
		line-height: 18px;
	}

	#content h2 {
		margin: 20px 0 0 0; padding: 0;
		font-size: 10px;
		font-weight: bold;
		font-family: verdana, sans-serif;
		color: #5b676b;
		line-height: 18px;	
	}

#footer {
	margin: 0 0 10px 0; padding: 0;
	width: 978px; 
	height: 37px;

	float: left;
	text-align: center;
}

	#footer p {
		margin: 0; padding: 0;
		font-size: 10px;
		font-family: verdana, sans-serif;
		color: #3d616c;
	}


/* index styles */

#index_left {
	margin: 20px 0 0 10px; padding: 0;
	width: 281px;
	float: left;
	line-height: 18px;
}

.index #index_left {
	margin: 20px 0 0 20px;
	width: 250px;
}

	#index_left ul {
		margin: 0; padding: 0;
		width 281px;
		height: 290px;
		list-style-type: none;
		float: left;
	}
	
	#index_left ul li {
		margin: 0; padding: 0;
		width: 281px;
		height: 46px; 
		display: block;
		float: left;
	}
	
	.sub_consulting a {
		width: 281px;
		height: 46px; 
		display: block;
		background: url("../images/nav_sub.gif") no-repeat 0 -8px;
	}
	
	.sub_consulting a:hover {
		background: url("../images/nav_sub_over.gif") no-repeat 0 -8px;	
	}

	.sub_research a {
		width: 281px;
		height: 46px; 
		display: block;
		background: url("../images/nav_sub.gif") no-repeat 0 -54px;
	}
	
	.sub_research a:hover {
		background: url("../images/nav_sub_over.gif") no-repeat 0 -54px;	
	}

	.sub_acquisition a {
		width: 281px;
		height: 46px; 
		display: block;
		background: url("../images/nav_sub.gif") no-repeat 0 -100px;
	}
	
	.sub_acquisition a:hover {
		background: url("../images/nav_sub_over.gif") no-repeat 0 -100px;	
	}

	.sub_analysis a {
		width: 281px;
		height: 46px; 
		display: block;
		background: url("../images/nav_sub.gif") no-repeat 0 -146px;
	}
	
	.sub_analysis a:hover {
		background: url("../images/nav_sub_over.gif") no-repeat 0 -146px;	
	}

	.sub_technical a {
		width: 281px;
		height: 46px; 
		display: block;
		background: url("../images/nav_sub.gif") no-repeat 0 -192px;
	}
	
	.sub_technical a:hover {
		background: url("../images/nav_sub_over.gif") no-repeat 0 -192px;	
	}

	.sub_technology a {
		width: 281px;
		height: 46px; 
		display: block;
		background: url("../images/nav_sub.gif") no-repeat 0 -238px;
	}
	
	.sub_technology a:hover {
		background: url("../images/nav_sub_over.gif") no-repeat 0 -238px;	
	}
	


#index_right {
	margin: 20px 20px 50px 0; padding: 0;
	width: 655px;
	float: right;
}

	#index_right ul {
		margin: 0; padding: 0;
		width 654px;
		height: 211px;
		list-style-type: none;
		float: left;
	}
	
	#index_right ul li {
		margin: 0; padding: 0;
		width: 218px;
		height: 104px; 
		display: block;
		float: left;
	}
	
	.consulting a {
		width: 217px;
		height: 104px; 
		display: block;
		background: url("../images/index_btns.gif") no-repeat 0 0;
	}
	
	.consulting a:hover {
		background: url("../images/index_btns_over.gif") no-repeat 0 0;	
	}

	.research a {
		width: 215px;
		height: 104px; 
		display: block;
		background: url("../images/index_btns.gif") no-repeat -218px 0;
	}
	
	.research a:hover {
		background: url("../images/index_btns_over.gif") no-repeat -218px 0;	
	}

	.acquisition a {
		width: 216px;
		height: 104px; 
		display: block;
		background: url("../images/index_btns.gif") no-repeat -435px 0;
	}
	
	.acquisition a:hover {
		background: url("../images/index_btns_over.gif") no-repeat -435px 0;	
	}

	.analysis a {
		width: 217px;
		height: 104px; 
		display: block;
		background: url("../images/index_btns.gif") no-repeat 0 -104px;
	}
	
	.analysis a:hover {
		background: url("../images/index_btns_over.gif") no-repeat 0 -104px;	
	}

	.technical a {
		width: 215px;
		height: 104px; 
		display: block;
		background: url("../images/index_btns.gif") no-repeat -218px -104px;
	}
	
	.technical a:hover {
		background: url("../images/index_btns_over.gif") no-repeat -218px -104px;	
	}

	.technology a {
		width: 216px;
		height: 104px; 
		display: block;
		background: url("../images/index_btns.gif") no-repeat -435px -104px;
	}
	
	.technology a:hover {
		background: url("../images/index_btns_over.gif") no-repeat -435px -104px;	
	}
	
/* contact form styles */

form {
	margin: 10px 0 0 50px;
	width: 375px;
}

label {
	width: 100px;
	height: 17px;
	margin: 15px 0 0 0; padding: 5px 0 0 0;
	float: left;
	text-align: right;
	font-size: 10px;
	font-family: verdana, sans-serif;
	color: #5b676b;
	
}

input, textarea {
	margin: 15px 0 5px 0; padding: 3px;
	width: 220px;
	height: 13px;

	font-size: 10px;
	font-family: verdana, sans-serif;
	color: #5b676b;

	border: solid 1px #87c0bf;
}


textarea {
	height: 100px;
}

#submitContact {
	margin: 15px 0 0 0;
	float: right;
	border: none;
	height: 28px;
	width: 100px; 
}



/* png fix */

img, div { behavior: url(iepngfix.htc) }