html {
	margin: 0px;
}

body {
	margin: 0px;
	font: 12px/16px Arial, Helvetica, sans-serif;
}

a { color: #369; }

a img { border: 0px; }

p {
	margin: 10px 0px;
}

span.hidden { 
	position: absolute; 
	height: 1px; width: 1px;
	overflow: hidden; 
	top: -100px;
} 

.container {
	margin: 0px auto;
	width: 990px;
}

.leftColumn {
	padding: 0px 0px 0px 62px;
	height: 604px;
	background: url("images/pagebg-left.gif") no-repeat;
}

.rightColumn { position: relative; height: 604px; }
.leftColumn, .rightColumn { float: left; }

#mainContent {
	height: 400px;
	font-size: 11px;
	line-height: 13px;
	overflow: auto;
	color: #555;
}

#containerHome .leftColumn { width: 285px; }
#containerInner .leftColumn { width: 398px; }

#containerHome .rightColumn {
	width: 640px;
	background: url("images/bg-home2-top.jpg") no-repeat;
}

#containerInner .rightColumn {
	width: 530px;
}

#containerHome #mainContent { width: 250px; margin-right: 35px;  }
#containerInner #mainContent {
	width: 325px;
	height: 385px;
	margin-top: 10px;
	padding-right: 10px;
}

#containerAbout 	{ background: url("images/bg-about.jpg") no-repeat right; }
#containerTeam  	{ background: url("images/bg-team.jpg") no-repeat right; }
#containerPortfolio { background: url("images/bg-portfolio.jpg") no-repeat right; }
#containerContact 	{ background: url("images/bg-contact.jpg") no-repeat right; }
#containerDiff	 	{ background: url("images/bg-differentation.jpg") no-repeat right; }
#containerApproach 	{ background: url("images/bg-approach.jpg") no-repeat right; }
#containerProcess 	{ background: url("images/bg-process.jpg") no-repeat right; }
#containerInvestment 	{ background: url("images/bg-investment.jpg") no-repeat right; }
#containerStrategy 	{ background: url("images/bg-strategy.jpg") no-repeat right; }

ul {
	margin: 0px 20px;
	padding: 0px;
}

ul#nav { position: absolute; }

#containerHome ul#nav {
	height: 104px;
	margin: 150px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

#containerInner ul#nav {
	height: 104px;
	margin: 150px 0px 0px 150px;
	padding: 0px;
	list-style-type: none;
}

ul#nav li {
	width: 177px;
	height: 26px;
}

ul#nav li a {
	display: block;
	width: 177px;
	height: 26px;
	text-decoration: none;
}

#nav li#about a		{ background: url("images/menu/about.gif") no-repeat; }
#nav li#team a 	    { background: url("images/menu/team.gif") no-repeat; }
#nav li#portfolio a { background: url("images/menu/portfolio.gif") no-repeat; }
#nav li#contact a	{ background: url("images/menu/contact.gif") no-repeat; }

#nav li#about, #nav li#about a:hover	 		{ background: url("images/menu/about-h.gif") no-repeat; }
#nav li#team, #nav li#team a:hover				{ background: url("images/menu/team-h.gif") no-repeat; }
#nav li#portfolio, #nav li#portfolio a:hover 	{ background: url("images/menu/portfolio-h.gif") no-repeat; }
#nav li#contact, #nav li#contact a:hover		{ background: url("images/menu/contact-h.gif") no-repeat; }

#nav li a .rolloverText { 
	position: absolute; 
	left: 178px;
	top: -1px;
}

li#about a .rolloverText, 
li#team a .rolloverText,
li#portfolio a .rolloverText, 
li#contact a .rolloverText	{ display: none; }

li#about a:hover .rolloverText, 
li#team a:hover .rolloverText,	
li#portfolio a:hover .rolloverText, 
li#contact a:hover .rolloverText { display: block; }

#nav li a #pLogo1 { 
	position: absolute; 
	left: -1px;
	top: -46px;
}

#nav li a #pLogo2 { 
	position: absolute; 
	left: 43px;
	top: 107px;
}

img#logo { margin-top: 45px; margin-bottom: 52px; }

img#description { margin-top: 510px; }

img#menuSelect { }

#pageLinks { width: 360px; }

ul#pages {
	margin: 0px;
	padding: 0px;	
	float: right;
	list-style-type: none;
}

ul#pages li {
	float: left;
	margin: 0px 5px;
	padding: 0px;
	width: 14px;
	height: 14px;
	text-align: center;
	line-height: 14px;
	color: #333;
}

ul#pages li a {
	text-decoration: none;
	color: #fff;
}
