* { margin: 0;
  padding: 0;
}

html {
height: 100%;
background-color: #ECF0F1;
}

body {
  width: 950px;
  margin: 0 auto;
  font: normal .80em 'trebuchet ms', arial, sans-serif;
  background-color: #3a332d;
}

p {
  padding: 0 0 20px 0;
  line-height: 1.7em;
  font-size: 1.2em;
  text-align: justify;
}

h1, h2, h3, h4, h5, h6 {
  font: normal 175% 'century gothic', arial, sans-serif;
  color: #43423F;
  margin: 0 0 15px 0;
  padding: 15px 0 5px 0;
}

h2 {
  color: #B60000;
}

a, a:hover {
  outline: none;
  text-decoration: underline;
  color: #A4AA04;
}

a:hover {
  text-decoration: none;
  color: #5D5D5D;
}

ul {
  margin: 2px 0 1px 17px;
}

ul li {
  list-style-type: circle;
  margin: 0 0 6px 0; 
  padding: 0 0 4px 5px;
}

ol {
  margin: 8px 0 1px 20px;
}

ol li {
  margin: 0 0 11px 0;
}

#logo, #menubar, #content_header, #site_content, #content_footer, #footer {
  margin-left: auto; 
  margin-right: auto;
}

#header {
  background: #3A332D;
  width: 950px;
  height: 170px;
  margin: 0 auto;
}

#logo {
  width: 934px;
  position: relative;
  height: 132px;
}

#index #logo {
  background: #3A332D url(logo-1.png) no-repeat;
}

#galeriejc #logo {
  background: #3A332D url(logo-2.png) no-repeat;
}

#galeriedl #logo {
  background: #3A332D url(logo-3.png) no-repeat;
}

#apropos #logo {
  background: #3A332D url(logo-4.png) no-repeat;
}

#contact #logo {
  background: #3A332D url(logo-5.png) no-repeat;
}

#logo #logo_text {
  position: absolute; 
  top: 10px;
  left: 0;
}

#logo h1, #logo h2 {
  font: normal 300% 'century gothic', arial, sans-serif;
  border-bottom: 0;
  text-transform: none;
  margin: 0 0 0 9px;
}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover {
  padding: 22px 0 0 0;
  color: #FFF;
  letter-spacing: 0.1em;
  text-decoration: none;
}

#logo_text h1 a .logo_colour {
  color: #ECEF01;
}

#logo_text h2 {
  font-size: 120%;
  padding: 4px 0 0 0;
  color: #A8AA94;
}

#menubar {
  //height: 35px;
  width: 940px;
  margin: 1px auto 0 auto;
} 

ul#menu {
  float: right;
}

ul#menu li {
  float: left;
  padding: 0 0 0 6px;
  list-style: none;
  margin: 2px 2px 0 0;
  background: #635B53 url(tab.png) no-repeat 0 0;
}

ul#menu li a {
  font: normal 100% 'trebuchet ms', sans-serif;
  display: block; 
  float: left; 
  height: 20px;
  padding: 6px 28px 5px 22px; // 28px
  text-align: center;
  color: #FFF;
  text-decoration: none;
  background: #635B53 url(tab.png) no-repeat 100% 0;
} 

ul#menu li.tab_selected a {
  height: 20px;
  padding: 6px 28px 5px 22px; //28px
}

ul#menu li.selected {
  margin: 2px 2px 0 0;
  background: #635B53 url(tab_selected.png) no-repeat 0 0;
}

ul#menu li.selected a, ul#menu li.selected a:hover {
  background: #635B53 url(tab_selected.png) no-repeat 100% 0;
  color: #111;
}

ul#menu li a:hover {
  color: #ECEF01;
}

#site_content {
  width: 878px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 20px 20px 40px;
  background: #FFF;
  border-left: 1px solid #ECECE0;
  border-right: 1px solid #ECECE0;

}

.sidebar {
  float: right;
  width: 190px;
  padding: 0 15px 20px 15px;
}

#content {
  text-align: left;
  width: 613px;
  padding: 0;
}

#footer {
  width: 950px;
  font: normal 90% arial, sans-serif;
  color: #DCDCDC;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0 0 10px 0;
  text-align: center;
  line-height: 1.8;
  background: transparent;
  letter-spacing: 0.1em;
}

#footer a {
  text-decoration: none;
}
#footer a:hover {
  color: #DAA520;
}