/** Westwood Contracts by JMQC Solutions 2007 */
/** Sample dropeye colours #E3D3B8 #DCCEB9 = #dcb #fed / #E7F7FF #E7FFFF = #bcd #def **/

div {
/*  border:1px dashed #bcd; */
}
* {
  margin:0;
  padding:0;
/*  border:1px dashed #bcd; */
}
body {
  font: 0.8125em Verdana, sans-serif;
  line-height:1em;
  background:url(/images/bgrepeat.jpg) 0% 0% repeat-x;	
  background-color:#D2C9AA;
  color:#333;
  margin:0;
  padding:0;
}
#container {
  background:transparent url(/images/westBgTop.gif) 50% 0% no-repeat;
  width:980px;
  min-height:400px;
  height:100%;
  margin:20px auto;
  padding:10px 0 0; 
}
#header {
  background:#ffe url(/images/navBg.gif) 95% 75% no-repeat;
  margin:0 3px;
  height:100px;
}
#header a.logo{
  text-decoration:none;
}
#header a.logo img {
  float:left;
  position:relative;
  top:1em;
  left:2.6em; 
  margin:0 auto 20px;
  border:none;
}
ul#nav {
  float:right;
  display:inline;
  position:relative;
  top:52px;
  right:170px; 
  height:1.3em;
/*  left:540px; */
/*  border:1px solid #ffe;*/
}

ul#nav li {
  list-style:none;
  display:inline;
}
ul#nav li a {
  text-decoration:none;
  font-size:1.06em;
  font-weight:bold;
  color:#8ac;
  padding:0 6px;
}
ul#nav li a:hover {
  color:#7a6747;
  border-top:2px solid #8ac;
}
ul#nav li a:active {
  color:#7a6747;
  border-top:2px solid #8ac;
}
a { color:#333;}
img {border:none;}
#cover {
/*  background:transparent url(/images/coverMask1.gif) 50% 0% repeat-x; */
  background:transparent url(/images/coverMask.gif) 50% 0% repeat-x; 
  height:320px;
  margin:0 3px;
}
#coverBase {
  background-color:#ffe;
  margin:0 3px;
  padding:20px 0 0;
  height:270px;
}
#mainStd, #projects, #drayton, #howwedoit, #contact, #company, #chairman, #rafters{
  height:100%;
  margin:0 3px;
}
#projects {
  background:#ffe url(/images/conference.gif) 10px 8px no-repeat; 
  min-height:610px;
}
#howwedoit {
  background:#ffe url(/images/howwedoit.gif) 10px 8px no-repeat; 
  min-height:610px;
}
#chairman {
  background:#ffe url(/images/rafters.gif) 10px 8px no-repeat; 
  min-height:610px;
}
#drayton {
  background:#ffe url(/images/drayton.gif) 10px 8px no-repeat; 
  min-height:610px;
}
#contact {
  background:#ffe url(/images/outside.gif) 10px 8px no-repeat; 
  min-height:610px;
}
#company {
  background:#ffe url(/images/westwood2.gif) 10px 8px no-repeat; 
  min-height:610px;
}
div.mainBox {
  padding:0;
  margin:0;
  float:left;
  width:484px;
  border:1px solid #ffe;
}
.bLeft{margin:0 4px 0 14px;padding:0 6px;}
.bRight{margin:0 10px 0 4px;padding:0 6px;background-color:#ffe;}

div.mainBox h1 {
  margin:480px 0 0 115px;
  font:bold 1.8em Georgia, Times, serif;
  color:#7a6747;
  border:none;
}
div.colBox {
  margin:0;
  padding:0;
  float:left;
  width:235px;
  height:498px;
  height:100%;
}
.colLeft{margin:0;padding:0;}
.colRight{margin:0;padding:0;}
.fullBox p, .colBox p {padding:0 0.7em;}
div.fullBox {
  margin:0;
  padding:0;
  height:498px;
  height:100%;
}
#footer {
  display:block;
  clear:both;
  background-color:#ffe;
  margin:0 auto 20px;
  width:974px;
  height:40px;
  border-bottom:2px solid #8ac;
}
#footer a {
  text-decoration:none;
  padding:0 16px;
  float:right;
}
#footer a img {
  border:none;
}
div.blockBox{
  float:left;
  width:212px;
  height:250px;
}

.bOne{margin:0 4px 0 14px;padding:0 6px;}
.bTwo{margin:0 4px;padding:0 6px;}
.bThree{margin:0 4px;padding:0 6px;}
.bFour{margin:0 10px 0 4px;padding:0 6px;}

h2{
  font-size:1.12em;
  color:#7a6747;
}
div.colBox h2{
  padding:0 0.7em;
}
div.fullBox h2{
  padding:0.7em 0.7em 0;
}
div.blockBox p, div.colBox p, div.fullBox p {line-height:1.6em;margin:0.8125em 0;font-size:1em;}
blockquote{
  font-size:1.6em;
  text-align:center;
  color:#7a6747;
}
blockquote span {
  display:block;
  font:bold 3.2em Georgia, Times, serif;
  line-height:0.5em;
}
blockquote span.lquot {text-align:left;}
blockquote span.rquot {text-align:right;}
blockquote p{
  font-weight:bold;
  line-height:1.6em;
}
.pager {
  text-align:center;
  color:#8ac;
  background-color:#eed;
  border-bottom:1px solid #ccc; 
  padding:2px 4px;
  margin:0.5em;
}
a.more, .pager a {
  font-size:90%;
  color:#8ac;
  background-color:transparent;
  padding:0 4px;
  text-decoration:none;
}
a.more:hover, .pager a:hover {
/*  border-right:1px solid #8ac; */
  background-color:#eed;
  border-bottom:1px solid #ccc; 
}


