/* -------------------- fixes and work-arounds ---- */

img {
    border: 0;
    vertical-align: bottom;
}
.clear {
  clear: both;
}
.cleartop {
  height: 1px;
}
.bottomborderblocker { /* covers up the bottom of the border to create a gap */
  height:20px; 
  width:300px; 
  background:#FFFFFF; 
  position: relative; 
  left: 5px; 
  top: -25px;
}
/* Hides from IE5-mac \*/
* html .hollyhack {height: 1%;}
/* End hide from IE5-mac */


html {
  font-family: Arial, Verdana, Geneva, sans-serif;
  font-size: 80%;
  text-align: center;
  color: #3f3f3f;
  background: #b1b1b1;
  /*background-image: url(http://connectsandco.co.uk/wp-content/themes/SimpliSite/images/gradient.gif);
  background-position: top left; background-repeat: repeat-x;*/
}
body {
  padding: 0;
}
#page {
  width: 800px;
  text-align: left;
  margin: 0 auto;
  background: #FFFFFF;
}

#header {
  position: relative;
  background: #b1b1b1;
}
#headerimgdiv {
  width: 800px;
  height: 160px;
  margin: 0;
  padding: 0;
background: #b1b1b1;
}
#headerimgdiv img{
  margin: 0;
  padding: 0;
}
#headercontact {
  float: right;
  position: absolute;
  right: 0;
  padding-top: 17px;
  padding-right: 45px;
  font-size: 100%;
  font-weight: bold;
  text-align: right;
  line-height: 150%;
  color: #FFFFFF;
}
#headernav {
  height: 25px;

  background-image: url(http://connectsandco.co.uk/wp-content/themes/SimpliSite/images/header_bar.jpg);
  background-repeat: no-repeat; /* Fix FF mis-alignment bug */
}

#middle {
  overflow: hidden;
  position: relative;
}
#contactinformation {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 20px 45px;
  color: #FFFFFF;
  z-index: 10;
  background: #00FF00;
}
#shadow {
  width: 800px;
  height: 4px;
}


#sidebar {
  width: 185px;
  float: left;
  background: #026b33;
  position: relative;

  background: #ffbe00;
  background-image: url(http://connectsandco.co.uk/wp-content/themes/SimpliSite/images/sidebar.jpg);
}
#sidebar-inner {
  background-image: url(http://connectsandco.co.uk/wp-content/themes/SimpliSite/images/sidebar_top.jpg);
  background-position: top left; background-repeat: repeat-x;
}
#sidebar-inner2 {
  background-image: url(http://connectsandco.co.uk/wp-content/themes/SimpliSite/images/sidebar_bottom.jpg);
  background-position: bottom left; background-repeat: repeat-x;

  // extends to footer
  //padding-bottom: 10000px;
  //margin-bottom: -9850px !important; /* We pray for the */
  //margin-bottom: -10000px;           /*  death of IE6   */
}
#sidebar #sidebarnav ul {
  padding: 10px 20px 40px;
  margin: 0;
}
#sidebar #sidebarnav ul li {
  list-style: none;
  margin: 5px auto;
}
#sidebar #sidebarnav ul li a {
  color: #2116df;
  text-decoration: none;
}
#sidebar #sidebarnav ul ul {
  padding: 0 0 0 15px;
}
#sidebar #sidebarnav ul li a:hover {
  color: #2116df;
  text-decoration: underline;
}
#sidebarcontact {
  position: absolute !important;   /* We pray  */
  position: static;                /* for the  */
  padding: 0 20px 25px !important; /* death of */
  padding: 30px 20px 25px;         /* IE6      */
  bottom: 0;
  left: 0;
  
  color: #FFFFFF;
  z-index: 10;
}

#content {
  width: 545px;
  float: left;
  color: #333333;
  padding: 0 35px 10000px;
  margin-bottom: -9980px;
  background: #FFFFFF;
}
p {
  margin: 0;
}

p + p {
   margin-top: 0.6em;
}


h2 {
  color: #3ea635;
  padding: 20px 0 5px 0;
  margin: 0;
}
h3 {
  color: #3ea635;
  padding: 20px 0 5px 0;
  margin: 0;
}
h4 {
  color: #3f3f3f;
  padding: 0;
  margin: 0;
}
a {
  color: #bc0001;
  text-decoration: none;
}
a:hover {
  color: #bc0001;
  text-decoration: underline;
}

.product {
  float: left;
  width: 140px;
  text-align: center;
}
.excerpt {
  margin: 5px 0 10px;
  position: relative;
}
.excerpt-inner {
  margin-left: 110px;
}
.excerpt-content {
  overflow: hidden;
  height: 65px;
}
.excerpt img {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}
.article {
  margin: 5px 0 10px;
}

.alignright {
  float: right;
}
.alignleft {
  float: left;
}

#contactform {

  margin-top: 10px;
}

#contactform ul {
  width: 390px;
}
#contactform ul li {
  padding: 0;
  margin: 10px 0;
  list-style: none;
}
#contactform ul li .contactus-left {
  float: left;
  width: 120px;
  padding-right: 10px;
}
#contactform ul li .contactus-right {
  float: right;
  width: 250px;

}
#contactform .contactus-right input, #contactform .contactus-right textarea {
  width: 250px;
}

#sitemap ul {
  padding: 10px 20px 40px;
  margin: 0;
}
#sitemap ul li {
  list-style: none;
  margin: 5px auto;
}
#sitemap ul ul {
  padding: 0 0 0 15px;
}

#footer {
  clear: both;
  background: #ffbe00;
  position: relative;
  top: 0;
  z-index: 10;
}
#footernav {
  color: #656766;
  padding: 4px;
}
#footernav ul {
  padding: 0;
  margin: 0 auto;
  float: right;
  position: relative;
  top: 0;
  z-index: 20;
}
#footernav ul li {
  list-style: none;
  padding: 0;
  margin: 0 3px;
  float: left;
}
#footernav ul li a {
  color: #656766;
  text-decoration: none;
}
#footernav ul li a:hover {
  color: #656766;
  text-decoration: underline;
}