@charset "utf-8";
/* CSS Document */

/** global styles **/
body {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0 0 0 0;
	}

* HTML body{
	background: #5E6E65;
}

img, div, table{ behavior: url(/Portals/_default/Skins/ActiveTree/iepngfix.htc) }
 

#bodywrapper{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	background: #5E6E65 /*url(images/xxx) top center  repeat-x*/;
}
	
	#bodywrapper.content{
		/*background: black url(images/background-content-1.jpg) top center  repeat-x;*/
	}

#sitewrapper {
	margin-left:auto;
	margin-right:auto;
	width:950px;
	min-height: 550px;
	text-align:left;
	position:relative;
	padding-top:280px; /* this is an arbitary value based on the height of #header */

	
}

	.home #sitewrapper{
		background:none;
	}

	.content #sitewrapper{
		background:none;
	}
	



#header {
	position:absolute;
	top:0px;
	width:950px;
	height:280px;
	

}
	.home #header{
		background: #231f20 url(images/bg_banner_home_activegroup.jpg) 0px 30px no-repeat;
	}


	#topnav{
		display:none;
		padding-top:6px;
		height:20px;
		background: #231f20;
	}
	
	#topnav a{
		color: #CCCCCC;
	}
	
	#topnav .horzlist{
		float:right;
		background: #231f20;
	}

#homelink {
	position:absolute;
	left:30px;
	top:40px;	
	width:200px;
	height:130px;
	/*background: url(images/logo.gif) top left no-repeat;*/
	

}
#homelink a {
	display:block;
	position:absolute;
	width:200px;
	height:130px;

}

/*<!--#imageholder{
	width: 955px;
	height: 265px;
	z-index: 1;
	
}

	.content .twocol #imageholder, .ourwork #imageholder{
		background: url(images/bg_samplestage.jpg) top left no-repeat;
	}

	 .content .onecol #imageholder{
	
	}-->
*/
#stage{
	width: 835px;
	height: 163px;
	padding: 10px 60px 10px 60px;
	color: #CCCC00 !important; 
	background: #CCCC00;
	
}

	.ourwork #stage{
		z-index:100;
		width: 660px;
	}

#footer {
	background: #231f20 /*url(images/bg_footer.jpg) top left no-repeat*/;
	height: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #CCCCCC;

	
}
	
	#footer ul{
	color: #CCCCCC;	
	}
	

	
	#footer a:link{
		color: #CCCCCC;
		text-decoration:none;
	}

/*********************** General Style ********************************/


h1, h2, h3, h4, p, ul, ol, em, table{
	font-family:Arial, Helvetica, sans-serif;
}


h1, h2, h3, h4{	
	font-weight: bold;
	color: #5D9732;
}


h2{
	font-size: 18px;	
}

h3{
	font-size: 16px;
}

h4{
	font-size: 14px;
}

p, ul, ol, em, table{
	line-height: 1.4em;
	font-size: 12px;
	color: #333333;
	margin-top:0px;
	margin-bottom: 10px;
}



#content ul, #content ol{
	font-size:12px;
	padding-left: 60px;
	padding-right: 60px;
	margin-bottom: 10px;

	
}

#content ul {
	padding-left: 30px;
}

#content ul li{
	margin-left: 0px;
	padding-left: 30px;
	list-style-type: none;
	background: url(images/icon/bullet_green.gif) 3px 5px no-repeat;
}

#content a{
	text-decoration: none;
	color: #5D9732;

}

#content a:hover{
	text-decoration:underline;

}



/** column structure **/
#colwrapper {
	background: url(images/bg_contentwrap.jpg) white repeat-x;	
}


#cols{
	/*background: ;	*/
	min-height: 320px;
	
}

.admin #cols{
	min-height: 500px;	
}

.subheader{
	float:left;
	margin: 20px 20px 10px 20px;
	height: 120px;
	width: 910px;
	background:  url(images/sub-header-empty.jpg) top left no-repeat;
}

	* HTML .subheader{
		margin-left: 10px;
	}
	
	#section96{
		background:  url(images/heading/sub-header-whoweare.gif) top left no-repeat;
	}
	
	#section97{
		background:  url(images/heading/sub-header-whatwedo.gif) top left no-repeat;
	}
	
	#section98{
		background:  url(images/heading/sub-header-experience.gif) top left no-repeat;
	}
	
	#section99{
		background:  url(images/heading/sub-header-safe.gif) top left no-repeat;
	}
	
	#section100{
		background:  url(images/heading/sub-header-opp.gif) top left no-repeat;
	}



#innercols {

}

#contentcol {
	margin-top: 20px;
	margin-right: 30px;
	width:550px;

}




	
	.onecol  #contentcol{
		margin-top: 0px;
		width: 900px;	
	}



#leftcol {
	margin-top: 20px;
	margin-left: 20px;
	width:302px;
	
	background:#5e9834 url(images/bg_sub_nav_header.jpg) top left no-repeat;
	padding: 20px 0px 0px 0px;
}
	
	.home #leftcol {
		margin-top: 20px;
		background: none;

	}


	
	.onecol #leftcol {
		display:none;
	}

#rightcol {
	margin-top: 20px;
	margin-left: 20px;
	width:180px;
}
	.onecol #rightcol{
		display:none;
	}


/** footer elements **/
#footer a:link, #footer a:visited{

	color:white;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}


#footer ul li, #topnav ul li {
	padding-left:14px;
	padding-right:15px;
	background-image:url(css/footernavbullet.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
	margin:0px;
}

#footer ul li.first {
	padding-left:0px;
	background:none;
}



/** helpers **/

/** use horzlist for any unorderered list that is to be rendered horintally **/
ul.horzlist {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.horzlist li {
	display:inline;
	float:left;
	list-style-type:none;
}
ul.horzlist a {
	text-decoration:none;
}

ul.horzlist a span{
	visibility:hidden;
}

/** use horzlist for any div elemnent  **/
.leftcol {
	float:left;
	display:inline;
}
.rightcol {
	float:right;
	display:inline;
}

.imgbg {
	display:block;
	overflow:hidden;
	text-indent:-999em;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}	

.clear{
	display:block;
	width: 100%;
	float:left;
	clear:both;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
	overflow:hidden;
}

.clearfix{display: inline-block;}

.hide{
	display:none;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/************************ Customisation ********************************/

#leftButton, #centerButton, #rightButton{
	width: 302px;
	height: 310px;
	margin-right: 10px;
	float:left;
}

* HTML #leftButton, * HTML #centerButton, * HTML #rightButton{
	margin-right: 0px;

}


.home #leftcol, #centercol, #rightcol{
	padding:0px 0px 10px 0;
	margin-top:25px;
	margin-left: 12px;
}

.home #leftcol, #centercol, #rightcol{
	width: 302px;
	padding:20px 0px 0px 0px;
	background:	 url(images/header_activeInfurst.png) top left no-repeat;
	behavior: url(/Portals/_default/Skins/ActiveTree/iepngfix.htc);
}
	
	 #centercol{
		background:	 url(images/header_activetree.png) top left no-repeat;
		behavior: url(/Portals/_default/Skins/ActiveTree/iepngfix.htc);
	}

	 #rightcol{
		background: url(images/header_areialaccess.png) top left no-repeat;
		behavior: url(/Portals/_default/Skins/ActiveTree/iepngfix.htc);
	}


* HTML .home #leftcol, * HTML #centercol, * HTML #rightcol{
	width: 302px;
	padding:20px 0px 0px 0px;
	background:	 url(images/header_activeInfurst.gif) top left no-repeat;

}
	
	 * HTML #centercol{
		background:	 url(images/header_activetree.gif) top left no-repeat;
		
	}

	 * HTML #rightcol{
		background: url(images/header_areialaccess.gif) top left no-repeat;
	
	}
	
.home #leftcol .footer, #centercol .footer, #rightcol .footer{
	height: 20px;
	background: url(images/footer_activeinfrust.jpg) bottom left no-repeat;
}

	#centercol .footer{
	background: url(images/footer_activetree.jpg) bottom left no-repeat;
	}

	#rightcol .footer{
	background: url(images/footer-arerial-access.jpg) bottom left no-repeat;
	}

#homeleft_content, #homecenter_content, #homeright_content{
	width: 302px;
	padding:40px 0px 0px 0px;
	background:	 #5aa4d7 url(images/header_activeInfurst.png) 0px -20px no-repeat;
	behavior: url(/Portals/_default/Skins/ActiveTree/iepngfix.htc);
}
	
	#homecenter_content{
		background:	 #8cc345 url(images/header_activetree.png) 0px -20px no-repeat;
		behavior: url(/Portals/_default/Skins/ActiveTree/iepngfix.htc);
	}

	#homeright_content{
		background:	 #a61015 url(images/header_areialaccess.png) 0px -20px no-repeat;
		behavior: url(/Portals/_default/Skins/ActiveTree/iepngfix.htc);
	}
	
	* HTML #homeleft_content, * HTML #homecenter_content, * HTML #homeright_content{
	width: 302px;
	padding:40px 0px 0px 0px;
	background:	 #5aa4d7 url(images/header_activeInfurst.gif) 0px -20px no-repeat;

}
	
	* HTML #homecenter_content{
		background:	 #8cc345 url(images/header_activetree.gif) 0px -20px no-repeat;
	
	}

	* HTML #homeright_content{
		background:	 #a61015 url(images/header_areialaccess.gif) 0px -20px no-repeat;
		
	}

#dnn_ContentLeftPane, #dnn_ContentCenterPane, #dnn_ContentRightPane{
	width:243px;
	margin-left: 18px;
	padding:0px 10px 10px 10px;
	background: white;

}

.innerheader{
	margin-left:18px;
	height: 16px;
	width: 263px;
	background: url(images/bg_homeleftcoln_header.png) top left no-repeat;
	behavior: url(/Portals/_default/Skins/ActiveTree/iepngfix.htc);
}

.innerfooter{
	margin-left:18px;
	height: 16px;
	width: 263px;
	background: url(images/bg_homeleftcoln_footer.png) top left no-repeat;
	behavior: url(/Portals/_default/Skins/ActiveTree/iepngfix.htc);
}

#homeleft_bottomcontent, #homecenter_bottomcontent, #homeright_bottomcontent{
	padding-top:20px;
}

.home #contentcol{
	width: 560px;
}

h1.home{
	padding-top:10px;
	color: #666666;
	font-weight:normal;
}

.findoutmore {
	font-weight: bold;
	font-size: 16px;
	padding-left: 20px;
}
	
.home #leftcol .findoutmore a, .home  #centercol .findoutmore a, .home  #rightcol .findoutmore a{
	color: #333333;
}
	.home #leftcol .findoutmore a:hover{
	text-decoration:none;
	color: #5aa4d7;
	}
	
	.home #leftcol .findoutmore a.blue{
		color: #5aa4d7 !important;
	}
	
	
	.home  #centercol .findoutmore a:hover{
	text-decoration:none;
	color: #8cc345;
	}
	
	.home  #centercol .findoutmore a.green{
		color: #8cc345;
	}

    .home  #rightcol .findoutmore a:hover{
	text-decoration:none;
	color: #a61015;
	}
	
	.home  #rightcol .findoutmore a.red{
		color: #a61015;
	}
/*
#centercol{
	z-index: 999;
	position: absolute;
	top:0px;
	left: 320px;
}*/

#leftcol, #centercol, #rightcol{
	position:relative;
	z-index: 999;
}

.imgfolder{
	display:none;
	position:absolute;
	top:30px;
	width:950px;
	height:250px;
}

	#section1.imgfolder{
		background: url(images/bg_banner_home_infrus.jpg) top left no-repeat;
	}
	
	#section2.imgfolder{
		background: url(images/bg_banner_home_activetree.jpg) top left no-repeat;
	}
	
	#section3.imgfolder{
		background: url(images/bg_banner_home_aerial.jpg) top left no-repeat;
	}

/********************** Site By Loaded ****************************************/
#loaded-frame {
	float:right;
	width: 120px;
	height: 50px;
	padding: 20px 20px 20px 0px;
	
}

#loaded-logo{
	float:right;
	display:block;
}


a#loaded-webdeveloper:link, a#loaded-webdeveloper:hover, a#loaded-webdeveloper:visited{
	float:right;
	display:block;
	padding:2px 3px 2px 0px;
	width: 110px;
	font-size: 8px !important;
	text-align: right;
	color: #7E8B84;
	text-decoration: none;
	letter-spacing:1px;
}


a#loaded-webdeveloper:hover{
	color: #D8D3CA;	
}


/********************** Site By Loaded ****************************************/

.tall{
	height: 300px;
	background:yellow;
}

.pointer{
	cursor: pointer;
}