@charset "utf-8";
/* 
= CSS Document  ==========================
	
	Site: 			bigtreeplanning.com
	Author: 		Steven Gibbons | Union Room
	Created: 		6th November 2008
	Updated: 	
	Copyright: 	(c) 2008, bigtreeplanning.com
	
=======================================
*/

/* === Tags & Global Elements === */
* { margin: 0; padding: 0; }
html { font-size: 100%; }
body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }
a .contact { margin: 0; font: 1.2em Arial, Helvetica, sans-serif normal; line-height: 1.5em; padding: 15px 0 0 0; color: #999999; }
a img { border: none; }
acronym { border-bottom: 1px dotted; cursor: help; }
p { margin: 0; font: 1.2em Arial, Helvetica, sans-serif normal; line-height: 1.5em; padding: 0 0 10px 0; color: #999999; }


/* === IDs & Classes === */
input.btnReplace { visibility: hidden; }
img.btnReplace { cursor: pointer; }


/* === Structure Elements === */
div#wrapper { width: 844px; margin: 0 auto; }
div#hdr { margin: 0 0 30px 0; }
div#hdr #left { float: left; width: 244px; padding: 0; }
div#hdr #right { float: right; width: 600px; padding: 0; }
#logo { 
	margin: 35px 0 0 0;
	width: 219px;
	height: 111px;
	background-image: url('../img/h1Logo.gif');
	background-repeat: no-repeat;
	background-position: left top;
}
div#body { margin: 0 auto; padding: 0 0 30px 0; }
div#ftr { margin: 0; border-top: 1px solid #E5E5E5; padding: 25px 0 25px 0; clear: both; }
div#ftr p { margin: 0; font-size: 1.1em; line-height: 1.5em; padding: 0 0 10px 0; color: #999999; }
div#ftr a { color: #FF7800; text-decoration: none; }
div#ftr a:hover { color: #3a0c01; text-decoration: none; }
div#ftr a.active { color: #3a0c01; }
div#ftr a.email { color: #FF7800; text-decoration: underline; }
div#ftr a.email:hover { color: #FF7800; text-decoration: none; }
div#ftr a#unionroom { text-decoration: underline; color: #ADD61A; }
div#ftr a#unionroom:hover { text-decoration: none; }
div#ftr p#external { margin: -26px 0 0 0; }
/* === Content Elements === */
div#body #splash .content { 
	margin: 0; 
	padding: 0 20px 20px 20px;
	width: 593px; 
	height: 154px; 
	background-color: #3A0C01;
	position: absolute;
	z-index: 999;
	top: 430px;
}
div#body #splash .content h1 { 
	margin: 0;
	font-size: 3.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	padding: 0 0 10px 0;
	color: #FF7800;
	text-decoration: none;
}

div#body #splash .content p { 
	margin: 0;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.5em;
	padding: 0 0 10px 0;
	color: #FFFFFF;
	text-decoration: none;
}
div#body #splash .content a { font-size: 1.0em; line-height: 1.5em; padding: 0 0 10px 0; color: #FF7800; text-decoration: none; }
div#body #splash .content a:hover { text-decoration: underline; }
div#body #splash { z-index: 0; margin: 0; width: 844px; height: 448px; background-image: url('../img/splashBg.gif'); }

div#body .left { float: left; width: 218px; }
div#body .left img { margin: 0 0 20px 0; }
div#body .right { float: right; width: 600px; padding-bottom: 15px; }
div#body .right a { font-size: 1.1em; line-height: 1.5em; padding: 0 0 10px 0; color: #FF7800; text-decoration: none; }
div#body .right a:hover { color: #3a0c01; }

div#body .right ul { margin: 10px 0 0 0; border-top: 1px solid #E5E5E5; padding: 20px 0 0 0; list-style: none;  }
div#body .right li.section p.title a { font: 1.1em Arial, Helvetica, sans-serif normal; line-height: 1.5em; color: #FF7800;
background-image: url('../img/bullet.gif'); background-position: 0% 4px; background-repeat: no-repeat; padding: 0 0 0 20px; }
div#body .right li.section p.title a.open { background-position: 0% -12px; color: #3a0c01; }
div#body .right li.section p.title a:hover { color: #3a0c01; }
div#body .right li.section div.content { display: none; font: 1.1em Verdana, Arial, Helvetica, sans-serif; }

div.contactInfo {  border-top: none; border-bottom: 1px solid #E5E5E5; padding: 0 0 15px 0; }
div.contactInfo p { margin: 0; font: 1.2em Arial, Helvetica, sans-serif normal; line-height: 1.5em; padding: 0 0 10px 0; color: #999999; }
div.contactInfo li { margin: 0; font: 1.2em Arial, Helvetica, sans-serif normal; padding: 0 0 10px 0; color: #999999; }

p.contact { margin: 0; font: 1.2em Arial, Helvetica, sans-serif normal; line-height: 1.5em; padding: 15px 0 0 0; color: #999999; }

#mapCanvas { background-image: url('../img/map.gif'); width: 528px; height: 422px; }
#googleMap { margin: 20px 155px 0 0; background-image: url('../img/google.gif'); width: 154px; height: 71px; background-position: top; }
#googleMap:hover { background-image: url('../img/google.gif'); width: 154px; height: 73px; background-position: bottom; }

ul.sitemap { margin: -15px 0 0 0!important; padding: 0; border: none!important; }
ul.sitemap li { margin:  0 0 5px 15px; list-style: disc; line-height: 1.5em; font-size: 1.1em; color: #999999;  }

ul.terms { margin: -15px 0 0 0!important; padding: 0; border: none!important; }
ul.terms li {margin:  -5px 0 0 15px; list-style: disc; font: 1.2em Arial, Helvetica, sans-serif normal; line-height: 1.5em; padding: 0 0 10px 0; color: #999999;  }

/* --- Main Menu --- */
ul#mainMenu { margin: 0; padding: 0; list-style: none; float: left;  }
ul#mainMenu li { float: left; padding: 130px 0 0 0; border-left: 1px solid #E5E5E5;  }
ul#mainMenu li.end { border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; }
ul#mainMenu a { text-decoration: none; margin: 0; padding: 127px 20px 0 20px; border-top: 3px solid #FFFFFF; font: bold 1.1em Arial, Helvetica, sans-serif; color: #999999; }
ul#mainMenu a:hover { border-top: 3px solid #FF7800; color: #FF7800;  }
ul#mainMenu a.active { border-top: 3px solid #FF7800; color: #FF7800;  }


/* === Form Elements === */


/* === Titles & Headers === */
h1 {  margin: 0; font: 3.0em Arial, Helvetica, sans-serif lighter; padding: 0 0 10px 0; color: #FF7800; }
h3 {  margin: 0; font: 1.6em Arial, Helvetica, sans-serif; padding: 0 0 10px 0; color: #FF7800; }
h1#welcome { background-image: url('../img/IR/welcome.png'); width: 541px; height: 30px; }
h1#aboutUs { background-image: url('../img/IR/aboutUs.gif'); width: 121px; height: 29px; }
h1#careers { background-image: url('../img/IR/careers.gif'); width: 102px; height: 29px; }
h1#planningServices { background-image: url('../img/IR/planningServices.gif'); width: 229px; height: 29px; }
h1#contactUs { background-image: url('../img/IR/contactUs.gif'); width: 146px; height: 29px; }
h1#sitemap { background-image: url('../img/IR/sitemap.gif'); width: 111px; height: 29px; }
h1#terms { background-image: url('../img/IR/terms.gif'); width: 175px; height: 29px; }
h1#accessibility { background-image: url('../img/IR/accessibility.gif'); width: 166px; height: 29px; }

/* === Important Stuff === */
.hide { display: none; }
.fRight { float: right!important; }
.spacer { height: 125px; }

.imgReplace { background-position: top; background-repeat: no-repeat; display: block; }
.imgReplace span { width: 0px; height: 0px; overflow: hidden; display: block; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { content: "."; display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */