/* Niche Graphics */

/* Home Button */

#homeButton{
  float:left;
  display: block;
  width: 36px;
  height: 36px;
  background: url("../images/home_button.gif") no-repeat 0 0;
  background-color:#CCCCCC;
  margin-top:-20px;
  margin-right:10px;

}

#homeButton:hover
{ 
  background-position: 0 -36px;
}

#homeMember{
  float:left;
  display: block;
  width: 36px;
  height: 36px;
  /*background: url("../images/home_button.gif") no-repeat -36px 0;
  background-color:#CCCCCC;*/
  margin-top:12px;

}

#homeMember:hover{ 
  background-position: -36px -36px;
}



/* Print Button */

#printButton{
  float:left;
  display: block;
  width: 80px;
  height: 20px;
  background: url("../images/button_print.gif") no-repeat 0 0;
  margin-left:10px;

}

#printButton:hover
{ 
  background-position: 0 -20px;
}


/* Login Button */

#loginButton{
  float:left;
  display: block;
  width: 120px;
  height: 20px;
  background: url("../images/button_login.gif") no-repeat 0 0;
  margin-left:10px;

}

#loginButton:hover
{ 
  background-position: 0 -20px;
}




#topButton{
  float:left;
  display: block;
  width: 100px;
  height: 20px;
  background: url("../images/button_top.gif") no-repeat 0 0;
  margin-left:10px;

}

#topButton:hover
{ 
  background-position: 0 -20px;
}



#backButton{
  float:left;
  display: block;
  width: 100px;
  height: 20px;
  background: url("../images/button_back.gif") no-repeat 0 0;
  margin-left:10px;

}

#backButton:hover
{ 
  background-position: 0 -20px;
}


.spacerTwenty{
	height:20px;
	clear:left;
}



/* <a id="printButton" href="#" title="Print Friendly Copy"></a> */


/* social icon buttons */

#facebook
{
  float:left;
  display: block;
  width: 40px;
  height: 40px;
  background: url("../images/social_logos.gif") no-repeat 0 0;
  background-position: 0px 0px;
  margin-left:0px;

}

#facebook:hover
{ 
  background-position: 0px -40px;
}

/* <a id="facebook" href="#" title="FaceBook"></a> */

#twitter
{
  float:left;
  display: block;
  width: 40px;
  height: 40px;
  background: url("../images/social_logos.gif") no-repeat 0 0;
  background-position: -40px 0px;
  margin-left:10px;/**/

}

#twitter:hover
{ 
  background-position: -40px -40px;
}

/* <a id="twitter" href="#" title="Twitter"></a> */




/* Consultation */

.consultation-box{
	display: block;
	background:url("../images/bg-consultation.gif") no-repeat;
	width:302px;
	height:63px;
	margin:40px 0px 0px 0px;
	padding:23px 29px 0 43px;
}

.consultation-box:hover{
	background-position: 0 -86px;
	width:302px;
	height:63px;
	margin:40px 0px 0px 0px;
	padding:23px 29px 0 43px;
}
.consultation-box a:hover{text-decoration:none;}
.consultation-box span{
	display:block;
	font:15px/17px Arial, Helvetica, sans-serif;
}
.consultation-box strong{
	display:block;
	font:bold 21px/22px 'Calibri', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}




/* big buttons */
a.button {
    background: transparent url('../images/big_button_a.gif') no-repeat scroll top right;
    /*color:#999999;*/
    display: block;
    /**/float: left;
    font: bold 14px arial, sans-serif;
    height: 40px; /* 24 px */
    margin-right: 10px; 
	margin-left:10px;
	margin-bottom: 5px;
	margin-top:10px;
    padding-right: 36px; /* sliding doors padding */
    text-decoration: none;
	/*width:160px;*/
	color:#323232;
}

a.button span {
    background: transparent url('../images/big_button_span.gif') no-repeat;
    display: block;
    line-height: 16px;
    padding: 12px 0 12px 22px;
}

a.button:link {
    /*color:#999999;*/
}

a.button:visited {
    /*color:#999999; */
}

/**/a.button:hover {
    color:#FFFFFF;
	background-position: bottom right;
	outline: none; /* hide dotted outline in Firefox */
	text-decoration:none;
}

a.button:hover span {
    background-position: bottom left;
    padding: 12px 0 12px 22px;
}

a.button:active {
    background-position: bottom right;
    color:#FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 12px 0 12px 22px;
}

#butContainerOne{
	padding:10px;
	background-color:#f1f1f1;
	margin-top:2px;
	margin-right:2px;
	min-height:50px;
	float:left;	
}

#butContainerOneHigh{
	padding:10px;
	background-color:#D7DEB7;
	margin-top:2px;
	margin-right:2px;
	min-height:50px;
	float:left;	
}

#butContainerTwo{
	padding:10px;
	background-color:#f1f1f1;
	margin-top:2px;
	margin-right:2px;
	min-height:50px;
	width:356px;
	float:left;	
}

#butContainerThree{
	padding:10px;
	background-color:#f1f1f1;
	margin-top:2px;
	margin-right:2px;
	min-height:50px;
	width:230px;
	float:left;	
}


/* e4 buttons */
a.e4-button {
    background: transparent url('../images/e4_button_a.gif') no-repeat scroll top right;
	color:#333333; /* color:#7F7F7F; - light grey */
    display: block;
    /**/float: left;
    font: bold 14px arial, sans-serif;
    height: 50px; /* 24 px */
    margin-right: 10px; 
	margin-left:10px;
	margin-bottom: 10px;
	margin-top:10px;
    padding-right: 36px; /* sliding doors padding */
    text-decoration: none;
	width:133px;/* be aware of the button title lengths with concern to wrapping */

}

a.e4-button span {
    background: transparent url('../images/e4_button_span.gif') no-repeat;
    display: block;
    line-height: 26px;
    padding: 10px 0 14px 22px;
}

a.e4-button:link {
    /*color:#999999;*/
}

a.e4-button:visited {
    /*color:#999999; */
}

/**/a.e4-button:hover {
    color:#FFF;
	background-position: bottom right;
	outline: none; /* hide dotted outline in Firefox */
	text-decoration:none;
}

a.e4-button:hover span {
    background-position: bottom left;
    padding: 10px 0 14px 22px;
}

a.e4-button:active {
    background-position: bottom right;
    color:#333333;
    outline: none; /* hide dotted outline in Firefox */
}

a.e4-button:active span {
    background-position: bottom left;
    padding: 10px 0 14px 22px;
}





hr{ 
	colour: #efefef;
	background-color:#efefef;
	height:2px;
	border:#efefef;
}

.small {
	font-size:75%;
	color:#0099FF;
}


/*BC EZ*/

html, body{
	margin:0;
	font:13px/15px 'Calibri', Arial, Helvetica, sans-serif;
	color:#323232;
	background-image:url('../images/bg-gradient.jpg');
	background-repeat:repeat-x;
	background-color:#E3E0D7;
	min-width:982px;
	

	height: 100%;
	
}
img {border:0;}
form, fieldset{
	margin:0 0 10px 0px;
	padding:0;
	border:0;
}
input,textarea,
select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align: middle;
	cursor:pointer;
	/*
	background-color:#F4F4F0;
	border:solid 1px #CCCCCC;*/
}
a{
	color:#55621d;
	text-decoration:underline;
}
a:hover{text-decoration:none;}
#wrapper{
	width:auto;
	margin:0 auto;
	
	background-image:url(../images/footer-bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;

min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
}

#wrapper_white{
	width:auto;
	margin:0 auto;
}

#header{
	width:800px;
	margin:0 auto 0px;
	/*overflow:hidden; needed to be off for nav*/
}
#header:after{
	display:block;
	clear:both;
	content:'';
}
.nav-holder{
	width:796px;
	margin:0 auto 20px;
}
.nav-holder:after{
	display:block;
	clear:both;
	content:'';
}

#nav{
	float:right;
	margin:0;
	padding:9px 4px 0 0;
	list-style:none;
	font:14px/15px 'Calibri', Arial, Helvetica, sans-serif;
}
#nav li{
	float:left;
	padding:0 0 10px 24px;
	position:relative;
	vertical-align:top;
	height:1%;
}
#nav li a{
	float:left;
	padding:0 0 10px;
}
#nav li.has-drop-down a{background:url(../images/bullet-nav.gif) no-repeat 50% 100%;}
#nav a:hover,
#nav li:hover a,
#nav li.hover a {text-decoration:none;}
#nav li:hover { position:relative;}
#nav li:hover ul {display: block;}
#nav li:hover ul ul{display: none;}
#nav li:hover ul li:hover ul {display: block;}
#nav ul {
	width:160px;
	position:absolute;
	left:-19px;
	top:34px;
	z-index:2;
	display:none;
	background:#ff8533;
	margin:0;
	padding:0;
	list-style:none;
}
#nav ul ul {
	left:160px;
	top:-1px;
}
#nav ul:after {
	content:"";
	clear:both;
	display:block;
}
#nav li ul li{
	float:none;
	display:block;
	padding:0;
	border:1px solid #fff;
}
#nav li ul a{
	height:1%;
	padding:4px 9px 9px;
	background:none !important;
	float:none;
	display:block;
}
#nav ul a:hover,
#nav ul li:hover a{
	background:#f60 !important;
	text-decoration:none;
}
#nav ul li.has-drop-down a:hover,
#nav ul li.has-drop-down:hover a{
	background:#f60 url(../images/bullet2-nav.gif) no-repeat 96% 50% !important;
}
#nav ul li.has-drop-down:hover ul a {background:none !important;}
#nav ul li.has-drop-down:hover ul a:hover{background:#f60 !important;}
.header-block{
	overflow:hidden;
	padding:0px;
	padding-top:30px;
	padding-bottom:15px;
}
.logo{
	background:url(../images/bg-logo.png) no-repeat;
	margin:20px 0px 0px 20px;
	float:left;
	overflow:hidden;
	width:260px;	
	height:80px;
	text-indent:-9999px;
}
.logo a{
	height:100%;
	display:block;
}

.search-box{
	width:200px;
}


.slogan{
	float:right;
	/*background:url(../images/bg-slogan.png) no-repeat 100% 0;*/
	background-position:right;
	font:italic 14px/18px 'AdobeGaramondProRegular', "Times New Roman", Times, serif;
	padding:15px 10px 20px 0px;
	margin:0px;
	word-spacing:5px;
}
* +html .slogan{padding:48px 20px 24px 0;}



.larger {font-size: larger}

	
	
	
#main{
	width:800px;
	margin:0 auto 0px;
	overflow:hidden;
}
.gallery{
	width:800px;
	position:relative;
	overflow:hidden;
	margin:0 0 38px;
}
.gallery-holder{
	height:300px;
	width:800px;
	position:relative;
	overflow:hidden;
}
.gallery-holder ul{
	margin:0;
	padding:0;
	list-style:none;
}
.gallery-holder ul li{
	position:absolute;
	left:0;
	top:0;
	height:300px;
	width:800px;
}
.gallery-holder ul li img{display:block;}
.gallery-holder ul li span{
	position:absolute;
	right:21px;
	top:-7px;
	color:#f60;
	font:65px/53px 'Calibri', Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
}
.gallery-holder ul li span{top:-2px}

/* Intro */
.main-holder{
	overflow:hidden;
	padding:0 0 0 0px;
	/*border-top: 1px solid #FF8434;*/
	background-color: #ffffff;
	
	background-image:url(../images/panel-bg.gif);
	background-position:right;
	background-repeat:repeat-y;
}

/* Main */

.main-holder-default{
	overflow:hidden;
	padding:0 0 0 0px;
	/*border-top: 1px solid #FF8434;*/
	background-color: #ffffff;
}

#mainHead{
	width:800px;
	margin-bottom:0px;
	background-color:#323232;
	border-bottom:#55650C solid 5px;
	
	height:10px;
}

#mainHeadCore{
	width:800px;
	background-image:url(../images/main-header-bg.jpg);
	height:40px;	
}

#mainHeadCore2{
	width:760px;
	background-image:url(../images/main-header-bg.jpg);
	height:40px;	
}

/* Photo Gallery BC */

.photogalleryItem{
	padding: 4px;
	margin:10px 5px 0px 5px;
	/*border:solid #EEEFE7 1px;*/
	float:left;
	background-color:#FFFFFF;
	/*height:130px;
	width:130px;*/
}


.photogalleryItem a{
	padding:2px;
}

.photogalleryItem a img{
	background-color:#EEEFE7; /* edrill light tan */
	padding:4px;
}

.photogalleryItem a:hover img{
	background-color:#AAB286; /* edrill green #55650C*/
}

/* Next Previous */

/*.photogalleryNavigation{
	background-color:#666666;
	padding:20px;
	border-left:solid 100px #FFFFFF;
	border-right:solid 100px #FFFFFF;
	margin:20px;
}
*/

.photogalleryNavigation a{
	padding:8px 30px 8px 30px;
	border:solid 20px #FFFFFF;
	margin:20px 90px 20px 90px;/**/
	
	background: transparent url('../images/bg_nav_button.gif') no-repeat;
    display: block; /**/
    line-height: 14px;
    padding: 5px 0 5px 18px;
	text-decoration:none;
	width:100px;
	
	float:left;

}

.photogalleryNavigation a:hover{
	background-position: 0px -24px;
	color:#E3E0D7;
}



.goBack a{
	padding:8px 30px 8px 30px;
	margin:10px 0px 40px 0px;/**/
	
	background: transparent url('../images/bg_nav_button.gif') no-repeat;
    display: block; /**/
    line-height: 14px;
    padding: 5px 0 5px 18px;
	text-decoration:none;
	width:100px;


}



.goBack a:hover{
	background-position: 0px -24px;
	color:#E3E0D7;
}


/* general buttons grey */

.literature-container{
	display:block;
	background-color:#f1f1f1;
	padding:8px;
	width:auto;
}


/* Applications Custom */

#appContainer {
	float:right;
	height:50px;
	margin-top:20px;
}


/* other */

.print{ 
	float:right;
	width:auto;
	
	/*background-color:#ff8434;*/
	padding:5px 0px 5px 10px;
}

.back{ 
	width:auto;
	/*background-color:#efefef;*/
	padding:5px 5px 5px 0px;
}

.whoLogin{ 
	float:right;
	width:auto;
	font-size:11px;
	color:#5B5B5B;
	
	/*background-color:#f1f1f1;*/
	padding:5px 0px 5px 10px;
	border-bottom:solid 2px #f1f1f1;
}



#content{
	float:left;
	/*width:520px;*/
	padding:10px 20px 30px 20px;
	line-height:1.4em;
	width:100%;
	min-height:300px;

}

#contentWidthIntro{
	width:520px;
}


#contentWidthMain{
	width:760px;
}


#content h3{
	margin-bottom:10px;/**/
	margin-top:25px;
	font-size:130%;
	color:#55621d;
}

#content p{
	margin:5px 0px 5px 0px;
}

/* NG custom 
#general{
	font:'Calibri',Arial,Helvetica,sans-serif;
	margin:10px;
	font-size:16px;
	line-height:1.1em;	
}

#general h3{
	margin-bottom:0px;
}

#general h4{
	margin:3px 0px 3px 0px;
}*/

.questions-box{font:italic 17px/19px 'Calibri',Arial,Helvetica,sans-serif; margin: 10px;}
.questions-box p{margin:0 0 21px;}
.questions-box p.large{
	font:italic 20px/19px 'Calibri', Arial, Helvetica, sans-serif;
	margin:29px 0 39px;
}
.questions-box p.large strong{
	font:italic bold 27px/29px 'Calibri', Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
}

#sidebar{
	float:right;
	width:200px;
	height:100%;
	margin-bottom:0px;
	padding:20px;
	background-color:#323232;
}
.search-form{
	border-bottom:1px solid #fff;
	padding:0 0 11px;
	margin:0 0 12px;
}
.search-form .text{
	border:none;
	background:#fff;
	width:190px;
	outline:none;
	padding:4px 5px;
	margin:0;
}
.search-form .submit{
	width:65px;
	height:22px;
	margin:7px 0 0 auto;
	cursor:pointer;
	display:block;
}

#sidebar h2{
	margin:0 0 6px 0;
	font:12px 'Calibri', Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#AAB286; /* Light Edrill Green */
}

#sidebar h2 a{
	color:#AAB286; /* Light Edrill Green */
	text-decoration:none;
}

#sidebar h2 a:hover{
	color:#FFF; /* Light Edrill Green */
	text-decoration:none;
}


.sidebar-box{
	overflow:hidden;
	background:url(../images/bg-shadow.png) repeat;
	padding:10px 11px 13px;
	margin:0 0 10px;
}


/* NG Custom */
.announcement-list a{
	background:url(../images/bg-shadow.png) repeat;
    /*border: 1px solid #FF6600;*/
    display: block;
    margin-bottom: 10px;
    padding: 8px;
	

	text-decoration:none;
}
.announcement-list a:hover {
    background: #55650C;/**/
    /*border: 1px solid #ffffff;*/
    display: block;
    margin-bottom: 10px;
    padding: 8px;
	
	text-decoration:none;
}

.announcement-list p {
	font:12px 'Calibri', Arial, Helvetica, sans-serif;
	margin-top:4px;
	margin-bottom: 4px;
	color:#FFFFFF;
}




.title-holder{
	overflow:hidden;
}
.title-holder strong{
	float:left;
	font:bold 12px/15px 'Calibri', Arial, Helvetica, sans-serif;
}
.title-holder .date{
	float:left;
	font:10px/13px 'Calibri', Arial, Helvetica, sans-serif;
	margin:2px 0 0 4px;
}
.sidebar-box p{margin:0;}
.boxes-holder{
	border-bottom:1px solid #fff;
	padding:0 0 7px;
	margin:0 0 12px;
}
.newsletter-form{
	overflow:hidden;
	background:url(../images/bg-shadow.png) repeat;
	padding:5px 5px 5px 5px;
	font:14px/15px 'Calibri', Arial, Helvetica, sans-serif;
	margin:0 0 20px;
}
.newsletter-form label{
	display:block;
	margin:0 0 5px;
}
.newsletter-form .text{
	border:none;
	outline:none;
	width:150px;
	padding:3px 5px;
	margin:0 0 8px;
	background:#fff;
}
.captcha{
	background:url(../images/bg-captcha.gif) no-repeat;
	width:160px;
	height:33px;
	font:bold 25px/26px 'Calibri', Arial,Helvetica,sans-serif;
	display:block;
	text-align:center;
	margin:16px 0 4px;
	letter-spacing:3px;
	padding:7px 0 0;
}
.coaching{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/bg-coaching.gif) no-repeat;
	width:199px;
	height:59px;
}
#footer{
	width:800px;
	margin:0 auto;
	overflow:hidden;
	background-color:#323232;
	padding:0;
	border-top:#55650C solid 10px;
	
	border-left:#444444 solid 1px;
	border-bottom:#444444 solid 1px;
	border-right:#444444 solid 1px;
	
}

.footer-logo{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/bg-footer-logo.png) no-repeat;
	width:221px;
	height:21px;
	margin:0 0 0 31px;
}

#footer ul{
	margin:18px 16px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	float:right;
}
#footer ul li{
	float:left;
	/*background:url(../images/separator.gif) no-repeat 0 2px;*/
	margin:0 1px 0 -1px;
	padding:0 5px;
	color:#FFFFFF;
}

#footer ul li a{
	color:#AAB286;
	text-decoration:none;
}

#footer ul li a:hover{
	color:#ffffff;
}

.footHighLeft {
	height:50px;
	width:10px;
	background-image:url(/images/foot-high.png);
	float:left;
	clear:left;
}

.footHighRight {
	height:50px;
	width:10px;
	background-image:url(/images/foot-high.png);
	float:right;
	clear:right;
}

.footer, .push {
	height: 142px; /* .push must be the same height as .footer */
}

/*

@font-face {
    font-family: 'AdobeGaramondProRegular';
    src: url('../fonts/adobe_garamond_pro-webfont.eot');
    src: url('../fonts/adobe_garamond_pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/adobe_garamond_pro-webfont.woff') format('woff'),
         url('../fonts/adobe_garamond_pro-webfont.ttf') format('truetype'),
         url('../fonts/adobe_garamond_pro-webfont.svg#AdobeGaramondProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibri.eot');
    src: url('../fonts/calibri.eot?#iefix') format('embedded-opentype'),
         url('../fonts/calibri.woff') format('woff'),
         url('../fonts/calibri.ttf') format('truetype'),
         url('../fonts/calibri.svg#calibri') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibribold.eot');
    src: url('../fonts/calibribold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/calibribold.woff') format('woff'),
         url('../fonts/calibribold.ttf') format('truetype'),
         url('../fonts/calibribold.svg#calibribold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'CalibriItalic';
    src: url('../fonts/calibri_italic-webfont.eot');
    src: url('../fonts/calibri_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/calibri_italic-webfont.woff') format('woff'),
         url('../fonts/calibri_italic-webfont.ttf') format('truetype'),
         url('../fonts/calibri_italic-webfont.svg#CalibriItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/