/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*
/*  Pure Innovation
/*  Copyright 2009
/*
/*  Cascading Style Sheet
/*
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*  Author: Colin MacDonald, Pure Innovation Limited
/* ---------------------------------------------------------------------- */

/* ###################################### */
/* SET TOP CONTENT AREA BIGGER ON HOMEPAGE
/* ###################################### */

div#content_top_container {
  height: 470px !important;
}

div#content_top_container div#content_top_middle {
  height: 470px !important;
}

div#content_container div#content {
  top: -97px !important;
}

/* ###################################### */
/* MAIN TITLES AREA
/* ###################################### */

div#home_titles_container {
  float: left;
  padding: 90px 4px 50px 28px; 
  background: url(/images/shadow_298.png) 0 285px no-repeat;
}

div#home_titles_container .button {
  float: left;
  clear: both; 
  padding-top: 25px;
}

/* ###################################### */
/* CASE STUDY AREA
/* ###################################### */

div#home_case_studies_container {
  position: relative;
  float: right;
  width: 640px;
  height: 330px;
  top: 33px;
  right: -6px;
}

div#home_case_studies_container div#home_case_studies {
  width: 566px;
  height: 330px;
  float: right;
  background: url(/images/home_box_case_study.png) 0 0 no-repeat;
}

div#home_case_studies_container img {
  padding: 14px 0px 0px 23px;  
}

div#home_case_studies_container h4 {
  float: right;
  padding: 25px 10px 0px 0px;
}

div#home_case_studies_container h5 {
  float: right;
  padding: 33px 26px 0px 0px;
}

div#home_case_studies_container img.button {
  float: right;
  padding: 27px 7px 0px 0px;  
}

/* ###################################### */
/* NEWS / BLOG BOXES
/* ###################################### */

div.home_box_container {
  float: left;
  width: 298px;
  padding-left: 20px;
}

div.home_box_container.first {
  padding-left: 0px;
}

div.home_box_container div.home_box_top {
  width: 292px;
  height: 49px;
  margin-left: 3px;
	overflow: hidden;  /* IE6 */
}

div.home_box_container div.home_box_content {
  width: 248px;
  padding: 21px;
  margin-left: 3px;
  background-color: #FFFFFF;
  border-left: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
}

div.home_box_container div#whats_involved {
	 height: 631px;
}

div.home_box_container div#tweets {
   height: 631px;
}

div.home_box_container div#blogroll {
   height: 240px;
}

div.home_box_container div.home_box_recent_work_content {
  width: 298px;
  height: 318px;
  background: url(/images/home_box_recent_work_bg.gif) 0 0 no-repeat;
}

div.home_box_container div.home_box_content ul li a {
  color: #414348;
  text-decoration: none;
}

div.home_box_container div.home_box_content ul li a:hover {
  text-decoration: underline;
}

div.home_box_container div.home_box_content div.comments_bubble {
  float: right;
  width: 35px;
  height: 40px;
  text-align: center;
  margin-left: 10px;
  background: url('/images/icon_comments_bubble.gif') 0 0 no-repeat;  
}

div.home_box_container div.home_box_content div.comments_bubble a {
  position: relative;
  top: 5px;
  padding-right: 1px;
  font-size: 1.4em;
  color: #FFFFFF;
  text-decoration: none;    
}

div.home_box_container div.home_box_content div.separator {
  display: block;
  clear: both;
  width: 100%;
  height: 1px;
  background-color: #E2E2E2;
  margin: 20px 0px 10px 0px;
	overflow: hidden; /* IE6 */
}

div.home_box_container div.home_box_content h1 {
  font-size: 1.4em;
  font-weight: normal;
  color: #414348;  
}

div.home_box_container div.home_box_content h1 a {
  font-weight: normal;
  text-decoration: none;
  color: #414348;  
}

div.home_box_container div.home_box_content h1 a:hover {
  text-decoration: underline;
}

div.home_box_container div.home_box_content p.date {
  color: #BABABA;
}

div.home_box_container div.home_box_bottom {
	width: 298px;
	height: 9px;
	background: url('/images/home_box_bottom_bg.gif'); 
	overflow: hidden; /* IE6 */
}

/* ###################################### */
/* Horizontal Carousel
/* ###################################### */

#horizontal_carousel {
  position: relative;
  float: left;
  width: 276px;
  height: 300px;
  margin-bottom: 10px;
  padding: 10px;
}

#horizontal_carousel .container {
  float: left;
  width: 276px;
  height: 300px;
  position: relative;    
  overflow: hidden;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 300px;
}                      

#horizontal_carousel ul li {
  width: 276px;
  height: 300px;
  text-align: center; 
  list-style:none;   
  float:left;
  color: #FFFFFF;
}

#horizontal_carousel ul li img {
  padding-bottom: 10px;	
}

#horizontal_carousel ul li h3 {
	font-size: 1.9em;
	font-weight: normal;
	padding: 10px 0 15px 0;	
}

#horizontal_carousel .previous_button {
  position: absolute; 
  width: 36px;
  height: 36px;
  top: 130px; 
  left: -10px;
  background: url(/images/button_carousel_left.png);
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .previous_button_over {
  background: url(/images/button_carousel_left_over.png);
}

#horizontal_carousel .previous_button_disabled {
  background: url(/images/button_carousel_left_disabled.png);
  cursor: default;
}

#horizontal_carousel .next_button {
  position: absolute;
  top: 130px; 
  left: 276px; 
  width: 36px;
  height: 36px;
  background: url(/images/button_carousel_right.png);
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .next_button_over {
  background: url(/images/button_carousel_right_over.png);
}

#horizontal_carousel .next_button_disabled {
  background: url(/images/button_carousel_right_disabled.png);;
  cursor: default;
}