@import "Main.css";

#content {
	width: 743px;
	min-height: 370px;
	padding: 20px 96px 0 96px;
	position: relative;
}

/* ----------------------------------
	Services bullets
-----------------------------------*/

#content a {
	position: absolute;
	width: 205px;
	height: 161px;
	padding: 125px 0 0 15px;
	font-family: Arial;
	font-size: 14pt;
	font-weight: bold;
	color: #1F497D;
}

#offerings a {
	background: url(Images/services_offerings.jpg) no-repeat top left;
	left: 200px;
	top: 10px;
}

#approach a {
	background: url(Images/services_approach.jpg) no-repeat top left;
	right: 170px;
	top: 10px;
}

#doIt a {
	background: url(Images/services_methods.jpg) no-repeat top left;
	left: 370px;
	top: 200px;
}

#references a {
	background: url(Images/services_clients.jpg) no-repeat top left;
	right: 170px;
	top: 200px;
}

/* ----------------------------------
	General services content
-----------------------------------*/

h2 {
	text-align: right;
	font-size: 1.4em;
}

.summary {
	font-size: 1.2em;
	margin-bottom: 20px;
	text-align: center;
}

ol.fact {
	min-height: 330px;
}

ol.fact li {
	padding: 6px 0;
	color: #1F497D;
	border-bottom: 1px solid #dedede;
	width: 480px;
}

ol.fact li.last {
	border-bottom: none;
}

/* ----------------------------------
	"What we offer" content
-----------------------------------*/

#software 
{
    margin-left:-55px;
	width: 430px;
	background: url(Images/offerings_right.jpg) no-repeat right top;
	float: left;
	position: relative;
}

#consultancy {
	position: absolute;
	left: 472px;
	width: 430px;
	height: 250px;
	background: url(Images/offerings_left.jpg) no-repeat left top;
}

#software p, #consultancy p {
	width: 300px;
	font-size: .95em;
	text-align: center;
	vertical-align: middle;
	color: #1F497D;
}

#consultancy p {
	padding-left: 130px;
}

#software h3, #consultancy h3 {
	position: absolute;
	top: 51px;
	font-family: Calibri,Arial;
	font-size: 1.2em;
	color: #D7EDF2;
}

#software h3 {
	right: 50px;
}

#consultancy h3 {
	left: 30px;
}

/* ----------------------------------
	"Our approach" content
-----------------------------------*/

#approachSteps li {
	width: 380px;
}

#approachSteps {
	background: url(Images/approach_venn.jpg) no-repeat right center;
	margin-bottom: 30px;
}

/* ----------------------------------
	"How we do it" content
-----------------------------------*/

#experience {
	background: url(Images/mcp.jpg) no-repeat right top;
}