/* section_mainpage.css
-------------------------------------------------------------- */
.section_content {
  float: left;
  margin-right: 60px;
  width: 410px;
}

.section_content h2 {
  color: #900000;
  font-size: 2.75em;
}

h3.subhead {
  color: #000;
  font-size: 1.35em;
  line-height: 1.05em;
  font-style: italic;
  margin-bottom: 0.75em;
}

h4.header { 
  font-size: 2em;
  line-height: 1.05em;
  margin-bottom: 5px;
  color: #900000;
}

span.subhead {
  color: #000;
  font-family: Georgia, Times serif;
  font-weight: bold;
  line-height: 1.05em;
  font-style: italic;
  margin-bottom: 0.5em;  
}

.section_content #media { margin-top: 10px; }

.accordions { 
  float: left;
  width: 350px; 
}

h4.list_header { 
  font-size: 1.5em;
  line-height: 1.05em;
  margin-bottom: 5px;
  color: #900000;
}

.accordions ul {
  padding-left: 0;
  margin-right: 0;
  list-style: none;
}

.accordions ul li {
  line-height: 1.25em;
  margin-bottom: 5px;
}

.accordions .content_image {
  float: right;
  width: 125px;
  margin: 0 0 0 20px;
}


/* Accordion - General layout
------------------------------------------------ */
/* headers */
#content_right h3.accordion_header {
  clear: both;
  color: #767676;
  cursor: pointer;
  background: transparent url("/public/images/interface/accordion_bar.jpg") top left repeat-y;
  font-size: 1.3em;
  padding: 5px 10px;
  border: 1px solid #e4e4e4;
  margin-bottom: 2px;
  font-family: Arial, Helvetica, sans-serif;
}
  #content_right h3.accordion_header span.expander {
    float: right;
    width: 10px;
    height: 10px;
    display: block;
    margin-top: 5px;
  }

  #content_right h3.accordion_header span,
  #content_right h3.accordion_header span.open {
    background: transparent url("/public/images/interface/sprites.png") no-repeat 0 -425px;
  }
  #content_right h3.accordion_header span.open {
    background-position: 0 -407px;
  }

/* panels */
#content_right .accordion_panel {
  display: none;
  padding: 10px;
}


/* Services Page
------------------------------------------------ */
/* background */
.our-services { background: transparent url("/public/images/interface/background_services.jpg") no-repeat bottom center; }

.our-services #sidebar,
.our-services #main_content {
  height: 440px;
}

/* capabilities panel */
.accordion_panel div#research_and_strategy,  
.accordion_panel div#advertising_and_branding { 
  clear: both;
  float: left;
  width: 155px;
  margin-right: 20px;
}
.accordion_panel div#digital_marketing,
.accordion_panel div#interactive { 
  float: left;
  width: 155px;
  margin-right: 0;
}

/*
.capability_desc .callout a { color: #900000; }
.capability_desc .callout a:hover { text-decoration: underline; }
*/

/* tooltip position */
.our-services .tooltip { text-align: left; }
.our-services #tooltip_popups #quote_1 {
  top: 50px;
  left: 170px;
}
.our-services #tooltip_popups #quote_2 {
  top: 25px;
  left: 355px;
}
.our-services #tooltip_popups #quote_3 {
  top: 30px;
  left: 560px;
}
.our-services #tooltip_popups #quote_4 {
  top: 115px;
  right: 265px;
}


/* Contact Us
------------------------------------------------ */
/* background */
.contact-us { background: transparent url("/public/images/interface/background_contact.jpg") no-repeat center -100px; }

.contact-us #sidebar,
.contact-us #main_content {
  height: 470px;
}


#google_map {
  height: 250px;
  margin-bottom: 0.5em;
  width: 380px;
}

.accordion_panel p.two_col {
  width: 46%;
  float: left;
  margin: 0 4% 1em 0;
}

/* tooltip position */
.contact-us .tooltip { text-align: left; }
.contact-us #tooltip_popups #quote_1 {
  top: 40px;
  left: 170px;
}
.contact-us #tooltip_popups #quote_2 {
  top: 0;
  left: 390px;
}
.contact-us #tooltip_popups #quote_3 {
  top: 55px;
  left: 550px;
}
.contact-us #tooltip_popups #quote_4 {
  top: 75px;
  right: 150px;
}


/* About Us
------------------------------------------------ */
/* background */
.about-us { background: transparent url("/public/images/interface/background_about.jpg") no-repeat bottom center; }

.about-us #sidebar,
.about-us #main_content {
  height: 470px;
  z-index: 9999;
}
  
  .about-us h4 {
    color: #505050;
    font-size: 1.5em;
    line-height: 1.5em;
  }
  
/* tooltip position */
.about-us #tooltip_popups #quote_1 {
  top: 55px;
  left: 110px;
}
.about-us #tooltip_popups #quote_2 {
  top: 55px;
  left: 365px;
}
.about-us #tooltip_popups #quote_3 {
  top: 90px;
  left: 655px;
}
.about-us #tooltip_popups #quote_4 {
  top: 15px;
  right: 75px;
}
	/* Measured Approach */
	h2.measured-approach {
		width: 573px;
		height: 57px;
		background: transparent url('/public/images/interface/h2_measured_approach.png') 0 0 no-repeat;
	}
	.measured-approach a {
		color: #900000;
		font-size: 1.15em;
	}
	a.dots {
		margin-top: 40px;
	}


/* Our Work
------------------------------------------------ */
/* background */
.our-work { background: transparent url("/public/images/interface/background_work.jpg") no-repeat bottom center; }

  .our-work h4 {
    color: #505050;
    font-size: 1.5em;
    line-height: 1.5em;
  }

/* tooltip position */
.our-work #tooltip_popups #quote_1 {
  top: 50px;
  left: 190px;
}
.our-work #tooltip_popups #quote_2 {
  top: 75px;
  left: 415px;
}
.our-work #tooltip_popups #quote_3 {
  top: 40px;
  left: 660px;
}
.our-work #tooltip_popups #quote_4 {
  top: 115px;
  right: 85px;
}

/* 404
-------------------------------------------------------------- */
/* content background */
.page_not_found { background: transparent url("/public/images/interface/background_other.jpg") no-repeat bottom center; }

/* tooltip position */
.page_not_found #tooltip_popups #quote_1 {
  top: 65px;
  left: 140px;
}
.page_not_found #tooltip_popups #quote_2 {
  top: 105px;
  left: 340px;
}
.page_not_found #tooltip_popups #quote_3 {
  top: 115px;
  right: 280px;
}
.page_not_found #tooltip_popups #quote_4 {
  top: 115px;
  right: 140px;
}

/* site_map
-------------------------------------------------------------- */
/* content background */
.site_map { background: transparent url("/public/images/interface/background_other.jpg") no-repeat bottom center; }

.site_map ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 22px;
}

.site_map ul li {
  line-height: 1.35em;
  margin-bottom: 6px;
}

.site_map h3.subhead {
/*  border-bottom: 1px solid #ccc;
  padding-bottom: 3px;*/
  margin-bottom: 0.25em;
}

/* tooltip position */
.site_map #tooltip_popups #quote_1 {
  top: 65px;
  left: 140px;
}
.site_map #tooltip_popups #quote_2 {
  top: 105px;
  left: 340px;
}
.site_map #tooltip_popups #quote_3 {
  top: 55px;
  right: 290px;
}
.site_map #tooltip_popups #quote_4 {
  top: 115px;
  right: 140px;
}