/* COMPANY STYLES
____________________________________________________________________________*/


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


/* POSITIONAL BOXES 
______________________________________________________________________________*/


.topmessagearea-values
{
	width: 950px;
	height: 97px;
	display: block;
	margin: auto;
	position: relative;
	background-image: url(images/nav/bg-company-values.gif);
	background-repeat: no-repeat;
}


.topmessagearea-howwework
{
	width: 950px;
	height: 97px;
	display: block;
	margin: auto;
	position: relative;
	background-image: url(images/nav/bg-company-howwework.gif);
	background-repeat: no-repeat;
}


.topmessagearea-page-not-found
{
	width: 950px;
	height: 97px;
	display: block;
	margin: auto;
	position: relative;
	background-image: url(images/nav/bg-page-not-found.gif);
	background-repeat: no-repeat;
}


.values-infoarea
{
	width: 950px;
	min-height: 400px;
	background-color: #ebebeb;
	padding-top: 40px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
}


.howwework-infoarea
{
	width: 950px;
	display: block;
	margin: auto;
	position: relative;
	background-color: #ebebeb;
	height: 850px;
	padding-top: 40px;
}


.col-left
{
	width: 231px;
	display: block;
	float: left;
	position: relative;
	padding-left: 25px;
}


.col-center
{
	width: 397px;
	display: block;
	float: left;
	position: relative;
	background-image: url(images/nav/bg-services-text.gif);
	background-repeat: repeat-y;
	text-align: left;
}


.col-right
{
	width: 297px;
	display: block;
	float: right;
	position: relative;
}


.col-right2
{
	width: 655px;
	display: block;
	float: left;
	position: relative;
	background-image: url(images/nav/bg-services-text2.gif);
	background-repeat: repeat-y;
	text-align: left;
}


.error-content
{
	width: 850px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

.error-col
{
	width: 260px;
	float: left;
	border-left: 1px #CCC solid;
	padding-left: 10px;
}



.error-links li
{
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	font-weight: lighter;
	font-size: 15px;
	text-indent: -35px;
}




.our-approach
{
	width: 525px;
	display: block;
	position: relative;
	margin-bottom: 40px;
	background-image: url(images/nav/icon-java.gif);
	background-repeat: no-repeat;
	background-position: 35px 0px;
	padding-left: 110px;
	padding-right: 20px;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
	color: gray;
}


.whats-next
{
	width: 525px;
	display: block;
	position: relative;
	margin-bottom: 40px;
	background-image: url(images/nav/icon-custom-design.gif);
	background-repeat: no-repeat;
	background-position: 35px 0px;
	padding-left: 110px;
	padding-right: 20px;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
	color: gray;
}


.different
{
	width: 525px;
	display: block;
	position: relative;
	margin-bottom: 40px;
	background-image: url(images/nav/icon-communication.gif);
	background-repeat: no-repeat;
	background-position: 35px 0px;
	padding-left: 110px;
	padding-right: 20px;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
	color: gray;
}


.easy
{
	width: 525px;
	display: block;
	position: relative;
	margin-bottom: 40px;
	background-image: url(images/nav/icon-easy.gif);
	background-repeat: no-repeat;
	background-position: 35px 0px;
	padding-left: 110px;
	padding-right: 20px;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
	color: gray;
}



.z
{
	width: 525px;
	display: block;
	position: relative;
	padding-bottom: 30px;
	background-image: url(images/nav/icon-z.gif);
	background-repeat: no-repeat;
	background-position: 35px 0px;
	padding-left: 110px;
	padding-right: 20px;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
	color: gray;
}


.e
{
	width: 525px;
	display: block;
	position: relative;
	padding-bottom: 30px;
	background-image: url(images/nav/icon-e.gif);
	background-repeat: no-repeat;
	background-position: 35px 0px;
	padding-left: 110px;
	padding-right: 20px;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
	color: gray;
}


.p
{
	width: 525px;
	display: block;
	position: relative;
	padding-bottom: 30px;
	background-image: url(images/nav/icon-p.gif);
	background-repeat: no-repeat;
	background-position: 35px 0px;
	padding-left: 110px;
	padding-right: 20px;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
	color: gray;
}


.h
{
	width: 525px;
	display: block;
	position: relative;
	padding-bottom: 30px;
	background-image: url(images/nav/icon-h.gif);
	background-repeat: no-repeat;
	background-position: 35px 0px;
	padding-left: 110px;
	padding-right: 20px;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
	color: gray;
}


.y
{
	width: 525px;
	display: block;
	position: relative;
	padding-bottom: 30px;
	background-image: url(images/nav/icon-y.gif);
	background-repeat: no-repeat;
	background-position: 35px 0px;
	padding-left: 110px;
	padding-right: 20px;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
	color: gray;
}


.r
{
	width: 525px;
	display: block;
	position: relative;
	padding-bottom: 30px;
	background-image: url(images/nav/icon-r.gif);
	background-repeat: no-repeat;
	background-position: 35px 0px;
	padding-left: 110px;
	padding-right: 20px;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
	color: gray;
}


.m
{
	width: 525px;
	display: block;
	position: relative;
	padding-bottom: 30px;
	background-image: url(images/nav/icon-m.gif);
	background-repeat: no-repeat;
	background-position: 35px 0px;
	padding-left: 110px;
	padding-right: 20px;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
	color: gray;
}


.d
{
	width: 525px;
	display: block;
	position: relative;
	padding-bottom: 30px;
	background-image: url(images/nav/icon-d.gif);
	background-repeat: no-repeat;
	background-position: 35px 0px;
	padding-left: 110px;
	padding-right: 20px;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
	color: gray;
}


.i
{
	width: 525px;
	display: block;
	position: relative;
	padding-bottom: 30px;
	background-image: url(images/nav/icon-i.gif);
	background-repeat: no-repeat;
	background-position: 35px 0px;
	padding-left: 110px;
	padding-right: 20px;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
	color: gray;
}


.a
{
	width: 525px;
	display: block;
	position: relative;
	padding-bottom: 30px;
	background-image: url(images/nav/icon-a.gif);
	background-repeat: no-repeat;
	background-position: 35px 0px;
	padding-left: 110px;
	padding-right: 20px;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
	color: gray;
}





/* SUB NAVIGATION 
______________________________________________________________________________*/


/* VALUES_________________________________________*/



.valuesnavbox
{
	width: 204px;
	height: 20px;
	display: block;
	margin-bottom: 5px;
	margin-top: 0px;
	float: left;
}


.valuesnavact
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-company.gif);
	background-position: 0px 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	float: left;
	padding-left: 0px;
}


a.values:link
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-company.gif);
	background-position: 0px -40px;
	background-repeat: no-repeat;
}

a.values:hover
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-company.gif);
	background-position: 0px -20px;
	background-repeat: no-repeat;
}

a.values:visited
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-company.gif);
	background-position: 0px -40px;
	background-repeat: no-repeat;
}


a.values:visited:hover
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-company.gif);
	background-position: 0px -20px;
	background-repeat: no-repeat;
}




/* HOW WE WORK______________________________________*/




.howweworknavbox
{
	width: 204px;
	height: 20px;
	display: block;
	margin-bottom: 5px;
	margin-top: 0px;
	float: left;
}

.howweworknavact
{
	width: 204px;
	height: 20px;
	display: block;
	margin-bottom: 5px;
	margin-top: 0px;
	float: left;
	background-image: url(images/nav/subnavbuttons-company.gif);
	background-position: 0px -67px;
}


a.howwework:link
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-company.gif);
	background-position: 0px -107px;
	background-repeat: no-repeat;
}

a.howwework:hover
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-company.gif);
	background-position: 0px -87px;
	background-repeat: no-repeat;
}

a.howwework:visited
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-company.gif);
	background-position: 0px -107px;
	background-repeat: no-repeat;
}


a.howwework:visited:hover
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-company.gif);
	background-position: 0px -87px;
	background-repeat: no-repeat;
}