html {
	height: 100%;
	margin-bottom: .01em;
}
body {
	background: #fff url('../images/bg.gif') 0 0 repeat-x;
	color: #231f20;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 95%;
	margin: 30px 0;
	padding: 0;
	text-align: center;
	vertical-align: top;
}
#pg-home {
	background-color: #eef0e8;
}


#wrapper {
	background: transparent;
	font-size: 75%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: left;
	width: 968px;
	vertical-align: top;
}
#pg-home #wrapper {
    height: 541px;
}


/* Default Styles */

p {margin: 0 0 1em 0;padding:0;}
a {
	color: #8D9B68;
	text-decoration: none;
}
a:hover {text-decoration: underline;}
sup, sub {
	position: relative;
	font-size: smaller;
	vertical-align: baseline;
}
sup {bottom: .4em;}
sub {top: .4em;}
table {font-size: 100%}
form {display: inline;margin: 0;padding: 0;}
img {border: none;}
abbr {border-bottom: 1px dotted #ccc;cursor: help;}


/* Headings */
h1 {
	background: transparent url('../images/logo.gif') 0 0 no-repeat;
	float: left;
	height: 118px;
	margin: 10px 0 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 202px;
}
h1 a {
	display: block;
	height: 118px;
	text-decoration: none;
	width: 202px;
}
h2, h3, h4, h5, h6 {
	
}
h2 {
	clear: left;
	color: #6a764a;
	font-size: 140%;
	left: 261px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 191px;
}


h3 {
	font-size: 10px;
	margin: 7px 0 0 0;
	padding: 0;
}
h4 {
	clear: left;
	font-size: 100%;
	letter-spacing: .05em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.pgcat-clients h4 {
    padding-top: 12px;
}


h5 {
	
}
h6 {
	
}


/* Header Content */



/* Navigation - using Son of Suckerfish - http://www.htmldog.com/articles/suckerfish/dropdowns/ */
#navigation {
	background: #8d9b68 url('../images/navigation.gif') 0 0 no-repeat;
	display: inline;
    float: left;
	height: 39px;
	line-height: 1;
	list-style: none;
	margin: 48px 0 0 0;
	padding: 0;
	width: 766px;
}
#navigation li {
	float: left;
	margin: 0;
	padding: 0;
	height: 39px;
	text-indent: -9999px;
}
#navigation li a {
	color: #fff;
    display: block;
	height: 39px;
	text-indent: -9999px;
}
#navigation li ul {
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	top: -1px;
	width: 10em;
}
#navigation ul li {
	float: none;
	height: 15px;
	margin: 0 0 6px 0;
	padding: 0;
}


#navigation ul li a {
    height: 15px;
	margin: 0;
	padding: 0;
}


#navigation li:hover ul, #navigation li.sfhover ul, .pgcat-company #nav-company ul, .pgcat-clients #nav-clients ul, .pgcat-contact #nav-contact ul { /* lists nested under hovered list items */
	left: auto;
}
#nav-company {
	width: 215px;
}
#nav-clients {
	width: 192px;
}
#nav-contact {
	width: 203px;
}
#nav-company a:hover, .pgcat-company #nav-company a {background: #8d9b68 url('../images/navigation.gif') 0 -39px no-repeat;}
#nav-clients a:hover, .pgcat-clients #nav-clients a {background: #8d9b68 url('../images/navigation.gif') -215px -39px no-repeat;}
#nav-contact a:hover, .pgcat-contact #nav-contact a {background: #8d9b68 url('../images/navigation.gif') -407px -39px no-repeat;}

#navigation #nav-company ul {
    background: transparent url('../images/nav-company.gif') -49px 9px no-repeat;
	height: 54px;
	margin: 0 0 0 59px;
	padding: 9px 0 0 0;
	width: 49px;
}
.pgcat-company #nav-profile a, #nav-profile a {background: #fff url('../images/nav-company.gif') 0 0 no-repeat;}
.pgcat-company #nav-profile a:hover, #nav-profile a:hover {background: #fff url('../images/nav-company.gif') -49px 0 no-repeat;}
.pgcat-company #nav-services a, #nav-services a {background: #fff url('../images/nav-company.gif') 0 -21px no-repeat;}
.pgcat-company #nav-services a:hover, #nav-services a:hover {background: #fff url('../images/nav-company.gif') -49px -21px no-repeat;}
.pgcat-company #nav-staff a, #nav-staff a {background: #fff url('../images/nav-company.gif') 0 -42px no-repeat;}
.pgcat-company #nav-staff a:hover, #nav-staff a:hover, #nav-staff a.selected {background: #fff url('../images/nav-company.gif') -49px -42px no-repeat;}

#navigation #nav-clients ul {
    background: transparent url('../images/nav-clients.gif') -106px 9px no-repeat;
	height: 36px;
	margin: 0 0 0 42px;
	padding: 9px 0 0 0;
	width: 106px;
}
.pgcat-clients #nav-clientstoday a, #nav-clientstoday a {background: #fff url('../images/nav-clients.gif') 0 0 no-repeat;}
.pgcat-clients #nav-clientstoday a:hover, #nav-clientstoday a:hover, #nav-clientstoday a.selected {background: #fff url('../images/nav-clients.gif') -106px 0 no-repeat;}
.pgcat-clients #nav-pastclients a, #nav-pastclients a {background: #fff url('../images/nav-clients.gif') 0 -21px no-repeat;}
.pgcat-clients #nav-pastclients a:hover, #nav-pastclients a:hover, #nav-pastclients a.selected {background: #fff url('../images/nav-clients.gif') -106px -21px no-repeat;}





/* Content Areas */
#content-main {
	left: 261px;
	margin: 0;
	padding: 0 0 80px 0;
    position: absolute;
	top: 224px;
	width: 610px;
}
#content-main.pad {
    padding-top: 7px;
}
#content-sub {
	color: #6a764a;
	font-family: 'times new roman';
	font-size: 125%;
	left: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	text-indent: -9999px;
	top: 199px;
}


/* Main Content */
#content-main ul {
	list-style: none;
	margin: 0;
	padding: 4px 0 0 0;
}
#content-main ul li {
    background: transparent url('../images/bullet.gif') 0 5px no-repeat;
	margin: 0;
	padding: 0 0 0 11px;
}
#content-main ul.subcontent {
    list-style: none;
	margin: 0 0 0 40px;
	padding: 5px 0 0 0;
}
#content-main ul.subcontent li {
    margin: 0;
	padding: 0 0 5px 0;
}
#pg-home #content-main p {
    line-height: 36px;
}
#pg-home #content-sub {
    background: transparent url('../images/list-home.gif') 0 0 no-repeat;
	height: 194px;
	width: 186px;
}
#pg-home #content-sub li {
    margin: 0 0 15px 0;
	padding: 0;
}
#content-sub.csstaff {
 /*   background: transparent url('../images/nav-staff.gif') -107px 0 no-repeat;*/
	background: transparent;
	height: 138px;
	left: 89px;
	top: 200px;
	width: 107px;
}
#content-sub.csstaff li {
	float: left;
	height: 14px;
    margin: 0 0 7px 0;
	padding: 0;
	width: 107px;
}
#content-sub.csstaff li a {
    display: block;
	height: 14px;
}

#nav-buzzell {background: transparent url('../images/nav-staff-BB.gif') -107px 0 no-repeat;}
#nav-buzzell a {background: transparent url('../images/nav-staff-BB.gif') 0 0 no-repeat;}
#nav-buzzell a:hover {background: transparent url('../images/nav-staff-BB.gif') -107px 0 no-repeat;}

#nav-raymond {background: transparent url('../images/nav-staff-MR.gif') -107px 0 no-repeat;}
#nav-raymond a {background: transparent url('../images/nav-staff-MR.gif') 0 0 no-repeat;}
#nav-raymond a:hover {background: transparent url('../images/nav-staff-MR.gif') -107px 0 no-repeat;}

#nav-hooper {background: transparent url('../images/nav-staff-LH.gif') -107px 0 no-repeat;}
#nav-hooper a {background: transparent url('../images/nav-staff-LH.gif') 0 0 no-repeat;}
#nav-hooper a:hover {background: transparent url('../images/nav-staff-LH.gif') -107px 0 no-repeat;}

#nav-fryer {background: transparent url('../images/nav-staff-EF.gif') -107px 0 no-repeat;}
#nav-fryer a {background: transparent url('../images/nav-staff-EF.gif') 0 0 no-repeat;}
#nav-fryer a:hover {background: transparent url('../images/nav-staff-EF.gif') -107px 0 no-repeat;}


div.clients {
	border-top: 1px solid #bbc3a4;
	border-left: 1px solid #bbc3a4;
	float: left;
	margin: 7px 0 0 0;
	width: 594px;
	/*  A value of 594 gives each div (below) 198 pixels.
	To change the number of columns, change the width to columns * 198. */
}
div.clients div {
	border-bottom: 1px solid #bbc3a4;
	border-right: 1px solid #bbc3a4;
    float: left;
	height: 148px;
	padding: 0;
	width: 197px;
}
div.clients div a {
    border: 3px solid #fff;
	float: left;
}
div.clients div a:hover {
    border: 3px solid #bbc3a4;
}
div.clients div a img {
	float: left;
}


p.caption {
    color: #999;
	font-style: italic;
	right: 15px;
	position: absolute;
	top: -25px;
}
#content-sub.cspastclients {
    background: transparent url('../images/nav-pastclients.gif') -183px 0 no-repeat;
	height: 180px;
	left: 13px;
	top: 199px;
	width: 183px;
}
#content-sub.cspastclients li {
	float: left;
	height: 14px;
    margin: 0 0 7px 0;
	padding: 0;
	width: 183px;
}
#content-sub.cspastclients li a {
    display: block;
	height: 14px;
}
#nav-hospitality a {background: transparent url('../images/nav-pastclients.gif') 0 0 no-repeat;}
#nav-hospitality a:hover {background: transparent url('../images/nav-pastclients.gif') -183px 0 no-repeat;}
#nav-retail a {background: transparent url('../images/nav-pastclients.gif') 0 -21px no-repeat;}
#nav-retail a:hover {background: transparent url('../images/nav-pastclients.gif') -183px -21px no-repeat;}
#nav-telecommunications a {background: transparent url('../images/nav-pastclients.gif') 0 -42px no-repeat;}
#nav-telecommunications a:hover {background: transparent url('../images/nav-pastclients.gif') -183px -42px no-repeat;}
#nav-consumerproducts a {background: transparent url('../images/nav-pastclients.gif') 0 -63px no-repeat;}
#nav-consumerproducts a:hover {background: transparent url('../images/nav-pastclients.gif') -183px -63px no-repeat;}
#nav-energy a {background: transparent url('../images/nav-pastclients.gif') 0 -84px no-repeat;}
#nav-energy a:hover {background: transparent url('../images/nav-pastclients.gif') -183px -84px no-repeat;}
#nav-government a {background: transparent url('../images/nav-pastclients.gif') 0 -105px no-repeat;}
#nav-government a:hover {background: transparent url('../images/nav-pastclients.gif') -183px -105px no-repeat;}
#nav-nonprofit a {background: transparent url('../images/nav-pastclients.gif') 0 -126px no-repeat;}
#nav-nonprofit a:hover {background: transparent url('../images/nav-pastclients.gif') -183px -126px no-repeat;}
#nav-professionalservices a {background: transparent url('../images/nav-pastclients.gif') 0 -147px no-repeat;}
#nav-professionalservices a:hover {background: transparent url('../images/nav-pastclients.gif') -183px -147px no-repeat;}
#nav-realestate a {background: transparent url('../images/nav-pastclients.gif') 0 -168px no-repeat;}
#nav-realestate a:hover {background: transparent url('../images/nav-pastclients.gif') -183px -168px no-repeat;}

#content-sub.csclients {
    background: transparent url('../images/nav-clientstoday.gif') -188px 0 no-repeat;
	height: 182px;
	left: 8px;
	top: 199px;
	width: 188px;
}
#content-sub.csclients li {
	float: left;
	height: 14px;
    margin: 0 0 7px 0;
	padding: 0;
	width: 188px;
}
#content-sub.csclients li a {
    display: block;
	height: 14px;
}
#nav-daf a {background: transparent url('../images/nav-clientstoday.gif') 0 0 no-repeat;}
#nav-daf a:hover {background: transparent url('../images/nav-clientstoday.gif') -188px 0 no-repeat;}
#nav-gmf a {background: transparent url('../images/nav-clientstoday.gif') 0 -21px no-repeat;}
#nav-gmf a:hover {background: transparent url('../images/nav-clientstoday.gif') -188px -21px no-repeat;}
#nav-hz a {background: transparent url('../images/nav-clientstoday.gif') 0 -42px no-repeat;}
#nav-hz a:hover {background: transparent url('../images/nav-clientstoday.gif') -188px -42px no-repeat;}
#nav-lsp a {background: transparent url('../images/nav-clientstoday.gif') 0 -63px no-repeat;}
#nav-lsp a:hover {background: transparent url('../images/nav-clientstoday.gif') -188px -63px no-repeat;}
#nav-mcw a {background: transparent url('../images/nav-clientstoday.gif') 0 -84px no-repeat;}
#nav-mcw a:hover {background: transparent url('../images/nav-clientstoday.gif') -188px -84px no-repeat;}
#nav-mt a {background: transparent url('../images/nav-clientstoday.gif') 0 -105px no-repeat;}
#nav-mt a:hover {background: transparent url('../images/nav-clientstoday.gif') -188px -105px no-repeat;}
#nav-tsc a {background: transparent url('../images/nav-clientstoday.gif') 0 -126px no-repeat;}
#nav-tsc a:hover {background: transparent url('../images/nav-clientstoday.gif') -188px -126px no-repeat;}
#nav-t a {background: transparent url('../images/nav-clientstoday.gif') 0 -147px no-repeat;}
#nav-t a:hover {background: transparent url('../images/nav-clientstoday.gif') -188px -147px no-repeat;}
#nav-tbt a {background: transparent url('../images/nav-clientstoday.gif') 0 -168px no-repeat;}
#nav-tbt a:hover {background: transparent url('../images/nav-clientstoday.gif') -188px -168px no-repeat;}

#content-main img.feature {
	right: -10px;
    position: absolute;
	top: -17px;
}
#content-main img.feature2 {
	right: -10px;
    position: absolute;
	top: 124px;
}
#content-main img.feature3 {
	right: -10px;
    position: absolute;
	top: 247px;
}
#content-main img.feature4 {
	right: -10px;
    position: absolute;
	top: 1030px;
}
#content-main img.feature5 {
	right: -10px;
    position: absolute;
	top: 1171px;
}
#content-main img.feature6 {
	right: -10px;
    position: absolute;
	top: 1294px;
}
#content-main .col2 {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
    width: 178px;
}
#content-main .col3 {
	float: left;
	margin: 3px 20px 0 0;
	padding: 0;
    width: 178px;
}


/* Footer Content */
/* Making IE 5.5+ use position: fixed; - http://www.howtocreate.co.uk/fixedPosition.html */
#footer {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
	bottom: 0px;
	left: 0;
	position: absolute;
}
body > div#footer {
	/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
	position: fixed;
}
#footer {
	background: #eef0e8;
	border-top: 7px solid #bbc3a4;
	clear: both;
	color: #666;
	font-size: 60%;
	height: 28px;
	margin: 0;
	padding: 12px 0 0 0;
	text-align: right;
	width: 100%;
}
#footer p {
	margin: 0 auto;
    width: 968px;
}


#pg-home #footer {
	height: 270px;
	position: relative;
}



/* Common Elements */
#wai-links {
	left: -9999px;
	position: absolute;
	top: 0;
}
