/*****  CSS RESET  **********************************************************/
html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}



/*****  SITE CSS  ***********************************************************/

body { background: url(/images/background.png) repeat; }

html { 
  font-family: 'Helvetica Neue', 'Helvetica', 'Tahoma', sans-serif;
  font-size: 62.5%;
}


h1 { display: none; }
h2 {
  background: url(/images/caption.png);
  color: #faffed;
  font-size: 1.7em;
  font-weight: 500;
  height: 24px;
  margin: 7px 0 0 0;
  padding: 23px 0 0 15px;
  text-transform: uppercase;
}
h2.dark {
  background: url(/images/caption-dark.png);
  margin: 0;
}
h3 {
  color: #441108;
  font-size: 1.7em;
  font-weight: bold;
  padding-bottom: 0.65em;
  text-transform: uppercase;
}
h4 {
  color: #3d0e06;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.4;
  text-transform: uppercase;
}
h5 {
  color: #441108;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.154;
}


img.header { display: block; }
.images img { padding-bottom: 20px; }


#shadow {
  background: url(/images/dropshadow.png) repeat-y;
  margin: 0 auto;
  width: 825px;
}

#bottom-shadow {
  background: url(/images/bottom-dropshadow.png) no-repeat;
  height: 6px;
  margin: 0 auto;
  padding-bottom: 50px;
  width: 825px;
}

#center {
  width: 811px;
  margin: 0 auto;
  padding: 0;
}

#header {
  background-color: #faffed;
  padding-top: 15px;
}

#logo {
  background-image: url(/images/living-stone-concrete-design-logo.png);
  height: 92px;
  margin: 0 auto;
  width: 787px;
}
#logo img { display: none; }

#navigation {
  font-size: 1.3em;
  list-style: none;
  text-transform: uppercase;
  position: relative;
  top: 58px; left: 380px;
  width: 420px;
}
#navigation li { 
  border-right: 1px solid #793825;
  color: #b5121b;
  display: block;
  font-weight: bold;
  float: left;
  padding: 0 7px;
  line-height: 1;
}
#navigation li.last { border: 0; }
#navigation li a {
  color: #793825;
  font-weight: normal;
  text-decoration: none;
}
#navigation li a:hover { color: #b5121b; }


#container {
  margin: 0 12px 0 12px;
  width: 787px;
}
#container.body_sidebar {
  background: url(/images/container_background_body_sidebar.gif) repeat-y;
}
#container.sidebar_body {
  background: url(/images/container_background_sidebar_body.gif) repeat-y;
}
#container.none {
  background-color: #faffed;
  background-image: none;
}

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


#body {
  background-color: #e8edd1;
  color: #441108;
  width: 516px;
}
#body.full {
  background-color: #faffed;
  padding: 24px 0 53px 0;
  width: 787px;
}

#body .primary { 
  background-color: #faffed;
  padding-top: 53px;
  padding-bottom: 3px;
}
#body .full { 
  padding-bottom: 53px;
  width: 516px;
}

#body a,
#sidebar a {
  color: #b5121b;
  font-weight: 800;
  text-decoration: underline;
  text-transform: uppercase;
}
#body a.subtle,
#sidebar a.subtle { text-transform: none; }
#body p {
  font-size: 1.3em;
  font-weight: 200;
  line-height: 1.385;
  padding-bottom: 1em;
}
#body img {
  display: block;
  margin: 0 auto;
}
#body .caption {
  background-color: #e8edd1;
  padding: 21px 15px 0 15px;
}
#body .caption p {
  font-weight: 200;
  line-height: 1.385;
}
#body p.signature { font-weight: bold; }
#body ul {
  font-size: 1.3em;
  font-weight: 200;
  line-height: 1.154;
  margin-left: 15px;
  padding-bottom: 1em;
}
#body li {
  list-style: disc;
}

#body div.finish {
  margin-left: 90px;
}
#body div.finish h3 {
  line-height: 1.5;
  padding: 0;
}
#body img.finish { 
  clear: both;
  display: block;
  float: left;
  padding-top: 10px;
}

#body div.stain,
#body div.stain-first {
  clear: both;
  height: 60px;
  padding: 7px 0;
  border-bottom: 2px dotted #441108;
}
#body .stain.first {
  border-top: 2px dotted #441108;
}
#body div.stain div {
  margin-left: 128px;
  padding-top: 12px;
}
#body div.stain img {
  clear: both;
  display: block;
  float: left;
}

#gallery {
  background: url(/images/gallery-background.png);
  height: 405px;
  margin: 0 auto;
  width: 537px;
}

#gallery img {
  display: block;
  padding-top: 24px;
}

#gallery .dots {
  float: left;
  padding: 9px 0 0 11px;
}

#gallery .dots a,
#gallery .dots span {
  color: #b4b97d;
  text-decoration: none;
  font-size: 16px;
  padding-left: 5px;
}

#gallery .dots span { color: #be3035; }

#gallery .np {
  float: right;
  color: #b4b97d;
  font-size: 13px;
  padding: 11px 21px 0 0;
}
#gallery .np a,
#gallery .np span { 
  color: #b4b97d;
  text-decoration: none;
  font-weight: normal;
  padding: 0 1px;
  text-transform: uppercase;
}
#gallery .np span { color: #5c3c21; }

#sidebar {
  background-color: #e8edd1;
  padding: 55px 0 50px 0;
  width: 244px;
}

#sidebar img {
  display: block;
  margin: 0 auto;
}
#sidebar div.highlight,
#sidebar div.highlight-stacked {
  border-top: 8px solid #793825;
  border-bottom: 8px solid #793825;
  padding: 23px 0;
  margin-bottom: 23px;
}
#sidebar div.highlight-stacked {
  border-top: 0;
  padding: 0;
}
#sidebar div.highlight p { padding-bottom: 0; }
#sidebar h4 { padding: 0 12px; }
#sidebar p {
  color: #3d0e06;
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.545;
  padding: 0 12px 21px 12px;
}
#sidebar div.highlight p.highlight,
#sidebar p.highlight {
  border-top: 1px dotted #3d0e06;
  border-bottom: 1px dotted #3d0e06;
  padding: 7px 0;
  margin: 0 12px 23px 12px;
}
#sidebar div.highlight p.highlight {
  margin: 21px 12px 0 12px;
}

#sidebar .colors img {
  display: block;
  margin: 0 auto;
  width: 177px;
}
#sidebar .colors p {
  color: #793825;
  font-size: 0.9em;
  line-height: 1.667;
  padding: 0;
  margin: 0 auto;
  text-transform: uppercase;
  width: 177px;
}

#sidebar li {
  color: #3d0e06;
  font-size: 1.1em;
  font-weight: 200;
  line-height: 1.545;
  list-style: disc inside;
  padding: 0 12px 1em 12px;
}

#sidebar dl {
  color: #3d0e06;
  font-size: 1.1em;
  line-height: 1.545;
  padding: 24px 12px 12px 12px;
}
#sidebar dt {
  color: #b5121b;
  font-weight: bold;
  text-transform: uppercase;
}
#sidebar dd { padding-bottom: 0; }


#footer {
  background-color: #69321f;
  color: #b4b97d;
  clear: both;
  padding: 0 0 46px 0;
  width: 811px;
}
#footer p {
  font-size: 0.9em;
  font-weight: bold;
  padding: 36px 15px 1em 0;
  text-align: right;
}