/* Copyright (c) 2007 HRO'C Interactive */
/* ------------------------------------ */

/* Reset */
/* --------   

/* Resets default browser CSS
/*---------------------------
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
--------------------------------------------------------*/

* {
	 border: 0;
  margin: 0;
  padding: 0;
  font-weight: inherit;
	 font-style: inherit;
	 font-size: 100%;
	 font-family: inherit;
	 vertical-align: baseline;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	 margin: 0;
	 padding: 0;
	 border: 0;
	 font-weight: inherit;
	 font-style: inherit;
	 font-size: 100%;
	 font-family: inherit;
	 vertical-align: baseline;
}

body { 
  line-height: 1.5; 
  background: white; 
  margin: 1.5em 0; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { 
  border-collapse: separate; 
  border-spacing: 0; 
}
caption, th, td { 
  text-align: left; 
  font-weight: 400; 
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { 
  content: ""; 
}
blockquote, q { 
  quotes: "" "";
}

a img { 
  border: none; 
}

/* -------------------------------------------------------------- 
END OF RESET
-------------------------------------------------------------- */

body {
  background-color: white;
  color: black;
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
  font-size: ;
}

h1 {
  display: none;
}

  div#container {
    margin: 0 auto;
    width: 980px; 
  }
          
    div#container div#column1 {
				  width: 702px;
						height: 546px;
      float: left;
    }
				
						div#printButton {
		      background: rgb(252,176,52);
				    border: solid 2px rgb(0,86,150);
				    width: 125px;
				    margin-left: 2.5em;
								position: absolute;
								top: 500px;
		    }
		
		  	   div#printButton p {
					     display: block;
					   }
					
					   div#printButton a {
					     display: block;
							   color: rgb(0,86,150);
				      background-color: inherit;
							   text-decoration: none;
							   padding: 10px;
				      width: 125px;
				      height: 20px;
							   font-weight: bold;
					   }
    
    div#container div#column2 {
						width: 278px;
						height: 546px;
      float:left;
						background-color: rgb(238,46,36);
						color: rgb(252,176,52);
						text-align: center;
						font-weight: 900;
						font-size: 80%;
    }
				
					div#container div#column2 ul.first-child {
							background-color: inherit;
							color: white;
					}
					
					div#container div#column2 ul, div#container div#column2 p {
							list-style: none;
							width: 250px;
							margin-bottom: 1em;
					}
					
					div#container div#column2 a {
					  background-color: inherit;
						 color: rgb(252,176,52);
							text-decoration: none;
					}
    
    div#container div#contact {
      clear: both;
      height: 134px;
      width: 100%;
						background-color: rgb(252,176,52);
						color: rgb(0,86,150);
						font-weight: bold;
    }
				
						div#container div#contact div#contactDetails {
								padding: 22px 0 0 40px;
								float: left;
						}
						
								div#container div#contact div#contactDetails p.freephone {
								  font-size: 150%;
										line-height: 0.9em;
								}
								
								div#container div#contact div#contactDetails p.tel {
								  font-size: 3.5em;
										line-height: 0.9em;
								}
								
								  div#container div#contact div#contactDetails a {
										  background-color: inherit;
										  color: white;
												text-decoration: none;
												font-size: 2.1em;
												line-height: 0.7em;
										}
				
						div#container div#contact div#contactImg {
								float: right;
						}
						
  div#print {
		  display: none;
		}