@charset "utf-8";
	body {
		margin: 0px;
		padding: 0px;
		background-image: url(../images/body_topBG.jpg);
		background-repeat: repeat-x;
		background-position: top;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #98afae;
	}
	.body_tool {
		background-image: url(../images/body_topBG_tool.jpg);
	}
	.topBG{
		background-image: url(../images/body_topBG.jpg);
		background-repeat: repeat-x;
		background-position: top;
	}
	.topBG_tool{
		background-image: url(../images/body_topBG_tool.jpg);
		background-repeat: repeat-x;
		background-position: top;
	}
	.bodyDiv h2 {
		color: #437A99;
		font-weight: bold;
		font-size: 16px;
		margin: 0px;
		padding-top: 8px;
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 5px;
		font-family: Arial, Helvetica, sans-serif;
	}
	.bodyDiv h3 {
		color: #1c3858;
		font-weight: bold;
		font-size: 14px;
		margin: 0px;
		padding-top: 8px;
		padding-right: 0px;
		padding-left: 0px;
		padding-bottom: 5px;
	}
	.bottom {
	background-image: url(../images/body_bottomBG.jpg);
	background-repeat: repeat-x;
	height: 50px;
	padding-top: 60px;
	text-align: left;
	color: #447ca0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	}
	
	.mainDiv {
		width: 930px;
	}
	.mainDiv_Tool {
		width: 1050px;
	}
	.mainDiv .clear {
		clear: both;
	}
	.mainDiv_Tool .clear {
		clear: both;
	}
	
	.fleft {
		float: left;
	}
	.fright {
		float: right;
	}
	.vMid {
		vertical-align: middle;
	}
	
	.logo {
		height: 129px;
		background-position: left;
		background-repeat: no-repeat;
	}
	.logo_Tool {
		height: 90px;
		background-position: left;
		background-repeat: no-repeat;
	}
	
	.navBar {
		height: 39px;
		text-align: center;
		vertical-align: middle;
		font-weight: 400;
	}
	.navBar a {
		float: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #2a5880;
		width: 114px;
		background-image: url(../images/navBar_link_BG.jpg);
		background-repeat: repeat-x;
		background-position: bottom;
		border-top-width: 1px;
		border-right-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-left-style: solid;
		border-top-color: #24527a;
		border-right-color: #24527a;
		border-left-color: #24527a;
		height: 26px;
		vertical-align: middle;
		text-decoration: none;
		padding-top: 13px;
	}
	
	.navBar a:hover {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #88b7cb;
		background-image: url(../images/navBar_hover_BG.jpg);
		background-repeat: repeat-x;
		background-position: bottom;
		border-top-width: 1px;
		border-right-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-left-style: solid;
		border-top-color: #3a6f9e;
		border-right-color: #3a6f9e;
		border-left-color: #3a6f9e;
	}
	
	.navBar a:active {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #2a5880;
		background-image: url(../images/navBar_active_BG.jpg);
		background-repeat: repeat-x;
		background-position: bottom;
		border-top-width: 1px;
		border-right-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-left-style: solid;
		border-top-color: #24527a;
		border-right-color: #24527a;
		border-left-color: #24527a;
	}
	.upper {
		height: 339px;
		padding-top: 35px;
	}
	.bodyDiv {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #98afae;
		min-height: 220px;
		
		text-align: left;
	}
	.bodyDiv .Col1 {
		float: left;
		width: 440px;
		text-align: left;
		padding: 10px;
	}
	.bodyDiv .Col2 {
		width: 440px;
		float: right;
		padding: 10px;
		text-align: left;
	}
	
	
	
	.mainDiv .upper .learnMore {
		text-align: right;
	}
	.mainDiv .upper .learnMore a {
		display:block;
		background-image: url(../images/upper_LearnMoreButton.png);	
	
		height: 29px;
		padding-top: 15px;
		padding-right: 15px;
		color: #FFFFFF;
		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
		text-align: right;
	}
	.mainDiv .upper .learnMore a:hover {
		background-image: url(../images/upper_LearnMoreButton_hover.png);
	}
	.mainDiv .upper .index_upper_h2 {
		padding-top: 19px;
		margin: 0px;
		font-weight: normal;
	}
	
	.mainDiv .upper .index_col1 {
		float: left;
		width: 304px;
	}
	.mainDiv .upper .index_col1 h2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 24px;
		color: #FFFFFF;
		text-align: center;
		float: left;
		width: 288px;
	}
	.mainDiv .upper .index_col2 {
		width: 304px;
		float: left;
		margin-left: 9px;
	}
	.mainDiv .upper .index_col2 h2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 24px;
		color: #FFFFFF;
		text-align: center;
		float: left;
		width: 288px;
	}
	
	
	.mainDiv .upper .index_col3 {
		width: 304px;
		float: right;
	}
	
	.mainDiv .upper .index_col3 h2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 24px;
		color: #FFFFFF;
		text-align: center;
		float: left;
		width: 288px;
	}
	
	.mainDiv .upper .bigButton {
		background-image: url(../images/upper_bigBotton_BG.jpg);
		background-repeat: repeat-x;
		height: 66px;
	}
	.mainDiv .upper .about_col1 {
		width: 615px;
		float: left;
	}
	.mainDiv .upper .about_col1 h2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 24px;
		color: #FFFFFF;
		text-align: left;
		float: left;
		width: 400px;
		padding-left: 15px;
	}
	.mainDiv .upper .about_col1 .bodyDiv {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #FFFFFF;
		padding: 10px;
		text-align: left;
		line-height: 20px;
	}
	.mainDiv .upper .about_col2 {
		width: 304px;
		float: right;
	}
	.mainDiv .upper .about_col2 .bodyDiv {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #FFFFFF;
		padding: 10px;
		text-align: left;
		line-height: 20px;
	}
	.mainDiv .upper .about_col2 h2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 24px;
		color: #FFFFFF;
		text-align: center;
		float: left;
		width: 288px;
	}
	
	.mainDiv .upper .testimonial_col1 {
		width: 99%;
		float: left;
	}
	.mainDiv .upper .testimonial_col1 h2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 24px;
		color: #FFFFFF;
		text-align: left;
		float: left;
		width: 400px;
		padding-left: 15px;
	}
	.mainDiv .upper .testimonial_col1 .bodyDiv {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		padding: 10px;
		text-align: left;
		line-height: 16px;
	}
	.mainDiv .upper .testimonial_col1 .bodyDiv .col1 {
		float: left;
		width: 290px;
	}
	.mainDiv .upper .testimonial_col1 .bodyDiv .col2 {
		width: 290px;
		float: left;
		margin-left: 9px;
	}
	.mainDiv .upper .testimonial_col1 .bodyDiv .col3 {
		width: 290px;
		float: right;
	}
	.mainDiv .upper .portfolio_col1 {
		width: 99%;
		float: left;
	}
	.mainDiv .upper .portfolio_col1 .featuredProject {
		padding: 5px;
	}
	
	.mainDiv .upper .portfolio_col1 h2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 24px;
		color: #FFFFFF;
		text-align: left;
		float: left;
		width: 700px;
		padding-left: 15px;
	}
	.mainDiv .upper .portfolio_col1 .bodyDiv {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #FFFFFF;
		padding: 10px;
		text-align: left;
		line-height: 20px;
	}
	.bodyDiv .protfolioProject {
		padding-bottom: 35px;
	}
	.bodyDiv .protfolioProject .image {
		border: 1px solid #84B3C7;
		padding: 2px;
		margin-top: 10px;
		float: left;
	}
	
	
	.mainDiv .upper .services_col1 {
		width: 99%;
		float: left;
	}
	.mainDiv .upper .services_col1 h2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 24px;
		color: #FFFFFF;
		text-align: left;
		float: left;
		width: 400px;
		padding-left: 15px;
	}
	.mainDiv .upper .services_col1 .bodyDiv {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #FFFFFF;
		padding: 10px;
		text-align: left;
		line-height: 20px;
	}
	
	.mainDiv .upper .contactCol1_1 {
		float: left;
		margin-left: 5px;
		margin-right: 5px;
		width: 285px;
		font-size: 12px;
	}
	
	.mainDiv .upper .contactCol1_2 {
		float: right;
		margin-left: 5px;
		margin-right: 5px;
		width: 285px;
		font-size: 12px;
	}
	.mainDiv .employee_LoginForm {
		width: 310px;
		text-align: left;
		margin-top: 30px;
		padding: 1px;
		border: 1px solid #84B3C7;
	}
	.mainDiv .employee_LoginForm .Title {
		background-color: #84B3C7;
		padding: 7px;
		color: #FFFFFF;
		text-align: center;
		font-weight: bold;
	}
	.mainDiv .employee_LoginForm .Lfield {
		float: left;
		width: 100px;
		padding: 10px;
	}
	.mainDiv .employee_LoginForm .Rfield {
		float: right;
		padding: 10px;
	}
	
	
	
	a {
		color: #567E86;
	}
	.launchProject {
		font-weight: bold;
		font-size: 11px;
		padding-top: 10px;
		color: #1C3858;
		text-decoration: underline;
	}
	
	.formCol1 {
		float: left;
		width: 210px;
		padding-bottom: 10px;
		padding-left: 10px;
	}
	.formCol2 {
		float: right;
		width: 210px;
		padding-bottom: 10px;
	}
	.text1 {
		color: #1C3858;
	}
	.sbmtBtn {
		background-color: #84B3C7;
		padding: 2px;
		color: #1C3858;
		border: 1px solid #7F9DB9;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	.solutionSub {
		width: 200px;
		padding: 3px;
		margin: 5px;
	}
	.solutionSub li {
		display: inline-block;
		list-style-type: none;
		padding: 0px;
		float: left;
		margin-top: 2px;
		margin-right: 15px;
		margin-bottom: 2px;
		margin-left: 0px;
	}
	.solutionSub ul {
		margin: 0px;
		padding: 0px;
	}
	.solutionSub1 {
		width: 400px;
		padding: 3px;
		margin: 5px;
	}
	.solutionSub1 li {
		display: inline-block;
		list-style-type: none;
		padding: 0px;
		float: left;
		margin-top: 2px;
		margin-right: 15px;
		margin-bottom: 2px;
		margin-left: 0px;
	}
	.solutionSub1 ul {
		margin: 0px;
		padding: 0px;
	}
	
	.upperlink {
		color: #1C3858;
		font-size: 10px;
		font-weight: bold;
	}
	.notification {
		color: #FFFFFF;
		text-align: center;
		display: block;
		padding: 3px;
		background-color: #84B3C7;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	.projList {
		width: 274px;
		float: left;
		margin-right: 2px;
	}
	.portfolio {
	height: 360px;
	}
	.portfolio .title {
		color: #1c3757;
		font-weight: bold;
	}
	
	
	
	.projList .topsection {
		background-image: url(../images/portfolio_projList_top.jpg);
		height: 14px;
		background-position: bottom;
		background-repeat: no-repeat;
	}
	.projList .bottomsection {
		background-image: url(../images/portfolio_projList_bottom.jpg);
		height: 14px;
		background-repeat: no-repeat;
		background-position: top;
	}
	.portfolio .projList .content {
		height: 264px;
		background-image: url(../images/portfolio_projList_bg.jpg);
		padding-right: 14px;
		padding-left: 14px;
	}
	.portfolio .projList .displayArea {
	height: 235px;
	border: 1px solid #AACBDA;
	margin-top: 10px;
	background-color: #162e4a;
	color: #b5d6e5;
	font-size: 12px;
	overflow: hidden;
	}
.portfolio .projList .displayArea .ProjectList {
	float: left;
	width: 235px;
	height: 235px;
}
.portfolio .projList .displayArea .ProjectListScroller {
	height: 264px;
	float: left;
}

.portfolio .projList a {
	font-size: 12px;
	text-decoration: none;
	color: #C5DEEB;
	background-color: #89ACC0;
	display: block;
	padding: 5px;
	margin: 8px;
}
.portfolio .projList a:hover{
	background-color: #a1c3d2;
	color: #162e4a;
}

.projDetail {
	width: 648px;
	float: left;
}
.projDetail .topsection {
	background-image: url(../images/portfolio_projDetail_top.jpg);
	height: 14px;
	background-position: bottom;
	background-repeat: no-repeat;
}
.projDetail .bottomsection {
	background-image: url(../images/portfolio_projDetail_bottom.jpg);
	height: 14px;
	background-repeat: no-repeat;
	background-position: top;
}
.portfolio .projDetail .content {
	background-image: url(../images/portfolio_projDetail_bg.jpg);
	padding-right: 18px;
	padding-left: 18px;
}
.portfolio .projDetail .loading {
	color: #162E4A;
	font-weight: bold;
	text-align: center;
	height: 140px;
	padding-top: 125px;
}

.portfolio .projDetail .displayArea {
	border: 1px solid #AACBDA;
	margin-top: 5px;
	background-color: #162e4a;
	color: #b5d6e5;
	font-size: 11px;
	padding: 10px;
}
.portfolio .projDetail .displayArea .description {
	float: left;
	width: 375px;
	margin-right: 10px;
	text-align: justify;
}
.portfolio .projDetail .displayArea .features {
	float: right;
	width: 200px;
}


.portfolio .projDetail .displayArea .portfoliologo {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	border: 2px solid #213f61;
}
.portfolio .projDetail .displayArea .portfoliosite {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 2px solid #213f61;
}
.clientName {
	width: 290px;
	float: left;
}