/* Import Defaults First */
@import url('../../default/css/screen.css');

html
{ background-color:#d5d5d5; }

body
{ font:normal 12px Arial;
  color:#7c7c7c; margin:0; }
  
div#pageWrapper
{ width:900px; margin:auto; min-height:400px;
  background:#fff right top no-repeat;
}

a:link,a:visited
{ color:#039; }

a:hover
{ text-decoration:none;}

/* Header */

div#header
{ height:100px;
  background:transparent url('../images/common/blueBar.png') 1px 5px no-repeat;
}

div#logo
{ float:left; text-align:center;
  width:286px; height:41px; padding:55px 0 0;
  font:normal 28px Arial; color:#ff0; }

div#logo a:link, div#logo a:visited
{ color:#ff0; text-decoration:none;}

ul#mainNav
{ background:transparent url('../images/common/navBack.png') left top no-repeat;
  margin:0;  padding:46px 0 40px 280px; height:44px;
  list-style:none; }

ul#mainNav li
{ background:transparent url('../images/common/navDivider.png') right bottom no-repeat;
  float:left; padding:18px 16px 10px 15px;
}

ul#mainNav li.last
{ background:none; }

ul#mainNav a:link,ul#mainNav a:visited
{ text-decoration:none; font: normal 14px "Franklin Gothic Med Cond" Arial; color:#039;}

ul#mainNav li.on a:link,ul#mainNav li.on a:visited
{ color:#666; border-bottom:3px solid #ff0;}

/* Body Wrapper */

div#bodyWrapper
{ padding:0 40px 40px; position:relative; }


/* Left Column */

div.leftColumn
{ float:left; width:190px;
  margin-right:40px; padding-top:155px;
  position:absolute; top:0; bottom:0; left:30px; }

div#innerContent
{ margin-left:230px; padding-top:320px; }

div#lozenge
{ width:178px; padding:163px 10px 5px 0; margin-top:40px;
  text-align:right; font-weight:bold;
  background:transparent url('../images/lozenges/stadium.jpg') left top no-repeat;
}

div#lozenge p
{ margin:12px 0;}

div#lozenge a:link,div#lozenge a:visited
{ color:#039; }

div#lozenge.stadium
{ background:transparent url('../images/lozenges/stadium.jpg') left top no-repeat; }

div#lozenge.library
{ background:transparent url('../images/lozenges/library.jpg') left top no-repeat; }

div#lozenge.nursery
{ background:transparent url('../images/lozenges/nursery.jpg') left top no-repeat; }

div#lozenge.highStreet
{ background:transparent url('../images/lozenges/highStreet.jpg') left top no-repeat; }

/* Footer */

div#footer
{ background-color:#f9fc4c; clear:both;
  border-top:10px #d5d5d5 solid;
  padding-bottom:10px; font:11px Arial; }

ul#footNav
{ margin:0; padding:8px 4px; width:600px;
  list-style:none; margin: 0 auto; }

ul#footNav li
{ display:inline; padding:4px 30px;}

ul#footNav a:link,ul#footNav a:visited
{ text-decoration:none; font: normal 12px Arial; color:#666;}

ul#footNav li.on a:link,ul#footNav li.on a:visited
{ color:#069; border-bottom:3px solid #ff0;}

div#footer p
{ text-align:center; color:#666; margin:2px 0;}

div#footer p a:link, div#footer p a:visited
{ color:#666;}

div#footer p span
{ padding: 0 20px; }


/* CMSd Content */

div.pageContent
{ line-height:18px;}

div.pageContent strong
{ font:normal 18px Arial; color:#036;}

div.pageContent a:link, div.pageContent a:visited
{ color:#39f;}

div.pageContent ul
{ list-style:none; }

div.pageContent ul li
{ background:transparent url('../images/common/bulletPoint.gif') left 2px no-repeat;
  padding-left: 20px; color:#39f;
}

/* Page Specific */

body#home div#pageWrapper
{ background-image:url('../images/home/header.jpg'); }

/* How we work */

body#howwework div#pageWrapper
{ background-image:url('../images/howwework/header.jpg'); }

body#howwework div#innerContent
{ padding-top:260px;}

/* Who we are */

body#whoweare div#pageWrapper, body#vanessa div#pageWrapper
{ background-image:url('../images/whoweare/header.jpg'); }

body#whoweare div#innerContent, body#vanessa div#innerContent
{ padding-top:260px;}

body#whoweare div.pageContent h1
{ font:normal 18px Arial; color:#036;}

body#whoweare div.pageContent img
{ margin-right:10px; }

body#whoweare div.pageContent strong
{ font:normal 14px Arial; color:#036;}

body#whoweare div.pageContent h2
{ font:normal 14px Arial; color:#39f;
  margin:15px 0;
  padding: 0 0;}
  
div#moreReading h3
{ font: normal 18px "Lucinda Sans" Arial;
  color:#999; border-bottom:1px #ccc solid; padding-bottom:5px; }  

div#moreReading p
{  border-bottom:1px #ccc solid; padding-bottom:20px; }

/* Vanessa */

body#vanessa div.pageContent h1
{ font:normal 22px Arial; color:#036; text-align:center;}

/* Contact Us */

body#contact div#pageWrapper
{ background-image:url('../images/contact/header.jpg'); }

body#contact div#pageContent
{ overflow:hidden; }

div.contactBox
{ background:transparent url('../images/contact/boxBG.png') left top no-repeat;
  float:left; width:270px; height:205px; padding:8px 12px;
  margin-left:1px; }

div.contactBox h1
{ font:normal 14px Arial; color:#036;}

div.contactBox p
{ font:bold 12px/16px Arial; color:#39f; margin:25px 0;}

div.contactBox address
{ font-style:normal; margin-top:25px; }

div.contactBox strong
{ font:bold 12px Arial; color:#666;}

body#contact div#newham
{ margin-top:165px;}

/* Clients */

body#clients div#bodyWrapper,body#execSummaries div#bodyWrapper
{ min-height:550px;}

body#clients div#pageWrapper
{ background-image:url('../images/clients/header.jpg');}

div#clientListWrapper
{ padding-top:30px;}

body#execSummaries div#pageWrapper
{ background-image:url('../images/clients/execSummaries.jpg');}

body#clients div#innerContent,body#execSummaries div#innerContent
{ padding-top:220px;}

body#clients div.pageContent p
{ font: 14px Arial; color:#036; font-weight:normal; }

body#clients div.pageContent p strong
{ font-weight:bold; font-size:14px!important; }

body#clients div.pageContent, body#execSummaries div.pageContent
{ padding-top:30px;}

body#execSummaries div.pageContent h1
{ font: 14px Arial; color:#036;}

/* Search Form */

form#clientSearch fieldset
{ border:none; width:450px;}

form#clientSearch label
{ float:left; width:130px; text-align:right;
  color:#39f; padding:4px 10px;}

form#clientSearch select
{ float:left; width:295px;}

/* Results */

p.searchAgain
{ background:transparent url('../images/common/bulletPoint.gif') left top no-repeat;
  padding-left: 20px; }

p.searchAgain a:link, p.searchAgain a:visited
{  color:#39f; text-decoration:none; }

p.searchAgain a:hover
{ text-decoration:underline; }

div.clientResult
{ background:#fff url('../images/clients/clientListBG.jpg') center top no-repeat;
width:560px; clear:both;
  padding:15px 20px 25px;
}

div.clientResult h1, div.clientResult h2
{ font: bold 14px Arial; color:#036; margin:0!important;}

div.clientResult h1 strong, div.clientResult h2 strong
{ color:#666; }