* {
  margin: 0;
  padding: 0;
}

body {
	font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	font-size: 76%;
  background-color: #E0DED8;
  text-align: center;
  color: #333;
}

img { border: 0; }

#skipnav
{
  position: absolute;
  top: -1000em;
  left: -1000em;
}

#wrap {
  background-color: #fff;
  width: 760px;
  margin: 33px auto 11px auto;
  padding-top: 9px;
  text-align: left;
}

a { color: #666; }
a:visited { color: #666; }
a:hover { color: #7E0C6C; background: transparent; text-decoration: underline; } /* needs to be different to a to force re-render on mouse off */

a.xul { text-decoration: none; }
a.xul:hover { text-decoration: underline; }




p { margin-bottom: 1em; }

h1 {
  font-size: 1.4em;
  padding-bottom: 0.6em;
}

h2 {
  font-size: 1.2em;
  padding-bottom: 0.6em;
}

h3 {
  font-size: 1em;
  padding-bottom: 0.3em;
}


/* ============================================================================================================= */
/* toolbar navigation */

#toolbarWrap {
  height:1.7em;
  padding: 0 11px;
}

#toolbar {
  float:right;
}

#toolbar ul
{
  display: inline;
  list-style: none;
}

#toolbar li
{
  display: inline;
  font-size: .82em;
  color: #ACA290;
}

#toolbar li a { padding: 0 0.5em 0 0.5em; }
#toolbar li.last a { padding: 0 0 0 0.5em; }

#toolbar li:before { content: "| "; }
#toolbar li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers (except IE7 - use CC to link styleie7.css for IE7 */
* html #toolbar li
{
border-left: 1px solid #ACA290;
padding: 0 0 0 0.6em;
margin: 0 0 0 0.6em;
}

* html #toolbar li.first
{
padding: 0 0 0 0.6em;
margin: 0 0 0 -0.6em;
}

* html #toolbar { height:1.7em; }

* html #toolbar li
{
display: block;
float: left;
}

* html #toolbar li:first-child { border-left: 0; }

#toolbar a { text-decoration: none; }
#toolbar a:hover { text-decoration: underline; }


.tbMedia #tboMedia a,
.tbAwards #tboAwards a,
.tbJobs #tboJobs a,
.tbContact #tboContact a,
.tbCPU #tboCPU a
{ color: #7E0C6C; }


/* ============================================================================================================= */
/* header */

#headerWrap {
  padding: 0 33px;
}

#logoWrap {
  height:100px;
}


/* ============================================================================================================= */
/* layout */

#contentWrap { 
  position: relative;
  min-height:400px; 
  font-size: 0.92em;
  line-height: 1.3em;
  color: #82786F;
  width: 412px;
  margin-left: 33px;
}
* html #contentWrap { height:400px; }


.nvClients #contentWrap, .tbMedia #contentWrap, .tbContact #contentWrap { width: 694px; }
.nvWork #contentWrap { width: 622px; }


#contentHolder {
  /* width: 412px; */
  /* padding: 0 0 2em 33px; */
  padding-bottom: 2em;
}

/*
#contentHolderWide {
  width: 640px;
  padding: 0 33px 2em 33px;
}

#contentHolderFull {
  width: 694px;
  padding: 0 33px 2em 33px;
}

#contentHolderWork {
  width: 622px;
  padding: 0 33px 2em 33px;
}

*/

#contentWrap ul {
  padding-left: 18px;
  margin-bottom: 1em;
}

#contentImage {
  position:absolute;
  top:0;
  left:352px;
  width:408px;
}


/* ============================================================================================================= */
/* Alsett Clearing Method - apply class="clearfix" to main content wrap */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
 .clearfix { /*
   display: inline-block; */
}  /* fix for IE Mac? */
* html .clearfix {
   height: 1%; 
}
.clearfix {
  display: block;
}

.clearfloat
{
  float: none;
  clear: both;
}

.fl { float: left; }
.fr { float: right; }



/* ============================================================================================================= */
/* Footer */

#footerWrap {
  width: 760px;
  text-align: right;
  margin: 0 auto 0 auto;
 /* padding: 11px 0 11px 0; */
}

#footer {
  padding-bottom: 11px;
  float: left;
}

#footerWrap a {
	color: #82786F;
	text-decoration: none;
}

#footerWrap a:hover {
	text-decoration: underline;
}

#footerWrap p { font-size: 0.82em; margin:0; color: #82786F; }


/* ============================================================================================================= */

.homeLogo {
	margin-top: 30px;
	text-align: center;
	background-color: transparent;
}
.homeLogo>div{ /*Proper way to center a relative div*/
margin: 30px auto 0 auto;
}


/* ============================================================================================================= */
/* main nav */

.homeNav {
	text-align: center;
	height: 254px;
}

#navWrap {
  height: 30px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  width: 412px;
}

.homeNav #navWrap {
  border:0;
  border-top: 1px solid #ccc;
  margin-top: 13px;
  padding-top: 19px;
  margin-left: auto;
  margin-right: auto;
}

#navWrap ul {
  list-style: none;
}

#navWrap ul li {
  float: left;
  margin-right: 23px;
}

#navWrap ul li.last {
  margin-right: 0;
}


#nvoUs { width: 18px; height: 14px; position: relative; margin: 0; overflow:hidden; }
#nvoUs a { width: 18px; height: 14px; position: relative; display:block; }
#nvoUs a em { background: #fff url(../images/nav/nv-us.gif) no-repeat; position: absolute; left:0; top:0; width: 100%; height: 100%; }

#nvoExpertise { width: 85px; height: 14px; position: relative; margin: 0; overflow:hidden; }
#nvoExpertise a {  width: 85px; height: 14px; position: relative; display:block; }
#nvoExpertise a em { background: #fff url(../images/nav/nv-expertise.gif) no-repeat; position: absolute; left:0; top:0; width: 100%; height: 100%; }

#nvoApproach { width: 88px; height: 14px; position: relative; margin: 0; overflow:hidden; }
#nvoApproach a { width: 88px; height: 14px; position: relative; display:block; }
#nvoApproach a em { background: #fff url(../images/nav/nv-approach.gif) no-repeat; position: absolute; left:0; top:0; width: 100%; height: 100%; }

#nvoClients { width: 69px; height: 14px; position: relative; margin: 0; overflow:hidden; }
#nvoClients a { width: 69px; height: 14px; position: relative; display:block; }
#nvoClients a em { background: #fff url(../images/nav/nv-clients.gif) no-repeat; position: absolute; left:0; top:0; width: 100%; height: 100%; }

#nvoWork { width: 60px; height: 14px; position: relative; margin: 0; overflow:hidden; }
#nvoWork a { width: 60px; height: 14px; position: relative; display:block; }
#nvoWork a em { background: #fff url(../images/nav/nv-work.gif) no-repeat; position: absolute; left:0; top:0; width: 100%; height: 100%; }

#nvoUs a:hover em, #nvoExpertise a:hover em, #nvoApproach a:hover em, #nvoClients a:hover em, #nvoWork a:hover em  { background-position: 0 -22px !important; }
.nvUs #nvoUs a em, .nvExpertise #nvoExpertise a em, .nvApproach #nvoApproach a em, .nvClients #nvoClients a em, .nvWork #nvoWork a em { background-position: 0 -22px !important; }




/* ============================================================================================================= */


strong.dkGrey, .dkGrey { color: #333; }
 

.presscutting {
  margin: 1em 0 2em 0;
  background-color: #f0f0f0;
  padding: 20px;
}

.presscutting h1 {
  font-size: 1.5em;
  font-weight: normal;
  margin-bottom: 1em;
}

.notBold {
  font-weight: normal;
  color: #AEA7A1;
}

.columnWrap {}

.columnContent {
  float: left;
  width: 220px;
  padding-right: 20px;
  /* box model hack */
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:200px;
}
html>body .columnContent {
  width:200px; /* be nice to Opera */
}

.columnLast {
  width:200px;
  padding-right: 0;
}



.clientLogo {
	display: block;
	float: left;
	padding-right: 10px;
	padding-bottom: 20px;
}

.noPadRight {
	padding-right: 0;
}


p.ltGrey { color: #999; }