﻿div.main {
	position: relative;
	margin: 100px auto 0;
	padding: 8px 0 0 21px;
	width: 779px;
	height: 521px;
	background: url(images/bg-main-green.jpg) no-repeat 0 0;
}

div.who div.whoMast {
	float: left;
	width: 377px;
	height: 313px;
	background: url(images/bg-who-mast.jpg) no-repeat 0 0;
}

div.who div.johnMast 
{
	float: left;
	width: 377px;
	height: 313px;
	background: url(images/bg-mast-john.jpg) no-repeat 0 0;
}

div.who div.mikeMast
{
	float: left;
	width: 377px;
	height: 313px;
	background: url(images/bg-mast-mike.jpg) no-repeat 0 0;
}
div.who div.robertMast
{
	float: left;
	width: 377px;
	height: 313px;
	background: url(images/bg-mast-robert.jpg) no-repeat 0 0;
}
div.who div.susanBarrere {
	float: left;
	width: 377px;
	height: 313px;
	background: url(images/bg-mast-susan.jpg) no-repeat 0 0;
}

div.who div.readingMast {
	float: left;
	width: 377px;
	height: 313px;
	background: url(images/bg-who-reading-mast.jpg) no-repeat 0 0;
}

div.who div.copy {
	position: relative;
	float: left;
	margin: 4px 0 0 4px;
	padding: 110px 0 0 25px;
	line-height: 18px;
}

div.who div.meet {
	padding: 0 6px 0 25px;
	width: 346px;
	font-size: 12px;
	line-height: 15px;
}

div.who div.meet ul {list-style: none;}

div.who div.meet ul li {float: left; margin: 26px 11px 20px;}

div.who div.meet ul li a:link,
div.who div.meet ul li a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
div.who div.meet ul li a:hover,
div.who div.meet ul li a.on:link,
div.who div.meet ul li a.on:visited {color: #c8cfa0;}

div.meet p {float: left;}

div.main sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}

div.who div.mission {
	padding: 170px 0 0 0;
	width: 377px;
	height: 231px;
	background: url(images/bg-mission-copy.jpg) no-repeat 0 0;
}

div.who div.mission p {
	font: bold italic 16px "Times New Roman", serif;
	text-align: center;
}

div.who div.reading {
	padding: 0 25px;
	width: 302px;
	font-size: 12px;
	line-height: 16px;
}

div.who div.reading h2 {
	margin: 12px 25px;
	font-weight: bold;
	font-size: 16px;
	color: #abb575;
}

div.who div.reading i {font-weight: bold;}

div.who div.reading p {padding-bottom: 20px; margin: 0 25px;}

div.who div.reading a:link,
div.who div.reading a:visited,
div.who div.reading a:hover {
	color: #fff;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}

div.who div.copy ol li {margin: 0 0 0 25px;}





div.what div.whatMast {
	float: left;
	width: 377px;
	height: 313px;
	background: url(images/bg-what-mast.jpg) no-repeat 0 0;
}

div.what div.teamThinkingMast {
	float: left;
	width: 377px;
	height: 313px;
	background: url(images/bg-what-teamthinking-mast.jpg) no-repeat 0 0;
}

div.what div.strategicMast {
	float: left;
	width: 377px;
	height: 313px;
	background: url(images/bg-what-strategic-mast.jpg) no-repeat 0 0;
}

div.what div.teamTrendMast {
	float: left;
	width: 377px;
	height: 313px;
	background: url(images/bg-what-teamtrend-mast.jpg) no-repeat 0 0;
}

div.what div.marketResearchMast {
	float: left;
	width: 377px;
	height: 313px;
	background: url(images/bg-what-market-mast.jpg) no-repeat 0 0;
}

div.what div.copy {
	float: left;
	margin: 4px 0 0 4px;
	padding: 20px 6px 0 25px;
	line-height: 17px;
	width: 346px;
}

div.what div.copy h2 {
	padding: 15px 0 0;
	margin: 0 0 18px;
	text-indent: -10000em;
}

div.what div.copy h2.teamthinking {
	width: 147px;
	height: 14px;
	background: url(images/h2-team-thinking.gif) no-repeat 0 15px;
}

div.what div.copy h2.strategic {
	width: 160px;
	height: 14px;
	background: url(images/h2-strategic.gif) no-repeat 0 15px;
}

div.what div.copy h2.teamtrend {
	width: 160px;
	height: 14px;
	background: url(images/h2-team-trend.gif) no-repeat 0 15px;
}

div.what div.copy h2.marketresearch {
	width: 95px;
	height: 12px;
	background: url(images/h2-market-research.gif) no-repeat 0 15px;
}

div.what div.copy ul {
	margin: 15px 0 0 15px;
}


div.what div.copy a:link,
div.what div.copy a:visited {
	color: #94a1e2;
}
div.what div.copy a:hover {text-decoration: none;}


div.why div.mast {
	float: left;
	width: 377px;
	height: 313px;
	background: url(images/bg-why-mast.jpg) no-repeat 0 0;
}

div.why div.copy {
	float: left;
	margin: 4px 0 0 4px;
	padding: 20px 6px 0 25px;
	line-height: 17px;
	width: 346px;
}

div.why div.copy ul {
	margin: 0 0 0 15px;
	font-size: 14px;
}

div.why div.copy ul li {padding: 10px 0 7px;}


div.sitenav {
	position: absolute;
	top: 324px;
	left: 21px;
	padding: 17px 0 0;
	width: 377px;
	height: 120px;
}

div.sitenav ul {list-style: none;}

div.sitenav ul li {
	float: left;
	margin: 0 0 1px 110px;
	width: 152px;
	height: 19px;
	line-height: 19px;
	text-indent: -10000em;
}

div.sitenav ul li a {
	display: block;
	width: 152px;
	height: 19px;
}

div.sitenav ul li.home a:link,
div.sitenav ul li.home a:visited {background: url(images/bg-sitenav.jpg) no-repeat 0 -17px;}
div.sitenav ul li.home a:hover {background: url(images/bg-sitenav.jpg) no-repeat 0 -164px;}

div.sitenav ul li.who a:link,
div.sitenav ul li.who a:visited {background: url(images/bg-sitenav.jpg) no-repeat 0 -37px;}
div.sitenav ul li.who a:hover,
div.sitenav ul li.who a.on:link,
div.sitenav ul li.who a.on:visited {background: url(images/bg-sitenav.jpg) no-repeat 0 -184px;}

div.sitenav ul li.what a:link,
div.sitenav ul li.what a:visited {background: url(images/bg-sitenav.jpg) no-repeat 0 -57px;}
div.sitenav ul li.what a:hover,
div.sitenav ul li.what a.on:link,
div.sitenav ul li.what a.on:visited {background: url(images/bg-sitenav.jpg) no-repeat 0 -204px;}

div.sitenav ul li.why a:link,
div.sitenav ul li.why a:visited {background: url(images/bg-sitenav.jpg) no-repeat 0 -77px;}
div.sitenav ul li.why a:hover,
div.sitenav ul li.why a.on:link,
div.sitenav ul li.why a.on:visited {background: url(images/bg-sitenav.jpg) no-repeat 0 -224px;}

div.sitenav ul li.contact a:link,
div.sitenav ul li.contact a:visited {background: url(images/bg-sitenav.jpg) no-repeat 0 -97px;}
div.sitenav ul li.contact a:hover,
div.sitenav ul li.contact a.on:link,
div.sitenav ul li.contact a.on:visited {background: url(images/bg-sitenav.jpg) no-repeat 0 -244px;}

a.homelink {
	position: absolute;
	top: 465px;
	left: 21px;
	display: block;
	width: 377px;
	height: 53px;
	text-indent: -10000em;
	background: url(images/a-home.jpg) no-repeat 0 0;
}

div.footer {
	margin: 5px auto 0;
	width: 800px;
	font: 12px Helvetica, Arial, sans-serif;
	text-align: center;
}

div.footer p{
    font-size:10px; margin:1.5em 0 0 0;}
}

/* IE6 Hacks */

*html div.sitenav ul li {margin-left: 55px;}