/* ---------------------------------------------------------------------------------------------
Client Name: Juice Analytics
Author: John & David Peele, Rockbeatspaper
Created: 02.22.07
--------------------------------------------------------------------------------------------- */

@import "reset.css";

/* ---------------------------------------------------------------------------------------------

  general setup

--------------------------------------------------------------------------------------------- */
body {
  font: 62.5%/1.4em Georgia, "Times New Roman", Times, serif; 
  background: #efead8 url(/images/bg.png) 50% 0 repeat-x;
  text-align: center;
  color: #554d40;
}

/* General Hiding */
.hide { display: none; }

/* General Floating */
.float-r { float: right; }
.float-l { float: left; }

/* Image Replacement */
.ir { text-indent: -9999px; }

/* Self Clearing Floats */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* ---------------------------------------------------------------------------------------------

	general typography

--------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  letter-spacing: -1px;
}

h1 { font-size: 3.2em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.1em; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  
}

p {
  margin: .3em 0 1em 0;
  font-size: 1.3em;
  line-height: 1.4em;
}

a { text-decoration: underline; color: #222; }
a:hover { text-decoration: none; }
a.image { border: none; }
a.image:hover { background: none; }

strong { font-weight: bold; }

em { font-style: italic; }

/* ---------------------------------------------------------------------------------------------

	container

--------------------------------------------------------------------------------------------- */
#container {
  margin: 0 auto;
  width: 760px;
  text-align: left;
}

/* ---------------------------------------------------------------------------------------------

	header

--------------------------------------------------------------------------------------------- */
#header {
  width: 760px;
}

#header h1 {
  margin: 0 auto;
  width: 502px;
  height: 171px;
  position: relative; /* for positioning the hotspot */
  background: url(/images/bg_logo.png) no-repeat;
  text-align: center;
}

#header h1 a {
  width: 247px;
  height: 30px;
  position: absolute; /* for positioning the hotspot */
  top: 125px; /* for positioning the hotspot */
  left: 128px; /* for positioning the hotspot */
  display: block;
}

#header #nav {
  width: 760px;
  clear: both;
  background: url(/images/bg_nav.png) bottom repeat-x;
}
* html #header #nav { display: inline-block; } /* hack for IE */

#header ul {
  margin: 10px auto 0;
  display: table;
}

#header li { display: table-cell; }
* html #header li { float: left; } /* hack for IE */

#header li a {
  margin-bottom: 1px; /* so dotted background on ul can show */
  padding: 25px 20px;
  width: auto;
  display: block; 
  float: left;
  text-align: center;
  font: 1.1em/0 "Times New Roman", Times, serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
}
* html #header li a { float: left; } /* hack for IE */

#header li a:hover {
  background: #d7cfb5;
  color: #6b2702;
}

/* ---------------------------------------------------------------------------------------------

	content

--------------------------------------------------------------------------------------------- */
#content { 
  margin-bottom: 80px;
  background: url(/images/bg_content.png) repeat-y;
}

#s-home #content { background: none; }

/* ---------------------------------------------------------------------------------------------

	content-main

--------------------------------------------------------------------------------------------- */
#content-main {
  margin: 45px 0 30px;
  width: 480px;
  float: right;
}

#content-main h2 {
  margin-bottom: 0.4em;
  font-size: 2.8em;
  color: #802f03;
}

#content-main h3 {
  margin-bottom: 1.0em;
  font-style: italic;
  color: #802f03;
}

#content-main ul,
#content-main ol { font-size: 1.3em; }

#content-main ul li,
#content-main ol li { padding-bottom: 5px; }

#content-main ol { 
  margin-left: 25px;
  list-style-type: upper-roman;
}

#content-main ol ul {
  margin-left: 16px;
  font-size: 1.0em;
  list-style-type: square;
}

#content-main ol ul li { padding: 5px 0; }

/* HOME RULES */
#s-home #content-main {
  margin-top: 30px;
  width: 500px;
  float: left;
}

/* NEIGHBORHOODS RULES */
#s-neighborhoods #content-main div.pic {
  margin: 0 10px 20px 0;
  width: 230px;
  float: left;
  text-align: center;
  border-bottom: 1px solid #dbd2b3;
}

#s-neighborhoods #content-main div.pic img {
  margin-bottom: 10px;
  padding: 1px;
  background: #dbd2b3;
  border: 5px solid #FFF;
}

#s-neighborhoods #content-main div.pic h3 {
  font-size: 1.6em;
  font-style: normal;
}

/* TESTIMONIALS RULES */
#s-testimonials #content-main div.testimonial {
  padding: 20px 0 10px;
  border-top: 1px solid #dbd2b3;
}

#s-testimonials #content-main div.testimonial p {
  margin-left: 30px;
  margin-right: 30px;
}

#s-testimonials #content-main div.testimonial p em {
  font-weight: bold;
}

/* ---------------------------------------------------------------------------------------------

	content-sidebar

--------------------------------------------------------------------------------------------- */
#content-sidebar {
  margin-bottom: 30px;
  padding-top: 45px;
  width: 250px;
  float: left;
  background: url(/images/bg_content-sidebar.png) no-repeat;
  color: #5d4316;
}

#content-sidebar h3 {
  margin: 0 20px 15px;
  padding-bottom: 8px;
  font-size: 1.7em;
  border-bottom: 1px solid #d0c6a2;
}

#content-sidebar p,
#content-sidebar ul {
  margin-left: 20px;
  margin-right: 20px;
}

#content-sidebar p.quote { color: #756f5c; }

/* HOME RULES */
#s-home #content-sidebar {
  margin-top: 20px;
  padding-top: 0;
  float: right;
  background: none;
}

#s-home #content-sidebar h2 {
  margin: 30px 0 1.0em;
}

#s-home #content-sidebar p { 
  margin-right: 15px;
  margin-left: 0;
}

#s-home #content-sidebar p a {
  color: #802f03;
}

/* ---------------------------------------------------------------------------------------------

	content-secondary

--------------------------------------------------------------------------------------------- */
#content-secondary {
  width: 760px;
  background: url(/images/bg_content-secondary.png) repeat-x;
  clear: both;
}

#content-secondary div {
  margin: 30px 48px 0 10px;
  width: 208px;
  float: left;
}

#content-secondary div.last { margin-right: 10px; }

#content-secondary h3 {
  margin-bottom: 13px;
  padding-bottom: 1px;
  font: 1.3em "Times New Roman", Times, serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #6b2702;
  border-bottom: 1px solid #d1cec0;
}

#content-secondary p { font-size: 1.2em; }

/* ---------------------------------------------------------------------------------------------

	footer

--------------------------------------------------------------------------------------------- */
#footer {
  margin: 25px 0;
  width: 760px;
  height: 137px;
  background: url(/images/bg_footer.png) no-repeat; 
}

#footer h5 { float: left; }

#footer p {
  padding: 90px 20px 0 0;
  font-size: 1.2em;
  text-align: right;
  color: #222;
}