@import url("reset.css");
@import url("cmxform.css");
@import url("thickbox.css");

/* main tags */
body {font:10px Tomoha, Verdana, Arial; color:#000; background:url(../images/core/body-bg.gif) repeat-x #f8f1ea;}
.left { float:left; }
.right{ float:right; }
.clear { display:block; clear:both; }
.important { font-weight:bold; color:#841a1d; }
a { text-decoration:underline; color:#005b99; }
em{font-style:italic; }
ol{float:left; width:290px; padding-bottom:15px; }
ol li { list-style:url(../images/core/ol-bullet.gif); margin-left:20px; padding-bottom:2px; }

dl { display:block; width:193px; float:left; padding-bottom:10px;}
dl dt { font-size:1.1em; font-weight:bold; padding-bottom:10px;}
dl dd { padding:4px 0; }
h1 { height:27px; line-height:27px; padding:0 0 20px 0; background:url(../images/heading/h1-bg.gif) no-repeat left top; padding-left:38px; position:relative; left:-4px; font-size:1.5em; color:#841a1d;}
h2{ height:22px; line-height:22px; padding-left:5px; font-size:1.2em; background:#dcdebe; color:#264b10; margin:20px 0; clear:both;}
h3, h4 { padding-bottom:10px; }
/* containers */
#container { width:800px; margin:0 auto;}
	#header{ height:85px; padding:28px 0 17px 0; position:relative;}
	#nav{ height:31px;}
	#main{ width:800px;}
		#alpha{padding:63px 25px 0 0; width:195px; float:left; height:1070px;}
		#beta{ padding:16px 0 0 0; width:580px; float:left;}
#footer-wrapper{ height:96px; width:100%; overflow-x:hidden; background:#ead7c5; clear:both;}
	#footer{ height:66px; width:800px; margin:0 auto; text-align:center; padding:15px 0;}

/* header elements */
a#logo { display:block; width:291px; height:79px; position:absolute; left:7px; top:29px; background:url(../images/core/logo.gif) no-repeat; text-indent:-9999px;}
#cta { display:block; width:477px; height:85px; position:absolute; left:323px; top:28px; overflow:hidden;}
	
/* nav elements */
#nav ul{ height:31px;}
#nav ul li{ height:31px; float:left; display:block;}
#nav ul li a{ height:31px; background:url(../images/core/nav.gif) no-repeat 0 0; display:block; text-indent:-9999px;}

#nav ul li a#home{width:90px; background-position:0 0;} #nav ul li a#about{width:92px; background-position:-90px 0;} 
#nav ul li a#contact{width:98px; background-position:-182px 0;} #nav ul li a#pruning{width:114px; background-position:-280px 0;} 
#nav ul li a#removal{width:116px; background-position:-394px 0;} #nav ul li a#reports{width:108px; background-position:-510px 0;} 
#nav ul li a#planting{width:182px; background-position:-618px 0;}

#nav ul li a#home:hover, #bHome #nav ul li a#home {background-position:0 -31px; } #nav ul li a#about:hover, #bAbout #nav ul li a#about {background-position:-90px -31px; } 
#nav ul li a#contact:hover, #bContact #nav ul li a#contact {background-position:-182px -31px; }#nav ul li a#pruning:hover, #bPruning #nav ul li a#pruning {background-position:-280px -31px;}
#nav ul li a#removal:hover, #bRemoval #nav ul li a#removal {background-position:-394px -31px; }#nav ul li a#reports:hover, #bReports #nav ul li a#reports {background-position:-510px -31px;}
#nav ul li a#planting:hover, #bPlanting #nav ul li a#planting {background-position:-618px -31px; } 

/* alpha elements */
a#contact-us { text-indent:-9999px; margin-bottom:7px; width:195px; height:132px; display:block; background:url(../images/core/alpha-sprite.jpg) 0 0 no-repeat;}
a#contact-us:hover { background-position:0 -132px; }
a#brochure-button { width:196px; height:56px; margin-bottom:7px; display:block; background:url(../images/core/alpha-sprite.jpg) 0 -264px no-repeat; text-indent:-9999px; }
a#brochure-button:hover { background-position:0 -320px; }
#carbon-neutral { width:162px; height:44px; padding: 88px 16px 7px 16px; display:block; background:url(../images/core/carbon-neutral-bg.gif) no-repeat; font-size:.9em; text-align:center; }
#alpha-content { width:156px; padding:20px; background:url(../images/core/alpha-content-bg.gif) no-repeat top center #f1e4d7; margin-bottom:7px; position:relative;}
	#alpha-content ul li { padding-bottom:15px; list-style:url(../images/core/list-ticks.gif); margin-left:20px; }
	#alpha-content span { display:block; width:196px; height:6px; position:absolute; bottom:0; left:0; background:url(../images/core/alpha-content-footer.gif) no-repeat;}

#alpha-info div { width:196px; padding-bottom:20px; margin-bottom:7px; background-color:#dcdebe; color:#264b10; position:relative;}
	#alpha-info div p { padding:20px 20px 0 20px; }
	#alpha-info div span { display:block; width:196px; height:6px; position:absolute; bottom:0; left:0; background:url(../images/core/alpha-info-footer.gif) no-repeat;}
	
/* beta elements */
#banner { width:580px; height:195px; overflow:hidden; dislpay:block; padding:0 0 15px 0; }
#beta p { padding-bottom:15px; clear:left;}
#beta .content-box { width:250px; padding:8px 15px; background:#fff; float:right; clear:right; margin:0 0 10px 10px; }
	#beta .content-box img { padding-right:10px; float:left; }
	#beta .content-box p { clear:none; padding:10px 0 0 0; color:#595959; }
	#beta .content-box em { line-height:18px;}	
/* footer elements */
#footer a {padding: 0 3px; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer p { color:#000; padding:10px 0; }