/**
 * EFFECVTIVE THERMAL SOLUTIONS
 * ----------------------------
 *
 * Designer: Anthony Gibson
 * Date:     9/10/2010
 * Version:  1.0
 *
 *
 * TABLE OF CONTENTS
 * -----------------
 *
 * 1. RESET BROWSER STYLES
 * 2. HEADER
 * 3. INTRODUCTION
 * 4. COLUMNS
 * 5. TIPS
 * 6. AFFILIATES
 * 7. FOOTER
 *
 */

/*
============================================================
RESET DEFAULT BROWSER STYLES
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
============================================================
*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*
=====================================
UNIVERSAL STYLES
=====================================
*/

body {
  font-family:Arial, Helvetica, sans-serif;    
  background-color:#fff;
  color:#808080;
   }

p {
  font-size:.75em; 
  line-height:1.5em;
  margin-bottom:10px; 
   }

/* page styles for basic links */

a:link {
  color:#1f8ac9;
   }

a:visited {
  color:#1f8ac9;
   }

a:hover {
   }

a:active {
   }

/*
========================================
HEADER
========================================
*/

/* holder for body-top.gif and header */

#header-wrap {
  background-image:url('../i/body-top.gif');
  background-repeat:no-repeat;
  background-position:top center;  
  background-color:#e8e8e8;
  border-bottom:6px solid #efefef;
   }

#header-inner { 
  height:120px;
  width:990px;
  margin:0px auto;  
   }

#header-inner .logo {
  margin-top:30px;
   }

/*
========================================
CONTENT
========================================
*/

/* wraps all content between header
   and footer */

#content {
  padding-top:20px;  
  margin:0 auto;
  width:990px;
  background-color:#fff;
   } 

/*
========================================
INTRODUCTION
========================================
*/

/* holder div for top section
   - blue tick list, introducing bruce etc.
*/

#intro {
  padding-bottom:20px;
  width:990px;
  float:left;
   }

#intro .list {
  float:left; 
  width:305px;
  padding-top:30px;
   }

/* styles for blue tick list */ 

ul.tick li{
  font-size:.9em;  
  background-image:url('../i/tick.gif');
  background-repeat:no-repeat;
  background-position:0px -10px;  
  padding-left:30px;
  margin-bottom:15px;
   } 

#bruce {
  padding-top:12px;
  background-image:url('../i/house1.jpg');
  background-repeat:no-repeat;
  background-position:400px 0px;
  width:685px;
  float:left;
   }

#bruce p {
  margin-left:20px;  
  width:350px;
   } 

/* darker first paragraph */

.bold {
  font-weight:bold;
  color:#404040;
   }

/*
============================
COLUMNS
============================
*/

/* holder div for columns */

#columns {
  float:left;
  width:990px;
  margin:0 auto;
  border-top:2px solid #efefef;
   }

#col-1, #col-2, #col-3 {
  padding-top:110px;
  padding-bottom:20px;
  background-image:url('../i/house.gif');
  background-repeat:no-repeat;
  background-position:20px 20px;
  width:328px;
  float:left;
   }

#col-1 p,
#col-2 p,
#col-3 p {
  width:300px;
  margin-left:15px;
   }

#col-2 {
  border-left:1px dotted #efefef;
  border-right:1px dotted #efefef;
   }

/* blue h3 headings for columns */

h3.cols {
  width:300px;
  margin:0 auto;
  font-weight:bold;
  font-size:1em;
  line-height:1.142em;
  color:#1f8ac9;
  margin-bottom:15px;
   }


/*
================================
TIPS
================================
*/

/* holder div for tips section */

#tips {
  border-top:2px solid #efefef;
  background-image:url('../i/house2.jpg');
  background-repeat:no-repeat;
  background-position:500px;
  clear:left;
   }

h3.tips {
  margin-top:20px;
  margin-left:15px;
  margin-bottom:20px;
  line-height:1.2em;
  font-weight:bold;
  font-size:1em;
  color:#1f8ac9;
   }

/* holder for list of tips */

#tips .list {
  width:425px;
   }

ul.tips {
  color:#404040;
  font-size:.8em;
  list-style-type:disc;
  margin-left:20px;
   }

ul.tips li {
  padding-bottom:1em;
  line-height:1.2em;
   } 


/*
=================================
AFFILIATIONS
=================================
*/

/* holder for logos of affiliates */

#affil {
  padding:20px 0 20px 0;
  border-top:2px solid #efefef;
   }

#affil img {
  margin-right:40px;
   }


/*
================================
FOOTER
================================
*/

/* wraps horizontal tiled image */

#footer-wrap {
  background-image:url('../i/footer-bg.gif');
  background-repeat:repeat-x;
  background-color:#2e2e2e;  
   }

/* holds inner footer image and content */ 

#footer-inner {
  padding-top:100px;
  padding-bottom:10px;
  margin:0 auto;
  width:980px;
  background-image:url('../i/footer.gif');
  background-repeat:no-repeat;
  background-position:100px 33px;
   }

/* styles for meta content and fine print */

#fine-print {
  border-top:1px solid #606060;  
   }

.footer-left {
  float:left;
   }

.footer-right {  
  text-align:right;
   }

.footer-left, .footer-right {
  color:#fff;
  font-size:.7em;
   }

/*
=================================
FORM MAIL
=================================
*/

#form {
  width:900px;
   }

.message {
  font-size:1.2em;
   }

strong {
  font-weight:bold;
   }