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


/* ###################################### */
/* RESETING
/* ###################################### */

* { margin: 0; padding: 0; border: 0; font-size: 1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

a
{
  text-decoration: underline;
  color: #F38122;
}

a:hover
{
  text-decoration: underline;
}

a.no_outline {
	outline: none;
}

body, td
{
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 14px;
  color: #414348;  
  background-color: #fff;
}

h1 {
  font-size: 4em;
  color: #FFFFFF;
  font-family: Georgia, "Times New Roman", serif;
}

h1.sub_page_title {
  padding-top: 45px;
}

h2 {
  font-size: 2.5em;
  color: #FFFFFF;
  font-family: Georgia, "Times New Roman", serif;
}

h3 {
  font-size: 1.3em;
  color: #F38122;
  font-family: Georgia, "Times New Roman", serif;
  padding-bottom: 5px;
}

h4 {
  font-size: 1.5em;
  font-style: italic; 
  color: #FFFFFF;
  font-family: Georgia, "Times New Roman", serif;
}

h5 {
  font-size: 0.8em;
  font-style: italic; 
  color: #F38122;
  font-family: Georgia, "Times New Roman", serif;
}

h6 {
  font-size: 1.3em;
  font-weight: normal;
  color: #414348;
  font-family: Georgia, "Times New Roman", serif;
}

ol {
	padding-left: 20px;
}

ol li {
	padding-bottom: 20px;
}

/* ###################################### */
/* GENERAL
/* ###################################### */

.float_right {
  float: right; 
}

.float_left {
  float: left; 
}

.padding_top_25 {
  padding-top: 25px;  
}

ul.list_none {
	list-style: none;
}

div.clear {
  clear: both;
  line-height:0;
  font-size: 0;
}

div.div_link {
	cursor: pointer;
}

ul.speech_bubble_list {
	list-style: url(/images/list_image_trans.gif) inside;
  padding-top: 10px;
}

ul.speech_bubble_list li {
  border-top: 1px solid #E2E2E2;
  padding: 10px 0px 10px 5px;
	background: url(/images/icon_speech_bubble_small.gif) 0px 14px no-repeat;
}

ul.star_list {
  list-style: url(/images/list_image_trans.gif) inside;
  padding-top: 10px;
}

ul.star_list li {
  border-top: 1px solid #E2E2E2;
  padding: 10px 0px 10px 3px;
	 background: url(/images/icon_star_small.gif) 0px 13px no-repeat;
}

/* ###################################### */
/* FORMS
/* ###################################### */


form fieldset {
	float: left;
}

form ul li {
  list-style: none;
}

form  ul li label {
	font-family: Georgia, "Times New Roman", serif;
  padding-right: 20px;
  font-size:1em;
  color: #FFFFFF;
  font-weight: bold;
  line-height: 1.1;
  width: 291px;
  padding-top: 5px;
}

form li input,
form li textarea {
  width: 281px;
	padding: 5px 10px 4px 5px;
}

form li select {
  width: 210px;
}


form li .input {
  height: 28px;
  background: url('/images/form_text_input_bg.gif') 0 0 no-repeat;
}

form li select {
	width: 291px;
	padding: 4px;
  background-color: #FFFFFF;
  border: 1px solid #AAABAD;
}

form li textarea {
	width: 400px;
  height: 132px;
	background: url('/images/form_textarea_bg.gif') 0 0 no-repeat;
}

form li span.required {
  float: left; 
  color: #ff7900;
  font-size: 2.5em;
  padding: 6px 0px 0px 6px;
}

form li input.send {
  width: 143px;
  height: 114px;
}

form#login_form fieldset ul li label {
	color: #414348;
}


/* ###################################### */
/* ENQUIRY FORM
/* ###################################### */

div#header_enquiry_form_button {
  display: none;	
}

div#footer_enquiry_form_button {
	width:935px;
  margin: 0 auto;
}

div#footer_enquiry_form_button a img {
  padding-left: 753px;
}

div.header_enquiry_form_background {
	background: url(/images/enquiry_form_top_bg.gif) 0 0 repeat-x; 
}

div.footer_enquiry_form_background {
  background: url(/images/enquiry_form_bottom_bg.gif) 0 0 repeat-x; 
}

div.enquiry_form_middle {
  width: 935px;
  height: 221px;
  margin: 0 auto;
}

div.enquiry_form_middle form li input.send {
	padding-top: 50px;
}

div.enquiry_form_middle form fieldset {
  padding: 30px 20px 0 0;
  height: 191px;
}

div.error_container {
	position: absolute;
	width: 100%;
	top: 221px;
	left: 0px;
  color: #FF0000;
	background-color: #FFFFFF;
	height: 98px;
	padding: 30px 0 0 20px;
}

div.error_container div.centre
{
	width: 935px;
	margin: 0 auto;
}

/* ###################################### */
/* HEADER
/* ###################################### */


div#header_container {
  width: 100%;
  height: 128px;
  background: url(/images/header_bg.gif);
  border-bottom: 3px solid #F38122;
}

div#header_container div#header_middle {
  width: 100%;
  height: 128px;
  margin: 0 auto;
  background: url(/images/header_bg_middle.gif) 25% 0 no-repeat;
}

div#header_container div#header_middle div#header_content {
  width: 935px;
  height: 128px;
  margin: 0 auto;
}

div#header_container div#header_content img#header_logo {
  padding-top: 30px;  
}

div#header_container div#header_content div.right_container {
  float: right;
  width: 223px;
}

div#header_container div#header_content div.right_container img {
  float: right;
}

div#header_container div#header_content div.right_container img#header_phone_number {
  padding-top: 22px; 
}

div#header_container div#header_content div.right_container img#header_customer_login {
  padding-top: 19px; 
}

/* ###################################### */
/* MAIN MENU ON HEADER AND FOOTER
/* ###################################### */

ul.main_menu {
  padding-top: 25px;
  list-style: none;
}

ul.main_menu li {
  float: left;
  padding-right: 10px;
}

ul.main_menu li.separator {
  width: 7px;
  background: url('/images/main_menu_separator.gif') 0 0 no-repeat;
}

ul.main_menu li a {
  height: 18px;
  display: block;
  text-decoration: none;
}

ul.main_menu li a:hover {
  text-decoration: none;
}

ul.main_menu li a strong {
	display: none;
}

ul.main_menu li a.home { width: 47px; background: url(/images/main_menu_option_home.gif) 0 0 no-repeat; }
ul.main_menu li a.home:hover, ul.main_menu li a.home_active { background: url(/images/main_menu_option_home_active.gif) 0 0 no-repeat; }
ul.main_menu li a.what_we_do { width: 96px; background: url(/images/main_menu_option_what_we_do.gif) 0 0 no-repeat; }
ul.main_menu li a.what_we_do:hover, ul.main_menu li a.what_we_do_active { background: url(/images/main_menu_option_what_we_do_active.gif) 0 0 no-repeat; }
ul.main_menu li a.case_studies { width: 95px; background: url(/images/main_menu_option_case_studies.gif) 0 0 no-repeat; }
ul.main_menu li a.case_studies:hover, ul.main_menu li a.case_studies_active { background: url(/images/main_menu_option_case_studies_active.gif) 0 0 no-repeat; }
ul.main_menu li a.news { width: 43px; background: url(/images/main_menu_option_news.gif) 0 0 no-repeat; }
ul.main_menu li a.news:hover, ul.main_menu li a.news_active { background: url(/images/main_menu_option_news_active.gif) 0 0 no-repeat; }
ul.main_menu li a.blog { width: 34px; background: url(/images/main_menu_option_blog.gif) 0 0 no-repeat; }
ul.main_menu li a.blog:hover, ul.main_menu li a.blog_active { background: url(/images/main_menu_option_blog_active.gif) 0 0 no-repeat; }
ul.main_menu li a.contact { width: 59px; background: url(/images/main_menu_option_contact.gif) 0 0 no-repeat; }
ul.main_menu li a.contact:hover,ul.main_menu li a.contact_active { background: url(/images/main_menu_option_contact_active.gif) 0 0 no-repeat; }
ul.main_menu li a.about { width: 48px; background: url(/images/main_menu_option_about.gif) 0 0 no-repeat; }
ul.main_menu li a.about:hover, ul.main_menu li a.about_active { background: url(/images/main_menu_option_about_active.gif) 0 0 no-repeat; }

/* ###################################### */
/* CONTENT
/* ###################################### */


div#content_top_container {
  width: 100%;
  height: 224px;
  background: url(/images/content_top_bg.gif);
}

div#content_top_container div#content_top_middle {
  width: 100%;
  height: 224px;
  margin: 0 auto;
  background: url(/images/content_top_bg_middle.gif) 33% 0 no-repeat;
}

div#content_top_container div#content_top_middle div#content_top {
  width: 935px;
  margin: 0 auto;
}

div#content_container {
  width: 100%;
  margin: 0 auto;
  background: url(/images/content_bg.gif) 0 0 repeat-x;
}

div#content_container div#content {
  position: relative;
  width: 935px;
  top: -76px;
  margin: 0 auto;
}

/* ###################################### */
/* CONTENT BOXES FOR SUB-PAGE CONTENT
/* ###################################### */

div.content_box div.content_box_top {
  height: 6px;
  width: 943px;
  background: url(/images/content_box_top.gif) 0 0 ;
	overflow: hidden; /* IE6 */
}

div.content_box div.content_box_content {
  width: 892px;
  padding: 10px 21px 10px 21px;
  background-color: #FFFFFF;
  margin-left: 3px;
  border-left: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
}

div.content_box div.content_box_bottom {
  height: 10px;
  width: 943px;
  background: url(/images/content_box_bottom.gif) 0 0 ;
  overflow: hidden; /* IE6 */
}

/* ORANGE TOP AND BOTTOM USED FOR PAGINATION */

div.content_box div.content_box_top_orange {
  width: 943px;
  height: 50px;
  background: url(/images/content_box_pagination_top.gif) 0 0 no-repeat; 
}

div.content_box div.content_box_bottom_orange {
  width: 943px;
  height: 56px;
  background: url(/images/content_box_pagination_bottom.gif) 0 0 no-repeat;
}

/* ###################################### */
/* PAGINATION
/* ###################################### */

div.pagination {
  font-size: 1.3em;
  float: right; 
  padding: 12px 20px 0 0; 
}

div.pagination a {
  color: #FFFFFF;  
}

div.pagination span.white {
  color: #FFFFFF;  
}

/* ###################################### */
/* FOOTER
/* ###################################### */

div#footer_container {
  width: 100%;
  height: 468px;
  background: url(/images/footer_bg.gif);
  color: #FFFFFF;
}

div#footer_container div#footer_middle {
  width: 100%;
  height: 468px;
  margin: 0 auto;
  background: url(/images/footer_bg_middle.gif) 33% 0 no-repeat;
}

div#footer_container div#footer_middle div#footer_content {
  width: 935px;
  margin: 0 auto;
}

div#footer_content img#footer_make_an_enquiry {
  float: right;
  clear: both;
  height: 27px;
  position: relative; 
}

div#footer_content div.footer_column {
  height: 333px;
  padding-top: 60px;
}

div#footer_content div.footer_column img {
  display: block;
  clear: both;
  padding-bottom: 10px;  
}

div#footer_content div#browse_container {
  float: left;
  width: 337px;
  background: url(/images/footer_shadow_browse.png) 0px 280px no-repeat;
}

div#footer_content div#browse_container ul {
  float: left;
  width: 140px;
  list-style: none;
}

div#footer_content div#browse_container ul li {
  height: 25px;
}

div#footer_content div#browse_container ul li a {
  color: #FFFFFF;  
}

div#footer_content div#popular_pages_container {
  float: left;
  width: 369px;
  background: url(/images/footer_shadow_popular_pages.png) 0px 280px no-repeat;
}

div#footer_content div#popular_pages_container ul {
  width: 300px;
  list-style: none;
  text-align:justify;
}

div#footer_content div#popular_pages_container ul li {
  display:inline;
}

div#footer_content div#popular_pages_container ul li a {
  text-decoration: none; 
  margin-right: 20px;
}

div#footer_content div#popular_pages_container ul li a:hover {
  text-decoration: underline; 
}

div#footer_content div#popular_pages_container ul li.vvvvv_popular a { font-size: 2.25em; color: #FFFFFF; }
div#footer_content div#popular_pages_container ul li.vvvv_popular a { font-size: 1.8em;  color: #FFFFFF; }
div#footer_content div#popular_pages_container ul li.vvv_popular a { font-size: 1.5em; }
div#footer_content div#popular_pages_container ul li.vv_popular a { font-size: 1.2em; }
div#footer_content div#popular_pages_container ul li.v_popular a { font-size: 1em; color: #5B6B7B; }

div#footer_content div#contact_us_container {
  float: left;
  width: 223px;
  background: url(/images/footer_shadow_contact_us.png) 0px 280px no-repeat;
}

div#footer_content img#footer_logo {
  float: right;
  margin-top: -28px;  
}

div#footer_content div#copyright_container {
  float: left;
  clear: both;
  color: #5B6B7B;  
  padding-top: 20px;
}