@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;
}


 

#bodywrapper{
	text-align:center;
	margin: 0 auto;	
	padding:0px;
	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:0 auto;
	width:950px;
	min-height: 800px;
	text-align:left;
	position:relative;
	padding-top:274px; /* this is an arbitary value based on the height of #header */

	
}

	.home #sitewrapper{
		background:none;
	}

	.content #sitewrapper{
		background:none;
	}
	
	#dnn_ContentPane canvas{
		float:right;
		margin-left: 15px;
			
	}
	
	
	#dnn_ContentPane canvas{
		visibility: visible !important;
	}
	
	
	#dnn_ContentPane img{
		
	}
	
	#dnn_ContentPane .iradius16{
		visibility: visible !Important;		
		display:block;
		float:right !Important; 
		margin-left: 15px !important;
		margin-bottom: 15px !important;
	}



#header {
	position:absolute;
	top:0px;
	width:950px;
	height:240px;
	background: white;
	/*background: #231f20 url(images/home_banner_top.jpg) 0px 30px no-repeat;*/

}
	.admin #header, .onecol #header{
		background: white url(images/home_banner_top.jpg) 1px 30px no-repeat;
	}


	#topnav{
		padding-top:6px;
		height:24px;
		background: #231f20;
		
	}
	
	#topnav a{
		color: #CCCCCC;
	}
	
		#topnav a:hover{
			text-decoration: underline;
		}
	
	#topnav .horzlist{
		padding:2px 5px 0 0;
		float:right;
		background: #231f20;
		margin-right: 220px;
	}
	
	* HTML 	#topnav .horzlist{
		margin-right: 110px;
	}
	

#homelink {
	position:absolute;
	left:0px;
	top:30px;	
	width:323px;
	height:210px;
	z-index:999;
	
	

}


#homelink a {
	display:block;
	position:relative;
	width:323px;
	height:210px;
	z-index:999;
	background: url(images/logo.png) no-repeat top left;
	behavior: url(/Portals/_default/Skins/ActiveTree/iepngfix.htc)

}

#imageholder{
	width: 950px;
	height: 210px;
	margin-top: 0px;
	z-index: 1;
	background:white;

}

/*<!--#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{	
	line-height: 1.5em;
	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: 15px;	
	margin-top: 10px;
}


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

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

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

}

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

}

#leftcontent{
	margin-top: 30px;
}

#leftcontent ul, #leftcontent ol{
	font-size:12px;
	padding-left: 0px;
	padding-right: 20px;
	margin:0px;
}

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

/*links customisation*/

.backtotop{
	text-align:right;
	padding: 10px 0px;
}

a.name{

}
span.role {
	 font-style:italic;
}

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


#cols{
	/*background: ;	*/
}

.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;
	}
	
	#section96banner {
		background:  url(images/heading/sub-header-whoweare.gif) top left no-repeat;
	}
	
	#section97banner{
		background:  url(images/heading/sub-header-whatwedo.gif) top left no-repeat;
	}
	
	#section98banner {
		background:  url(images/heading/sub-header-advantage.gif) top left no-repeat;
	}
	
	#section99banner {
		background:  url(images/heading/sub-header-safe.gif) top left no-repeat;
	}
	
	#section100banner{
		background:  url(images/heading/sub-header-opp.gif) top left no-repeat;
	}
	
	#section101banner{
		background:  url(images/heading/sub-header-contact.gif) top left no-repeat;
	}
	
	#section102banner{
		background:  url(images/heading/sub-header-news.gif) top left no-repeat;
	}
	
	#section103banner{
		background:  url(images/heading/sub-header-newsletter.gif) top left no-repeat;
	}
	
	#section104banner{
		background:  url(images/heading/sub-header-links.gif) top left no-repeat;
	}
	
	#section155banner{
		background:  url(images/heading/sub-header-portal.gif) top left no-repeat;
	}
	
	#section178banner{
		background:  url(images/heading/sub-header-search.gif) top left no-repeat;
	}



#innercols {

}

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

}



	
	.onecol  #contentcol{
		margin-top: 10px;
		width: 880px;	
		margin-left: 40px;
	}



#leftcol {
	margin-top: 20px;
	margin-left: 20px;
		

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

	}

	
	#leftcol .footer{
		height: 20px;
		background: url(images/bg_sub_nav_footer.jpg) bottom left no-repeat;
	}
	
	.onecol #leftcol {
		display:none;
	}

#rightcol {
	margin-top: 20px;
	margin-left: 20px;
	width:180px;
}
	.onecol #rightcol{
		display:none;
	}
	
	
		.home #contentcol {
		margin-top:0px;
		padding-left:20px;
		border-left: 1px solid #e6e6e6;

	}

	

/** 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 */  

/********************** Site By Loaded ****************************************/
#loaded-frame {
	float:right;
	width: 120px;
	height: 80px;
	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 ****************************************/


#homeleft_content{
	width: 302px;
	padding:60px 0px 0px 0px;
	background:	 #5e9834 url(images/bg_home_sub_nav_header.jpg) top left no-repeat
}

#dnn_ContentLeftPane{
	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{
	padding-top:20px;
}

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



h1#lastestnews.home{
	padding-top:0px;
	margin: 0px;
	color: #666666;
	height: 30px;
	padding:0;
	width: 150px;
	font-weight:normal;
	text-indent: -999em;
	overflow:hidden;
	background: url(images/heading_latestnew.gif) no-repeat top left;
	
}


/*** Form Master***/
.TableForm{
	float:left;
}

span.required{
	padding: 0px 5px;
	color: #FF0000;
}

.maincontactform td{
	padding: 5px;
}

.maincontactform .SubHead{
	color: #5D9732;
	width: 140px;
	font-size: 12px;
}

.maincontactform a.CommandButton{
	margin-top: 5px;
	padding: 5px 0px;
	font-size: 14px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color: #999999;	
	background: white;	
	width: 110px;
	border: 3px solid #CCCCCC;
}

.maincontactform a.CommandButton:hover{
	text-decoration:none;
	color: white!important; 	
	border: 3px solid #5D9732;
	background: #5D9732;
}

/****************** News ********************/

.newsactionbarlinks:link, .newsactionbarlinks:active, .newsactionbarlinks:visited {
	background-color: #EEEEEE;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:3px 5px;
}

a.viewnewsreturn{
	margin-top:20px;
	display:block;
	width: 40px;
	border:3px solid #EEEEEE;
	padding: 5px 10px;
}

a.viewnewsreturn:hover{
	text-decoration: none;
	background: #EEEEEE;
	border:3px solid #EEEEEE;
	padding: 5px 10px;
}

#slogan{
width: 900px;
margin-left: 30px;
padding-top: 30px;
height: 90px;
background: url(images/slogan.gif) 0px 30px no-repeat;
margin-bottom: 10px;
}

#slogan h1{
	text-indent: -999em;
	overflow:hidden;
}

#contentMid{
	width: 250px;
	margin-left: 20px;
	float:right;

}

p#points{
	dispaly:block;
	height: 100px;
	width: 200px;
	background: url(images/points.gif) 25px 0px no-repeat;
	text-indent: -999em;
}

.driven{
	font-size: 18px !important; 
	
}

ul.driven{	
	margin-left: 0px;
	padding-left: 0px !important;	
}

ul.driven li{
	margin-top: 5px;
	margin-left: 0px;
	padding-right: 0px;
	width: 180px;
	_width: 160px;
	background-position: 5px 10px !important;
}

/******** Search **************/


#dnn_ctr547_ModuleContent td{
	vertical-align:top;
	padding: 7px;
}

#dnn_ctr547_ModuleContent .SubHead{
	color: #5D9732;
		
}

#dnn_ctr547_ModuleContent .SubHead, #dnn_ctr547_ModuleContent .Normal, #dnn_ctr547_ModuleContent .CommandButton{
	font:Arial, Helvetica, sans-serif;
	font-size: 12px ;
}

#dnn_ctr547_ModuleContent  .ControlPanel, #dnn_ctr547_ModuleContent  .PagingTable{
	border: 1px solid #CCC;
		font-size: 12px ;
}

#searchPanel{
	position:absolute;
	right: 0px;
	width: 210px;
	
}

#dnn_ctlHeader_search_txtSearch {
	border: none;
	margin:1px 3px 0 0; 
	width: 155px;
	padding: 2px 3px;
	float:left;
	background: #333;
	color: #CCC;
	display:block;
}

#dnn_ctlHeader_search_cmdSearch{
	position:absolute;
	right: 10px;
	top:0px;
	
	display:block;
	width: 35px;
	z-index:99;


}



#gobutton{
	display:block;
	float:right;
	margin-top: 0px;
	margin:0px;
	padding:0px;

}


#dnn_ctr426_FormMaster_Web_Form.webform td{
	padding:5px;
}


.rgQuestions td, .RBLAnswers td
{
	padding: 0px;
	vertical-align: top;
}

.RBLAnswers label
{
	font-family: Tahoma,Arial,Helvetica;
	font-size: 12px;
	font-weight: normal;
}