/* adds a margin to the bottom of the sidebar for the contact information to sit in, total margin is 10000 minus given negative margin 
#sidebar {
  margin-bottom: -9720px !important
}
*/

html {
  line-height: 1.8em;
  /*font-family: Verdana,Geneva,sans-serif;*/
}
body {
  font-size: 14px;
}

#header {
  border-bottom: solid 1px #777;
}

#headercontact {
  float: left;
  position: static;
  text-align: left;
  font-size: 140%;
}

#header #logo {
  color: #00ff00;
  /*color: #2ec1db;*/
  font-size: 120%;
  font-weight: bold;
}

#sidebar {
  width: 179px;
  float: left;
  background: none;
  /*border-right: solid 1px #777;*/
}
#sidebarnav ul {
  font-size: 130%;
}
#sidebarnav ul ul {
  font-size: 70%;
  padding: 0 0 0 10px !important;
  margin: 0 !important; 
}
#content {
  float: left;
  background: none;
  width: 810px !important;
}
#content-inner {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 0;
  margin-bottom: -9990px;
  padding-bottom: 10000px;
}

/*
.current_page_item a {
  color: #AAA !important;
}

.current_page_ancestor a {
  color: #AAA !important;
}

.current_page_ancestor li a {
  color: #777 !important;
}

#sidebar #sidebarnav ul li.current_page_item a {
  color: #AAA !important;
}
*/

/*
#sidebar {
  margin-bottom: -10000px !important;
  padding-bottom: 10000px;
}
*/

#sidebarnav ul ul {
  margin-bottom: 40px !important;
}


#header {
  /*background: #000;*/
}

#topheadernav {
  height: 50px;
  padding: 0;
  background: none;
}

#topheadernav ul {
  padding: 15px 20px;
  
}
#topheadernav ul li {
  padding: 0 40px;
  font-size: 140%;
}

#topheadernav ul li a {
  padding: 0;
}


#headerimgdiv {
  width: auto;
  height: auto;
  margin: 0 0 0 0;
  padding: 0;
  clear: both;
}
#headerimgdiv img {
  margin: 0 0 0 20px;
}

#banner-div {
  background: #000;
}

#middle {
  background: #000;
}


#breadcrumb-container {
  background: #FFF;
}
#breadcrumb-container-inner {
  margin: 20px 20px 0 20px;
  padding: 6px 20px;
  background: #E2E3E4;
}
.ss_breadcrumb {
  display: inline;
  padding: 0;
}

noscript {
  color: red;
  font-size: 130%;
}

#home-content {
  width: 980px;
  float: left;
  padding-bottom: 10000px !important;
  margin-bottom:  -9980px !important;
}
#content .left {
  width: 510px;
  float: left;
}
#content .right {
  width: 180px;
  float: left;
}

.thing {
  width: 310px;
  float: left;
  margin: 15px 0 0 0;
}
.thing + .thing {
  width: 310px;
  float: left;
  margin: 15px 0 0 25px;
}
.thing img {
}
.thing .text {
}
.thing .text h2 {
  font-size: 1.2em;
  padding-bottom: 0;
}
.thing hr {
  background-color: #fc5abd;
  border: 0 none;
  margin: 0;
}
.thing .hr-1 {
}

.under-thing {
  width: 213px;
  float: left;
  margin: 0 0 0 20px;
}
.under-thing hr {
  background-color: #fc5abd;
  border: 0 none;
}

.other-thing {
  width: 160px;
  margin: 15px 0 0 0;
}
.other-thing .head {
  color: #FFF;
  background-color: #CC0066;
  background-image: url("http://www.savoirfairestudios.co.uk/wp-content/themes/Savoir faire Studios/images/sidebar-header.jpg");
  background-repeat: no-repeat;
  height: auto !important;
  height: 30px;
  min-height: 30px;
  padding: 10px 10px;
}

.other-thing .body {
  color: #000;
  background-color: #E2E3E4;
  padding: 10px 10px;
}

#content ul {
  padding: 5px 0 0 20px;
}

h2 {
  font-size: 140%;
}

h3 {
  color: #CC0066;
  margin: 0;
  padding: 10px 0 4px;
}