/**
  Theme Name: EWC
  Theme URI: http://www.deathbydesign.co.uk
  Version: 1.1
  Author: deathbydesign
  Author URI: http://www.deathbydesign.co.uk
*/

html {
	overflow-y: scroll;
}

body {
	font-family:"trebuchet ms", Arial, Helvetica, sans-serif;
	color:#666666;
	margin:0;
	font-size:12px;
}

#canvas {
	width: 1024px;
	margin: 0 auto;
}

#green-banner a:link,
#green-banner a:visited {
	font-weight:bold;
	color:#fcfcbe;
	text-decoration:none;
}
#green-banner a:hover {
	text-decoration:underline;
}


#header {
	margin: 0 0 10px 0;
}

  /** the heading and tagline are h1 on homepage and h4 on internal */
  #header h1, h1,
  #header h4 {
    font-size: 22px;
    margin: 15px;
    padding: 10px 0 10px 0;
  }
    /** the tagline is a span within the h1 or h4 */
    #header h1 span,
    #header h4 span { }

  /**
    Nav and Subnav
  */

#nav {
	list-style:none;
	margin:0;
	padding:0;
}
#nav li {
	text-align:right;
	margin:0;
	padding:8px 0;
}
#nav li ul li {
	padding:2px 0;
	font-weight:normal;
}
#nav li a,
#nav li a:visited {
	text-decoration:none;
	font-size:16px;
	color:#007048;
}
#nav li a:hover,
#nav li a.active {
	text-decoration:underline;
}

#nav li ul {
	list-style:none;
	margin:0;
	padding:0;
}
#nav li ul li.page item {
	padding:2px 0;
	margin:0;
}
#nav li ul li.page_item a,
#nav li ul li.page_item a:visited,
#nav li.current_page_item ul li a:link,
#nav li.current_page_item ul li a:visited,
#nav li ul li.page_item ul li a,
#nav li ul li.page_item ul li a:visited {
	text-decoration:none;
	font-size:12px;
	color:#666666;
}
#nav li ul li a:hover,
#nav li ul li a.active {
	text-decoration:none;
}

#nav li ul li.page_item a:hover {
	text-decoration:underline;
}
#nav li ul li.page_folder a:link,
#nav li ul li.page_folder a:visited {
	text-decoration:underline;
}

#nav li.current_page_item {
	/*font-weight:bold;*/
}
#nav li.current_page_item a:link,
#nav li.current_page_item a:visited,
#nav li ul li.current_page_item a:link,
#nav li ul li.current_page_item a:visited {
	text-decoration:underline;
}

  #subNav {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #subNav {
    margin-top: 10px;
  }
    #subNav li {
      display: inline;
      padding: 0 10px 0 0;
    }
    /* Currently selected page nav item (and parent) if applicable */
    .current_page_item a,
    .current_page_parent a {
      text-decoration: none;
    }
      .current_page_item a:hover,
      .current_page_parent a:hover {
        text-decoration: underline;
      }

/**      main content     */
#primaryContent {
  width: 540px;
  float: left;
  padding: 0 20px 0 0;
  margin: 0;
}
  #primaryContent h1 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  #primaryContent h2 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  /* titles are h2 on homepage and h1 for internal */
  #primaryContent h1.postTitle,
  #primaryContent h2.postTitle {
    font-size: 22px;
  }

  #primaryContent h3 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  ol#posts {
    list-style: none;
    margin: 0;
    padding: 0;
  }

    li.postWrapper,
    div.postWrapper { }

      .postWrapper img { }

      div.post { }

      p.postMeta { }

  #pagination {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
    #pagination li {
      display: inlne;
    }
    #pagination .previous {
      text-align: left;
      float: left;
    }
    #pagination .future {
      text-align: right;
      float: right;
    }

/**       sidebar          */
#secondaryContent {
  width: 200px;
  float: left;
}
  #secondaryContent h3 {
    padding: 0;
    margin: 10px 0 0 0;
  }

  /**
    Remove bullets from the first level sidebar UL and give each item some bottom margin.
    IE 6 doesn't like the selectors, I can live with that but if you can't then
    you'll need to extend this further.
  */
  #secondaryContent > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
    #secondaryContent > ul > li {
      margin: 0 0 10px 0;
    }

  /** the HTML is a bit dodgy for the tag cloud, need to add some padding
      between the title and the first href */
  .widget_tag_cloud a {
    padding-left: 5px;
  }

#comment {
  width: 500px;
}

#footer {
  clear: both;
  font-size: 80%;
  color:#999999;
  margin:30px 50px 60px 0;
  padding-bottom:30px;
  text-align:center;
}
#footer a,
#footer a:visited {
	text-decoration:none;
	color:#666666;
}
#footer a:hover {
	text-decoration:underline;
}

/** normally hidden but will appear when css disabled */
.skip,
.noCss {
  position: absolute;
  left: -9999px;
}

/**
  theme requirements as per 
  http://codex.wordpress.org/CSS
*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}



.large-text {
	font-size:16px;
}

.clear {
	clear:both;
	line-height:1px;
	font-size:1px;
}

#logo {
	margin:10px;
}

#leftcol {
	float:left;
	width:185px;
	display:inline;
}
#leftnav {
	margin:64px 0 0 0;
	width:120px;
}
#maincol {
	float:left;
	width:839px;
	display:inline;
}

#colA {
	float:left;
	width:604px;
	display:inline;
	margin:0 14px 0 0;
}
#colB {
	float:left;
	width:221px;
	display:inline;
	font-size:10px;
	position:relative;
	margin-top:-15px;
}
#colC {
	float:left;
	width:839px;
	display:inline;
	margin:0 0px 0 0;
}


#inbrief {
	font-size:10px;
}
.colB-inner {
	padding:10px;
}

#colB h2,
#inbrief h2 {
	margin:10px 0 10px 0;
	color:#007048;
	font-weight:normal;
}
#colB h3,
#inbrief h3 {
	margin:0px 0 4px 0;
	color:#007048;
	font-weight:normal;
}
#grey-strip {
	background:#e3e4ef;
	color:#007048;
}
#grey-strip a,
#grey-strip a:visited {
	color:#007048;
	text-decoration:none;
	font-size:14px;
}

td#front-link-left {
	background:#003837;
}
td#front-link-right {
	background:#6588b1;
}
td#front-link-left a,
td#front-link-left a:visited,
td#front-link-right a,
td#front-link-right a:visited {
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
}
td#front-link-left a:hover,
td#front-link-right a:hover {
	text-decoration:underline;
}

#green-banner {
	color:#ffffff;
	background:#0ba14a;
	font-size:24px;
	width:798px;
	/*height:90px;*/
	margin:101px 0 54px 0;	
}
#green-banner-inner {
	padding:12px 15px 12px 15px;
}
#green-banner-inner span {
	font-weight:bold;
	color:#fcfcbe;
}

#content-box {
	margin-top:57px;
	border:1px solid #25472d;
	background:#ffffff url(images/content-header-bg.gif) repeat-x;
}
#content-box-about-us {
	margin-top:57px;
	border:1px solid #25472d;
	background:#ffffff url(images/content-header-about-us-bg.gif) repeat-x;
}

#content-box-clients {
	margin-top:57px;
	border:1px solid #25472d;
	background:#ffffff url(images/content-header-clients-bg.gif) repeat-x;
}


#content-box-wide {
	width:798px;
	margin-top:57px;
	border:1px solid #25472d;
	background:#ffffff url(images/content-header-bg.gif) repeat-x;
}
#content-box-in-depth {
	width:798px;
	margin-top:57px;
	border:1px solid #25472d;
	background:#ffffff url(images/content-header-in-depth-bg.gif) repeat-x;
}

#content-box-links {
	width:798px;
	margin-top:57px;
	border:1px solid #25472d;
	background:#ffffff url(images/content-header-links-bg.gif) repeat-x;
}

#content-box-news {
	width:798px;
	margin-top:57px;
	border:1px solid #25472d;
	background:#ffffff url(images/content-header-news-bg.gif) repeat-x;
}
#content-box-equipment {
	width:798px;
	margin-top:57px;
	border:1px solid #25472d;
	background:#ffffff url(images/content-header-equipment-bg.gif) repeat-x;
}
#content-box-services {
	width:798px;
	margin-top:57px;
	border:1px solid #25472d;
	background:#ffffff url(images/content-header-services-bg.gif) repeat-x;
}
#content-box-header {
	color:#ffffff;
	text-align:right;
	height:48px;
	padding-right:20px;
}
#content-box-inner {
	padding:10px 12px 0 12px;
}
#content-box-inner a {
	/*color:#000000;*/
	text-decoration:none;
}
#contact-form {
	font-size:16px;
}
#contact-form input,
#contact-form textarea {
	 background:#c4deca;
	 color:#000000;
	 border:1px solid #8b9b8e;
}

#links-table h2 {
	color:#ffffff;
}
#links-table ul {
	margin:0;
	padding:0;
}
#links-table ul li {
	margin:0 0 0 10px;
}

.greycol1 {
	background:#d6d0d5;
}
.greycol2 {
	background:#ede7ea;
}
.greycol3 {
	background:#fff7fa;
}

.greycol1 a,
.greycol1 a:visited,
.greycol2 a,
.greycol2 a:visited,
.greycol3 a,
.greycol3 a:visited {
	color:#000000;
	text-decoration:none;
}
.greycol1 a:hover,
.greycol2 a:hover,
.greycol3 a:hover {
	text-decoration:underline;
}

.linkhdr1 {
	background:#46662f;
}
.linkhdr2 {
	background:#6f9329;
}
.linkhdr3 {
	background:#72845f;
}

table.mytable tr.bordered-row td { border-bottom: 1px solid #1fb332;  }


table.mytable tr.bordered-row td.table_item p {
	font-size:18px;
	font-weight:bold;
	color:#1fb332;
	margin:0;
}
.recycle-icon {
	width:50px;
	height:50px;
	background:url(images/recycle-icon.png) no-repeat center 4px;
}
.table-item p {
	font-size:18px;
	color:#1fb332;
	margin:0;
	padding:0;
}
td.table-item a:link,
td.table-item a:visited {
	font-size:18px;
	color:#1fb332;
	margin:0;
	padding:0;
}
.table-item p small {
	font-size:10px;
	color:#333333;
}


.quick-fact-left {
	color:#ff4d9a;
	font-size:16px;
	font-weight:bold;
	float:left;
	width:80px;
	display:inline;
}
#quick-fact-right {
	color:#000000;
	font-size:16px;
	float:left;
	width:520px;
	display:inline;
}
.quick-fact-inner {
	padding:0 12px;
}

.alpha .quick-fact-left {
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	float:left;
	width:80px;
	display:inline;
	background:#22429f;
}
.alpha #quick-fact-right {
	color:#000000;
	font-size:16px;
	font-weight:bold;
	float:left;
	width:520px;
	display:inline;
	background:#d0e1e9;
}

.alpha {
	border:1px solid #ffffff;
	margin:15px 0 15px 0;
}
.beta {
	border:1px solid #ff4d9a;
	margin:0 0 15px 0;
}

td.padded-cell {
	padding:10px 10px;
}	
#in-depth p {
	padding:0 20px 0 20px;
}
#in-depth ul {
	padding:0 20px 0 40px;
}
#in-depth-title {
	color:#ffffff;
	font-size:28px;
	font-weight:bold;
	background:#0a4241;
	padding:20px;
}
#in-depth .shaded1 {
	background:#e4f0f6;
}

.padded {
	padding:0 20px;
}

.inner {
	padding:10px;
}

#banner-cycle {
	position:relative;
	margin:5px 0 -5px 0;
}