/*-------------------------------------
------------yui reset css -------------
-------------------------------------*/



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { border:0; }

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul { list-style:none; }

caption,th { text-align:left; }

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

strong { font-weight: bold; }

em { font-weight: italic; }

a img { border: none; } /* gets rid of IE's blue border */

a { text-decoration: none; }

abbr,acronym { border:0; }

body { font-size: 1em;  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} /* prevents an IE bug when em's scale of proportion */
h1, h2, h3, h4, h5, h6{font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
 
 /* for modern browsers */
 .cf:before,
 .cf:after {
	content: '';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

 .cf:after { clear both; }

 /* for IE 6/7 {trigger layout} */
 .cf {
  clear: both;
}
	

/*--------  predefined styles goes here   --------*/	
/*--------  h1 / h2 / h3 / h4 / h5 / h6 / p   --------*/	
h1 {
	/*font-family: "Open Sans";*/
	font-size: 1.5em;			/*--------  24 / 16   --------*/	
}

h2 {
	/*font-family: 'Open Sans';*/
	font-size: 1.375em;			/*--------  22 / 16   --------*/	
}

h3 {
	 /*font-family: 'Open Sans';*/
	 font-size: 1.25em;		/*--------  20 / 16   --------*/	
}

h4 {
	/*font-family: 'Open Sans';*/
	font-size: 1.125em;			/*--------  18 / 16   --------*/	
}

h5{
	 /*font-family: 'Open Sans';*/
	 font-size: 1.0625em;		/*--------  17 / 16   --------*/	
}

h6 {
	/*font-family: 'Open Sans';*/
	font-size: 0.9375em;			/*--------  15 / 16   --------*/	
}


/*--------  misc  --------*/	
.fl {
	float: left;
}

.fr {
	float: right;
}


/*--------  body   --------*/	
body {
	background: #fff;
	font-family: "adobe-clean", sans-serif;	
	font-size: 0.875em;					/*--------  14 / 16   --------*/	
	width: 100%;
	color: #858383;
}


/*--------  wrapper   --------*/	
.wrapper {
	width: 75%;  /*--------  960 / 1280   --------*/	
	margin: 0 auto;
}



/*--------  header   --------*/	
header {
	width: 100%;
	border-top: 12px solid #345225;
	background: #9dd28a url('../img/headerbg.png') repeat-x left center;
	padding-top: 10px;
	float: left;
	padding-bottom: 20px;
	margin-bottom: 0.3em;
}

a.do-you{text-decoration:none;color:#516A44;font-size:14px;clear:both;margin-bottom:10px;display: block;text-align: center;font-weight: bold;}




div.side1{
	margin-right: 500px;
}

div.social-media  {
	margin: 0.188em 0 0 0;  
}

div.social-media span.follow {
	margin-top: 0.350em;
	margin-left: 1.813em;
	color: #000;
}

h1 {
	width: 33.33333333333333%;	/*--------  320 / 960   --------*/	
}

h1 img {
	width: 80%;   /*--------  301 / 320   --------*/	
}


/*--------  nav   --------*/	

nav  {
	margin-top: 3.125em;		/*--------   50 / 16  --------*/	
	width: 64.58333333333333%;		/*--------   620 / 960  --------*/	
	padding-bottom: 20px;
}


nav ul {
	list-style-type: none;
	margin-left: 0.25em;		/*--------   20 / 16  --------*/	
}

nav ul li {
	float: left;
	margin-left: 0.45em;		/*--------   8 / 16  --------*/	
	margin-right: 0.45em;			/*--------    14 / 16 --------*/	
}

nav ul li a {
	display: block;
	color: #345225;
	padding: 0 0.313em;			/*--------   5 / 16  --------*/ 
	font-family: "adobe-clean", sans-serif;
	font-weight: bold;
	font-size: 0.938em;
}

nav ul li a:hover {
	text-decoration: underline;
}



.banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 50px;
	}
		.banner .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;
			
			text-indent: -999em;
			
			border: 2px solid #fff;
			border-radius: 6px;
			
			cursor: pointer;
			opacity: .4;
			
			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #fff;
				opacity: 1;
		}


div.banner {
	width: 75%;
	position: relative;
	margin: 2px auto 0 auto;
	/*overflow: auto;*/
	height: 22.5em;		/*--------   412 / 16  --------*/	
	box-shadow: 0px 2px 3px #000;
	background-color: #000;
}

div.banner ul li {
	float: left;
}

div.banner img {
	width: 100%;
	height: 22.75em;		/*--------   412 / 16  --------*/	

}

div.banner h1 {
	position: absolute;
	top: 9.000em;			/*--------   144 / 16  --------*/	
	right: 2.313em;			/*--------   37 / 16  --------*/	
	color: #fff;
	font-size: 1.125em;		/*--------  18 / 16   --------*/	
	font-weight: bold;
	text-align: right;
}

div.banner h1 span.bigText {
	font-size: 1.500em;		/*--------   24 / 16  --------*/	
}

div.banner p.lead1 {
	width: 20.000em;			/*--------  320 / 16   --------*/	
	position: absolute;
	top: 13.9em;					/*--------   200 / 16  --------*/	
	right: 2.250em;					/*--------   36 / 16  --------*/	
	color: #fcb415;
	font-weight: bold;
	border-bottom: 2px solid #ccc;
	text-align: right;
	padding-bottom: 0.438em;			/*--------    7 / 16 --------*/	
}

div.banner p.lead2 {
	position: absolute;
	top: 15.9em;					/*--------   233 / 16  --------*/				
	right: 5.438em;					/*--------   87 / 16  --------*/	
	color: #fff;
	font-weight: bold;
}

div.banner img.icon {
	position: absolute;
	top: 15.7em;						/*--------  228 / 16   --------*/	
	right: 3em;
	width: 1.625em;						/*--------  26 / 16   --------*/	
	height: 1.625em;						/*--------   26 / 16  --------*/	
}


div.banner1 {
	width: 75%;
	position: relative;
	margin: 2px auto 0 auto;
	height: 20.875em;		/*--------   334 / 16  --------*/	
	box-shadow: 0px 2px 3px #000;
	background-color: #000;
}

div.banner1 img {
	width: 100%;
	height: 20.875em;		/*--------   334 / 16  --------*/	
}

/*--------  search bar   --------*/	

div.search-bar {
	width: 75%;
	/*background-color: rgba(0,0,0,0.4);*/
	position: relative;
	z-index: 3000;
	margin-top: -2.3em;
	height: 2.500em;
	position: relative;
	display: none;
}

div.search-bar form {
	position: absolute;
	top: 0.375em;			/*--------   6 / 16   --------*/	
	right: 0.500em;			/*--------  8 / 16   --------*/ 
}

div.search-bar form input[type='text'] {
	border: 0;
	outline: 0;
	height: 1.6em;		/*--------  20 / 16   --------*/	
	border-radius: 3px;		
	padding-left: 0.125em;		/*--------  2 / 16   --------*/	
}


.websoft-logo {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 3000;
}


/*--------  button   --------*/	
.content {
	margin-top: 3.5em;				/*--------  40 / 16   --------*/	
	margin-left: 3.875em;				/*--------  30 / 16   --------*/	
	margin-bottom: 1.875em;			/*--------  30 / 16   --------*/	
}			

.content .border-bottom-item {
	margin-bottom: 1.250em;			/*--------  20 / 16   --------*/	
	padding-bottom: 1.250em;			/*--------   20 / 16  --------*/	
	border-bottom: 1px solid #eeeeee;
}

.content a span.button {
	width: 20em;		/*--------   300 / 16  --------*/	
	height: 8.4em;		/*--------  180 / 16   --------*/	
	float: left;
	margin: 0 0.625em 1.250em 0.625em;					/*--------   10 / 16   20 / 16   10 / 16  --------*/	
	border-radius: 0.313em;							/*--------  5 / 16   --------*/	
	box-shadow: 0 0 2px #000;
}

.content a span.button h3 {
	color: #fff;
	font-weight: normal;
	font-size: 1.563em;							/*--------  25 / 16   --------*/	
	line-height: 5.5em;							/*--------  120 / 16   --------*/	
	margin-left: 2.813em;							/*--------   45 / 16  --------*/	
	text-shadow: 0px 0px 1px rgba(0 ,0, 0, 0.3);
	letter-spacing: 0.125em;						/*--------   2 / 16  --------*/	
	font-family: "open sans", sans-serif;
}

.content a span.button h3 span.bigText {
	font-weight: bold;
	font-family: "open sans", sans-serif;
}

.content a span.button h3 img {
	margin-left: 0.500em;			/*--------   8 / 16  --------*/	
	width: 0.938em;				/*--------  15 / 16   --------*/	
	height: 1.125em;				/*--------   18 / 16  --------*/	
}

.content a span.a {
	background: #006bab url('../img/btn-bg/a.png') no-repeat left 68px;
	background-size: contain;
	-moz-transition: background-color 3s ease;
	-webkit-transition: background-color 3s ease;
	-o-transition: background-color 3s ease;
	transition: background-color 3s ease;
}

.content a:hover span.a {
	background-color: rgba(0, 107, 171, 0.6);
}

.content a span.b {
	background: #f37221 url('../img/btn-bg/b.png') no-repeat left 76px;
	background-size: contain;
	-moz-transition: background-color 3s ease;
	-webkit-transition: background-color 3s ease;
	-o-transition: background-color 3s ease;
	transition: background-color 3s ease;
}

.content a:hover span.b {
	background-color: rgba(243, 114, 33, 0.8);
}

.content a span.b h3 {
	margin-left: 2.313em;			/*--------   53 / 16  --------*/	
}

.content a span.c {
	background: #009fd2 url('../img/btn-bg/c.png') no-repeat left 74px;
	background-size: contain;
	-moz-transition: background-color 3s ease;
	-webkit-transition: background-color 3s ease;
	-o-transition: background-color 3s ease;
	transition: background-color 3s ease;
}

.content a:hover span.c {
	background-color: rgba(0, 159, 210, 0.6);
}

.content a span.c h3 {
	margin-left: 3.313em;			/*--------   53 / 16  --------*/	
}

.content a span.d {
	background: #345225 url('../img/btn-bg/d.png') no-repeat left 67px;
	background-size: contain;
	-moz-transition: background-color 3s ease;
	-webkit-transition: background-color 3s ease;
	-o-transition: background-color 3s ease;
	transition: background-color 3s ease;
}


.content a:hover span.d {
	background-color: rgba(52, 82, 37, 0.8);
}

.content a span.d h3 {
	margin-left: 3.750em;			/*--------   60 / 16  --------*/	
}

.content a span.e {
	background: #fcb415 url('../img/btn-bg/e.png') no-repeat left 67px;
	background-size: contain;
	-moz-transition: background-color 3s ease;
	-webkit-transition: background-color 3s ease;
	-o-transition: background-color 3s ease;
	transition: background-color 3s ease;
}

.content a:hover span.e {
	background-color: rgba(252, 180, 21, 0.8);
}


.content a span.e h3 {
	margin-left: 3.875em;				/*--------   78 / 16  --------*/	
}
.content a span.f {
	background: #5bba47 url('../img/btn-bg/f.png') no-repeat left 67px;
	background-size: contain;
	-moz-transition: background-color 3s ease;
	-webkit-transition: background-color 3s ease;
	-o-transition: background-color 3s ease;
	transition: background-color 3s ease;
}

.content a:hover span.f {
	background-color: rgba(91, 186, 71, 0.7);
}



.content a span.f h3 {
	margin-left: 4em;				/*--------   80 / 16  --------*/	
}

.content a span.f p {
	color: #fff;
	margin-top: -4.0em;			/*--------   40 / 16  --------*/	
	text-align: center;
	font-weight: bold;
	font-size: 0.750em;		/*--------  12 /16   --------*/	
}


.content a span.g {
	background: #7C7C7C url('../img/btn-bg/g.png') no-repeat left 67px;
	background-size: contain;
	-moz-transition: background-color 3s ease;
	-webkit-transition: background-color 3s ease;
	-o-transition: background-color 3s ease;
	transition: background-color 3s ease;
}


.content a span.g h3 {
	margin-left: 1em;				/*--------   80 / 16  --------*/	
	text-align: center;
	line-height: 22px;
	margin-top:13px;
}

.content a span.g h3 span.bigText {
	display: block;
}

.content a span.h {
	background: #272B26 url('../img/btn-bg/h.png') no-repeat left 67px;
	background-size: contain;
	-moz-transition: background-color 3s ease;
	-webkit-transition: background-color 3s ease;
	-o-transition: background-color 3s ease;
	transition: background-color 3s ease;
}

.content a span.h h3 {
	margin-left: 1em;				/*--------   80 / 16  --------*/	
	text-align: center;
	line-height: 22px;
	margin-top:20px;
}

.content a span.h h3 span.bigText {
	display: block;
}


.content a span.i {
	background: #7C7C7C url('../img/btn-bg/i.png') no-repeat left 67px;
	background-size: contain;
	-moz-transition: background-color 3s ease;
	-webkit-transition: background-color 3s ease;
	-o-transition: background-color 3s ease;
	transition: background-color 3s ease;
}


.social-icons{text-align: center;margin-bottom: 35px;margin-top:30px;float:left;width:100%;}
.social-icons h5 {color:#345225;font-weight: bold;}
.social-icons a{color:#345225;margin-right:5px;}
/*--------   content 8  --------*/	
div.content8 {
	width: 58%;
}


.content9 {
	width: 78%;	
	display: block;
	margin-top: -0.01em;
}

.content-inner {
	display: block;
	width: 100%;
}


div.content8 h4 {
	text-align: center;
	font-weight: bold;
	color: #4a643d;
	font-size: 1.125em; 	/*--------   18 / 16  --------*/	
	margin-bottom: 0.250em;		/*--------  4 / 16   --------*/	
}

div.content9 h4 {
	text-align: left;
	font-weight: normal;
	color: #4a643d;
	font-size: 1.98em; 	/*--------   18 / 16  --------*/	
	margin-bottom: 0.250em;		/*--------  4 / 16   --------*/	
	display: block;
}

div.content9 h5 {
	text-align: left;
	font-weight: bold;
	color: #4a643d;
	font-size: 1.4em; 	/*--------   18 / 16  --------*/	
	margin-bottom: 0.1em;		/*--------  4 / 16   --------*/	
}

div.content9 h6{
	text-align: left;
	font-weight: bold;
	color: #4a643d;
	font-size: 1.4em; 	/*--------   18 / 16  --------*/	
	margin-bottom: 0.3em;		/*--------  4 / 16   --------*/	
}

div.content9 h6 a{
	text-align: left;
	font-weight: bold;
	color: #4a643d;
	font-size: 0.9em; 	/*--------   18 / 16  --------*/	
	margin-bottom: 0.3em;		/*--------  4 / 16   --------*/	
	margin-top: 0.4em;
}


div.content9 h6 a.news-title{
	text-align: left;
	font-weight: bold;
	color: #4a643d;
	font-size: 0.9em; 	/*--------   18 / 16  --------*/	
	margin-bottom: 0.3em;		/*--------  4 / 16   --------*/	
	margin-top: 0.6em;
}

p.news-article {
	padding-left: 0.8em;
	margin-top: 0.6em;
}

div.content9 hr {
	border-width: 1px;
	border-style: solid;
	border-color: #bababa;
}

div.content9 p {
	text-align: justify;
	line-height: 1.3em;
	font-size: 1.12em;		
	margin-bottom: 1em;
}


div.content9 ul {
	margin-left: 2em;
}


div.content9 div.faq-ans p {
	/*--------  display: none;   --------*/	
}


hr.special_heading1 {
	
	width: 20em;
	margin-left: 0em;
	border-width: 1px;
	border-style: solid;
	border-color: #fafafa;
}


/*--------  img functions   --------*/	

.diagram {
	width: 60%;
	padding: 0.3em;
	margin-top: 0.5em;
}

.diagram-rounded {
	border-radius: 0.8em;
}

.diagram-polaroid {
	box-shadow: 0px 0px 2px #ccc;
}


.img {
		float: left;
		margin-top: 1px;
		margin-right: 9px;
	}


	.img-rounded {
	  -webkit-border-radius: 6px;
		 -moz-border-radius: 6px;
			  border-radius: 6px;
	}
	
	.img-polaroid {
	  padding: 4px;
	  background-color: #fff;
	  border: 1px solid #333;
	  border: 1px solid rgba(0, 0, 0, 0.2);
	  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
		 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
			  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	}


.push-right {
	margin-left: 8.8em;
}


div.content9 ul li {
	text-align: justify;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding-left: 1.2em;
	background: url('../img/bullet.png') no-repeat -6px -4px;
}


/*error messages start*/
div.content div.content9 div.processor{margin-top: 50px;border:1px solid #ccc;padding:8px 20px;width:56%;}
div.content div.content9 div.success{margin-top: 50px;margin-bottom:50px;background-color: green;padding:8px 20px;width:56%;}
div.content div.content9 div.error{margin-top: 50px;margin-bottom:50px;background-color: red;padding:8px 20px;width:56%;}
div.content div.content9 div.processor img{vertical-align: middle;}
div.content div.content9 div.success p{color:#fff;}
div.content div.content9 div.success p i {margin-right: 5px;}
div.content div.content9 div.error p{color:#fff;}
div.content div.content9 div.error p i {margin-right: 5px;}
div.content div.content9 div.error ul li { color:#fff;margin-left:26px;margin-bottom:0px;font-size: 12px;list-style-type: circle;}

/*error messages end*/


div.content ul li > ul {
	margin-top: 0.9em;
	margin-left: 0.4em;
}


div.content ul li ul li {
	background: none;
	font-size: 1em;
}


div.content ul li ul li:before {
	content: "[+]  ";
}


div.content p {
	text-align: justify;
	line-height: 1.3em;
	font-size: 1.12em;		
}


div.content9 ul {
	margin-left: 2em;
}

div.content9 ul li {
	text-align: justify;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding-left: 1.2em;
	background: url('../img/bullet.png') no-repeat -6px -4px;
}

div.content9 ul.drop-bullets {
	margin-left: 1.5em;
}

div.content9 ul.drop-bullets li {
	text-align: justify;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding-left: 0.5em;	
	background: none;
}

div.content9 ul.drop-bullets li a {
	color: #4A643D;
	font-weight: bold;
}

div.content9 ul.drop-bullets li a span {
	color: #382C2A;
	font-weight: normal;
	margin-top: 4px;
	display: block;
}


div.content9 div.photo {
	margin-left: -1.5em;
	margin-top: 1.3em;
}

div.content9 ul.photo-gallery-item li a img{
	width: 23%;
	margin-right: 1em;
	margin-bottom: 1em;
}


div.partner-item {
	width: 17em;
	margin-right: 1em;
	margin-bottom: 1.5em;
}

div.partner-item img {
	width: 50%;
	display: block;
}

div.partner-item a {
	margin-left: 2em;
	font-size: 1em;
	color: #9a9999;
}



/*--------  form elements   --------*/	
.form {
	width: 90%;
	margin-bottom: 2em;
}

.form fieldset{
	border: 1px solid rgba(0,0,0,0.2);
	padding-top: 0.6em;
	padding-left: 0.8em;
}

.form legend {
	margin-left: 3em;
	font-size: 0.8em;
}

.form p {
	margin-left: 3em;
}

.form p.form-para {
	font-size: 0.9em;
	margin-left: 4em;
}

.form p label {
	font-size: 0.9em;
	display: block;
}

.form p input.text-field {
	width: 20em;
	height: 2em;
	padding-left: 0.2em;
}

.form span.push-small {
	margin-right: 20px;
	margin-bottom: 3px;
}
.form span.push-small-2 {
	margin-right: 35px;
}


.form p input#share-ghanaian, .form p input#share-foreign {
	width: 170px;
}

.form p textarea.text-area {
	width: 35em;
	height: 15em;
}

.form p input.input-submit {
	background-color: #345225;
	border: 0;
	padding: 0.3em 0.2em;
	border-radius: 3px;
	box-shadow: 0px 0px 1px #000;
	cursor: pointer;
	color: #fff;
}

.form p label.error {
	background-color: rgb(187, 30, 62);
	color: #fff;
	margin-top: 0.7em;
	width: 55%;
	height: 2em;
	line-height: 2em;
	border-radius: 6px;
	padding-left: 1em;
	position: relative;
}

.form p label.error:before {
	content: "";
	height: 0;
	width: 0;
	border-bottom: 10px solid #b71a3f;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	border-top: 10px solid transparent;
	top: -20px;
	left: 9px;
}

span.demo-input-info {
    color: #828282;
    display: block;
    font-size: 0.7em;
    font-style: italic;
    margin-bottom: 0.2em;
    margin-left: 0.3em;
}


span.demo-errors {
    color: #B30000;
    display: block;
    font-size: 0.7em;
    /*font-weight: bold;*/
    margin-left: 0.3em;
}


::-webkit-input-placeholder{ color: #333;  font-size: 0.7142857142857143em}  /*--------  10 / 14   --------*/	
::-moz-placeholder{ color: #333;  font-size: 0.7142857142857143em}  /*--------  10 / 14   --------*/	
::-ms-placeholder{ color: #333;  font-size: 0.7142857142857143em}  /*--------  10 / 14   --------*/	
::placeholder{ color: #333;  font-size: 0.7142857142857143em}  /*--------  10 / 14   --------*/	


/*-------- alerts   --------*/	
div.notify-success, div.notify-warning {
	margin-left: 2em;
	margin-top: 2em;
	padding: 0.5em 0;

}

div.notify-warning {
	background-color: rgba(187, 30, 62, 0.4);
	border-radius: 6px;
	width: 70%;
	padding-left: 2em;
	height: 3em;
	box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
	margin-bottom: 0.3em;
}

div.notify-success {
	background-color: rgba(90, 142, 0, 0.4);
	border-radius: 6px;
	width: 70%;
	padding-left: 2em;
	height: 3em;
	box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
	margin-bottom: 0.3em;
}

div.notify-warning p.warning{
	background: transparent url('../img/errorIcon.png') no-repeat 0 0;
	padding-left: 2em;
	margin: 0.3em 0;
	height: 2em;
	padding-top: 0.2em;
	color: #fff;
}

div.notify-success p.success{
	background: transparent url('../img/successIcon.png') no-repeat 0 0;
	padding-left: 2em;
	margin: 0.3em 0;
	height: 2em;
	padding-top: 0.2em;
	color: #fff;
}

/*--------  pagination element   --------*/
div.pagination p{
	margin-top: 3em;
	text-align: center;
	width: 80%;
}	

p.faq-button a{
	margin-top: 1em;
}


div.pagination p span.previous a, div.pagination p span.next a, a.post-faq{
	background-color: #345225;
	color: #fff;
	padding: 0.3em 1em;
}


a.post-faq{
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px;
}


.address{
	margin-right: 3em;
	width: 55em;
}

.address h5 {
	font-size: 1em;
}

.telephone {
	margin-right: 10em;
	width: 24em;
	margin-top: -16em;
}

.telephone a.do-you23{
	color:#858383;
}




h6.news-title {
	font-size: 1em;
	font-family: "Open Sans", sans-serif;
	margin-top: 0.7em;
	font-weight: normal;
}

p.news-body {
	font-size: 0.9em;
	width: 100%;
}



/*--------   second table  --------*/
/* table styles */


table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table th {
  font-weight: bold;
}

.table thead th {
  vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

.table td {
	font-size: 11px;
}

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-striped tbody > tr:nth-child(odd) > td a,
.table-striped tbody > tr:nth-child(even) > td a {
	color: #4A643D;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: rgba(190,229,251,0.4);
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}

.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}

.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}

.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}

.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}

.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}

.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}

.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}

.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}

.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}

.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}

.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}

.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

.table tbody tr.success > td {
  background-color: #dff0d8;
}

.table tbody tr.error > td {
  background-color: #f2dede;
}

.table tbody tr.warning > td {
  background-color: #fcf8e3;
}

.table tbody tr.info > td {
  background-color: #d9edf7;
}

.table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6;
}

.table-hover tbody tr.error:hover > td {
  background-color: #ebcccc;
}

.table-hover tbody tr.warning:hover > td {
  background-color: #faf2cc;
}

.table-hover tbody tr.info:hover > td {
  background-color: #c4e3f3;
}



/*--------   advert 4  --------*/	
div.advert4 {
	width: 40%;	
	margin-left: 0.125em;			/*--------  2px   --------*/	
}

div.nav1{
	width: 18%;	
	margin-left: -1.05em;			/*--------  2px   --------*/	
	margin-top: 0.5em;
	display: block;

}

div.nav1 h3.up-events{margin-top: 50px; color:#345225;}
div.nav1 div.w-slide{background-color:#345225;height:300px;position: relative;}
div.nav1 div.w-slide div.w-slide-header{height:115px;border-bottom: 3px solid #A6DA90;}
div.nav1 div.w-slide div.w-slide-header img{width:100%;}
div.nav1 div.w-slide div.w-slide-body{padding-top: 10px;height:173px;position: relative;}
div.nav1 div.w-slide div.w-slide-body div.w-single {height:173px;position: relative;}
div.nav1 div.w-slide div.w-slide-body div.w-single h3{ text-align: center;font-size: 20px;padding-left: 20px;padding-right: 20px;font-weight:700;color:#fff;}
div.nav1 div.w-slide div.w-slide-body div.w-single p{position: absolute;bottom: 25px; left: 33px;color:#E6C704;}

div.nav1 div.w-slide a.nav-left {background: url("../img/left_rnd.png") no-repeat scroll left top rgba(0, 0, 0, 0);color: rgba(0, 0, 0, 0);display: block;font: 0px/0 a;height: 18px;left: 7px;margin-top: 5px;position: absolute;text-shadow: none;top: 260px;width: 18px;z-index: 200;}
div.nav1 div.w-slide a.nav-right {background: url("../img/right_rnd.png") no-repeat scroll left top rgba(0, 0, 0, 0);color: rgba(0, 0, 0, 0);display: block;font: 0px/0 a;height: 21px;right:7px;margin-top: 5px;position: absolute;text-shadow: none;top: 260px;width: 21px;z-index: 200;}

div.nav1 h3 {
	color: #4a643d;
	font-size: 1.5em;
	margin-bottom: 0.5em;
	display: block;
}

div.nav1 a {
	color: #4C5C46;
	font-size: 0.8em;
	display: block;
	margin-bottom: 1.3em;
}

ul.subnavigation {
	margin-top: 1.2em;
}

ul.subnavigation li a{
	margin-top: -0.5em;
	text-indent: 0em;
}

ul.subnavigation li a:hover {
	color: #345225;
}




div.advert4 img {
	width: 90%;
	border-radius: 5px;			/*--------  5 / 16   --------*/	
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
}


/*begin table*/
 table.p-table2 {
  display: block;
  border-collapse: separate;
  border-spacing: 0;
  width: 82%;
  margin-left: 0em;
  margin-bottom: 1em;
  margin-right: 23px;
  -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-collapse: separate;
    border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD ;
    border-image: none;
    border-radius: 4px;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
}

table.p-table2 th {
    background-color: rgba(192, 252, 225, 0.2);
    color: #000;
    font-family: 'helvetica',sans-serif;
    padding: 0.4em;
    font-weight: normal;
    font-size: 0.875em;
}


table.p-table2 th.p-table-col-1 {
    margin-right: 0.7em;
    width: 2px;
    padding-left: 1.8em;
    text-align: left; 

}

table.p-table2 th.p-table-col-2 {
    margin-right: 0.5em;
    width: 250px;
    text-align: left;    
    
}

table.p-table2 tbody tr {
  text-align: left;
  background-color: rgba(242, 242, 242, 0.2);
}

table.p-table2 tbody tr:hover {
 background-color: rgba(242, 242, 242, 0.8); 
}

table.p-table2 tbody tr.p-odd:hover {
 background-color: rgba(242, 242, 242, 0.8); 
}

table.p-table2 tbody tr td {
   padding: 4px 5px;
   border-top: 1px solid #DDDDDD;
}

table.p-table2 tbody tr td.p-table-row-1 {
  border-right: 1px solid #DDDDDD;
}

table.p-table2 tbody tr td.p-table-row-2 {
	border-right: 1px solid #DDDDDD;
	width: 300px;
}

table.p-table2 tbody tr td.p-table-row-2 a{
	color: #4A643D;
}

table.p-table2 tbody tr.p-odd {
  background-color: #fff;
}

table.p-table2 tbody tr td.p-table-row-1 i{
  margin-left: 5px;
  margin-right: 2px;
  color: #03A258;
}



/*end table*/

/*portal form start*/

div.content9 div.portalLogin{
	margin-left: 175px;
	margin-top: 30px;
	width: 350px;
	height: 330px;
	margin-bottom: 20px;
}

div.content9 a.login_portal{
	float:right;
	background-color: #345225;
	color: #fff;
	padding: 10px 15px;
	margin-top: -44px;
}

div.content9 div.portalLogin div.portalHeader {
	height: 50px;
	background-color: #111112;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

div.content9 div.portalLogin div.portalHeader h6 {
	line-height: 50px;
	color:#fff;
	text-align: center;
	font-weight: normal;
}

div.content9 div.portalLogin div.portalBody {
	height: 280px;
	background-color: #474747;
}

div.content9 div.portalLogin div.portalBody form{height: 225px; width:330px;padding:40px 10px 10px 10px;}
div.content9 div.portalLogin div.portalBody form div.portalFormElement { height: 40px;margin-bottom:20px;position:relative;background-color: #F7F7F7;height: 35px;border-radius:3px;}
div.content9 div.portalLogin div.portalBody form div.portalFormElement input[type="text"], div.content9 div.portalLogin div.portalBody form div.portalFormElement input[type="password"] { background-color: transparent; height: 32px;border-bottom: none;width: 85%;padding: 2px 5px;font-size:20px;color: #ccc;; border: none;}
div.content9 div.portalLogin div.portalBody form div.portalFormElement i.name, div.content9 div.portalLogin div.portalBody form div.portalFormElement i.password {position: absolute; right: 15px; top: 12px;color:#767676;font-size:15px;}
div.content9 div.portalLogin div.portalBody form div.memberStyles p { text-align: center;color:#fff;font-size:14px;}
div.content9 div.portalLogin div.portalBody form div.memberStyles p a{color:#fff;font-weight: bold;text-decoration: underline;}
div.content9 div.portalLogin div.portalBody form input[type="submit"] { margin-top: 20px;width:100%;height:65px;font-size: 15px;font-weight: bold;
background: #9dd28a; /* Old browsers */
background: -moz-linear-gradient(top, #9dd28a 0%, #8dba66 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd28a), color-stop(100%,#8dba66)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9dd28a 0%,#8dba66 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9dd28a 0%,#8dba66 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #9dd28a 0%,#8dba66 100%); /* IE10+ */
background: linear-gradient(to bottom, #9dd28a 0%,#8dba66 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd28a', endColorstr='#8dba66',GradientType=0 ); /* IE6-9 */
border:none;
outline:none;
border-radius: 4px;
cursor:pointer;
}
/*portal form end*/


/*--------  footer   --------*/	
footer {
	background-color: #345225;
	width: 100%;
	margin-top: 5px;
}

div.footer-inner {
	margin-top: -0.125em; 		/*--------   2 / 16  --------*/	
	background: transparent url('../img/footer-inner.png') repeat-x top left;
	background-size: cover;
	width: 100%;
	height: 0.375em;			/*--------   6 / 16  --------*/	
	margin-bottom: 10px;

}

div.footer-wrapper {
	margin-top:0.375em;			/*--------   6 / 16  --------*/	
	margin-bottom: 7px;
}

footer ul {
	
}

footer ul li {
	float: left;
	margin-left: 20px;
	margin-right: 5px;
}


footer ul li a {
	display: block;
	color: #fff;
	font-family: "adobe-clean", sans-serif;
	line-height: 41px;
}

footer ul li a:after {
	content: "|";
	margin-left: 15px;
}

footer ul li:last-child a:after {
	content: "";
}


div.content9 table.p-table {
  display: block;
  border-collapse: separate;
  border-spacing: 0;
  width: 80%;
  margin-left: 0em;
  margin-bottom: 1em;
  margin-right: 23px;
  -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-collapse: separate;
    border-color: #DDDDDD #DDDDDD #DDDDDD #DDDDDD ;
    border-image: none;
    border-radius: 4px;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
}

div.content9 table.p-table th {
    background-color: rgba(192, 252, 225, 0.2);
    color: #000;
    font-family: 'helvetica',sans-serif;
    padding: 0.4em;
    font-weight: normal;
    font-size: 0.875em;
}


div.content9 table.p-table th.p-table-col-1 {
    margin-right: 0.7em;
    width: 2px;
    padding-left: 1.8em;
    text-align: left; 
}

div.content9 table.p-table th.p-table-col-2 {
    margin-right: 0.5em;
    width: 183px;
    text-align: left;    
    border-right: 1px solid #DDDDDD;

}

div.content9 table.p-table tbody tr {
  text-align: left;
  background-color: rgba(242, 242, 242, 0.2);

}

div.content9 table.p-table tbody tr:hover {
 background-color: rgba(242, 242, 242, 0.8); 
}

div.content9 table.p-table tbody tr.p-odd:hover {
 background-color: rgba(242, 242, 242, 0.8); 
}

div.content9 table.p-table tbody tr td {
   padding: 4px 5px;
   border-top: 1px solid #DDDDDD;
   border-right: 1px solid #DDDDDD;
}

div.content9 table.p-table tbody tr td.p-table-row-1 {
  border-right: 1px solid #DDDDDD;
}


div.content9 table.p-table tbody tr td.p-table-row-2 {
    border-right: 1px solid #DDDDDD;
    width: 361px;
}

div.content9 table.p-table tbody tr td.p-table-row-3 {
    width: 50px;
}

div.content9 table.p-table tbody tr.p-odd {
  background-color: #fff;
}

div.content9 table.p-table tbody tr td.p-table-row-1 i{
  margin-left: 5px;
  margin-right: 2px;
  color: #03A258;
}

div.content9 table.p-table tbody tr td a, div.news-body-p a {
	color: #4A643D;
}


/*register_online form start*/

.fl {float: left;}
.fr {float: right;}
form {width: 100%; margin-bottom: 30px;}
.content9 h5.form-header {text-align: center;font-size: 14px;}
.content9 p.form-para {text-align: left;font-size: 12px;}
.inline-element { display: inline-block;}
div.formFieldElement {margin-top: 4px;margin-bottom: 20px;}
div.stretch-longer { width: 54.6%;}
div.stretch-long { width: 41%;}
div.stretch-longers { width: 58%;}
div.stretch-email { width: 60%;}
div.stretch-noEmployees { width:33%;}
div.stretch-tel { width:40%;}
div.stretch-compEmail { width:25%;}
div.stretch-compWeb { width:28%;}
div.stretch-areaInterest { width: 94%;}
div.stretch-operationalCapital { position: relative;}
div.stretch-lastTimeAudited { margin-left: 52px;}
div.offLoc { position:relative; }
div.busPlan {  width: 40%;}
div.stretch-shares { width: 54%; }
label { text-transform: uppercase;font-size: 10px;font-weight: bold;}
input[type="radio"] { margin-top: -4px;}
input[type="text"], 
input[type="date"],
input[type="telephone"],
input[type="email"] {border: none;border-bottom: 1px dotted #000;font-size: 10px;}
.text-field-full {width: 80%;}
.text-field-full-a {width: 77%;}
span.inliner{display: inline-block;}
.text-field-full-b {width: 96%;margin-top:10px;margin-bottom:10px;}
.text-field-comReg { width: 234px;}
.text-field-busNature { width: 175px;}
.text-field-name { width: 290px;}
.text-field-phone { width: 141px;}
.text-field-email { width: 345px;}
.text-field-employees { width: 113px;}
.text-field-compTel { width: 136px;}
.text-field-compEmail { width: 144px;}
.text-field-compWeb { width: 159px;}
.text-field-town { width: 220px;}
.text-field-areaInterest { width: 525px;}
.text-field-district { width: 180px;margin-left: 1px;}
.text-field-region { width: 205px; margin-left: 1px;}
.text-field-foreign { width: 79px;}
.text-field-ghana { width: 74px;}
.text-field-specifyInterest { width: 353px;}
.text-field-doingBusiness { width: 264px;}
.text-field-opCapital { width: 467px;}
select{width: 602px;}
div.content9 .ilabels { font-size: 9px;}
div.content9 .iTown { position: absolute; left: 186px; top: 20px;}
div.content9 .iDistrict { position: absolute; left: 387px; top: 20px;}
div.content9 .iRegion { position: absolute; left: 583px; top: 20px;}
div.content9 .ioCapital { position: absolute; top: 20px; left: 0px;}
div.content9 span.push-small {margin-left: 24px; font-size: 10px; font-weight: bold;}
table { width: 95%;}
caption, th{text-align: center;font-size: 12px;}
table th.table-labels { width: 500px;}
table th.table-forms { width: 300px;}
table th, table td  { border: 1px solid #000; padding: 5px;}
table td.table-form {  width: 300px; padding-right:0;padding-bottom: 0;}
table td.table-form input[type='text'] { margin-left: 0px; width: 430px; padding-right:0;padding-bottom: 0;}
table  td.table-label #otherTraining { padding-bottom: 16px; padding-left: 0px;padding-right: 0px;}
table td.table-form input[type="checkbox"]{ margin-left: 32px;}
div.content9 #submit-form { margin-top: 15px; width: 200px;height: 35px;background-color:#345225;border:0;cursor:pointer;color:#fff;border-radius:5px;}
/*register_online form ends*/


nav#main-navigation p.welcome {margin-left:100px;color:#345225;font-weight: bold;margin-top:-11px;}
nav#main-navigation p.welcome span.welcome-name{color:#BA0101;}
form#changePassword input{border:1px solid #ccc;outline:none;}
form#changePassword input.hover{outline:none;}

form#uploadFiles input{border:1px solid #ccc;outline:none;}
form#uploadFiles input.hover{outline:none;}
select.selectpicker option {list-style: none;}
ul.dropdown-menu.inner.selectpicker li {background: none;margin-bottom: 0em;padding-left: 0em;}

.error {color: red;font-size: 0.8em;}


/*--------  media queries begin here   --------*/	


/*--------  tablets:- landscape (1024px to 769px)   --------*/	

@media only screen  and (min-width: 769px) and (max-width: 1024px){

	body {
		width: 100%;
	}


	/*--------  header   --------*/	
	header {
		width: 100%;
		border-top: 12px solid #345225;
		background: #9dd28a url('../img/headerbg.png') repeat-x left center;
		padding-top: 10px;
		float: left;
		padding-bottom: 5px;
	}

	div.side1{
		margin-right: 500px;
	}

	div.social-media  {
		margin: 0.188em 0 0 0;  
	}

	div.social-media span.follow {
		margin-top: 0.350em;
		margin-left: 1.813em;
		color: #000;
	}

	h1 {
		width: 33.33333333333333%;	/*--------  320 / 960   --------*/	
	}

	h1 img {
		width: 80%;   /*--------  301 / 320   --------*/	
	}


	/*--------  nav   --------*/	

	nav  {
		margin-top: 3.125em;		/*--------   50 / 16  --------*/	
		width: 64.58333333333333%;		/*--------   620 / 960  --------*/	
		padding-bottom: 10px;
	}


	nav ul {
		list-style-type: none;
		margin-left: -0.8em;		/*--------   20 / 16  --------*/	
	}

	nav ul li {
		float: left;
		margin-left: 0.300em;		/*--------   8 / 16  --------*/	
		margin-right: 0.375em;			/*--------    14 / 16 --------*/	
	}

	nav ul li a {
		display: block;
		color: #4c5c46;
		padding: 0 0.113em;			/*--------   5 / 16  --------*/ 
		font-family: "adobe-clean", sans-serif;
		font-weight: bold;
		font-size: 0.938em;
	}

	nav ul li a:hover {
		text-decoration: underline;
	}



	nav ul li a:hover {
		text-decoration: underline;
	}


	.banner .dots {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 50px;
		}
			.banner .dots li {
				display: inline-block;
				width: 10px;
				height: 10px;
				margin: 0 4px;
				
				text-indent: -999em;
				
				border: 2px solid #fff;
				border-radius: 6px;
				
				cursor: pointer;
				opacity: .4;
				
				-webkit-transition: background .5s, opacity .5s;
				-moz-transition: background .5s, opacity .5s;
				transition: background .5s, opacity .5s;
			}
				.banner .dots li.active {
					background: #fff;
					opacity: 1;
			}


	div.banner {
		clear: both;
		width: 100%;
		position: relative;
		overflow: auto;
		height: 22.5em;		/*--------   412 / 16  --------*/	
		box-shadow: 0px 2px 3px #000;
		background-color: #000;
	}

	div.banner ul li {
		float: left;
	}

	div.banner img {
		height: 22.75em;		/*--------   412 / 16  --------*/	
		width: 100%;
	}

	div.banner h1 {
		position: absolute;
		top: 10.4em;			/*--------   144 / 16  --------*/	
		right: 2.313em;			/*--------   37 / 16  --------*/	
		color: #fff;
		font-size: 1em;		/*--------  18 / 16   --------*/	
		font-weight: bold;
		text-align: right;
	}

	div.banner h1 span.bigText {
		font-size: 1.500em;		/*--------   24 / 16  --------*/	
	}

	div.banner p.lead1 {
		width: 20.000em;			/*--------  320 / 16   --------*/	
		position: absolute;
		top: 13.9em;					/*--------   200 / 16  --------*/	
		right: 2.250em;					/*--------   36 / 16  --------*/	
		color: #fcb415;
		font-weight: bold;
		border-bottom: 2px solid #ccc;
		text-align: right;
		padding-bottom: 0.438em;			/*--------    7 / 16 --------*/	
	}

	div.banner p.lead2 {
		position: absolute;
		top: 15.9em;					/*--------   233 / 16  --------*/				
		right: 5.438em;					/*--------   87 / 16  --------*/	
		color: #fff;
		font-weight: bold;
	}

	div.banner img.icon {
		position: absolute;
		top: 15.7em;						/*--------  228 / 16   --------*/	
		right: 3em;
		width: 1.625em;						/*--------  26 / 16   --------*/	
		height: 1.625em;						/*--------   26 / 16  --------*/	
	}

	div.banner1 {
	width: 100%;
	position: relative;
	margin: 2px auto 0 auto;
	height: 20.875em;		/*--------   334 / 16  --------*/	
	box-shadow: 0px 2px 3px #000;
	background-color: #000;
	}

div.banner1 img {
	width: 100%;
	height: 20.875em;		/*--------   334 / 16  --------*/	
}
	





	div.search-bar {
		width: 100%;
		background-color: rgba(0,0,0,0.4);
		position: relative;
		z-index: 3000;
		margin-top: -2.500em;
		height: 2.500em;
		position: relative;
	}

	div.search-bar form {
		position: absolute;
		top: 0.375em;			/*--------   6 / 16   --------*/	
		right: 0.500em;			/*--------  8 / 16   --------*/ 
	}

	div.search-bar form input[type='text'] {
		border: 0;
		outline: 0;
		height: 1.6em;		/*--------  20 / 16   --------*/	
		border-radius: 3px;		
		padding-left: 0.125em;		/*--------  2 / 16   --------*/	
	}





	/*--------  button   --------*/	
	.content {
		margin-top: 2.500em;				/*--------  40 / 16   --------*/	
		margin-left: 1.875em;				/*--------  30 / 16   --------*/	
		margin-bottom: 1.875em;			/*--------  30 / 16   --------*/	

	}			

	.content .border-bottom-item {
		margin-bottom: 1.250em;			/*--------  20 / 16   --------*/	
		padding-bottom: 1.250em;			/*--------   20 / 16  --------*/	
		border-bottom: 1px solid #eeeeee;
	}

	.content a span.button {
		width: 15.75em;		/*--------   300 / 16  --------*/	
		height: 8.4em;		/*--------  180 / 16   --------*/	
		float: left;
		margin: 0 0.625em 1.250em 0.625em;					/*--------   10 / 16   20 / 16   10 / 16  --------*/	
		border-radius: 0.313em;							/*--------  5 / 16   --------*/	
		box-shadow: 0 0 2px #000;
	}

	.content a span.button h3 {
		color: #fff;
		font-weight: normal;
		font-size: 1.563em;							/*--------  25 / 16   --------*/	
		line-height: 5.5em;							/*--------  120 / 16   --------*/	
		margin-left: 0.813em;							/*--------   45 / 16  --------*/	
		text-shadow: 0px 0px 1px rgba(0 ,0, 0, 0.3);
		letter-spacing: 0em;						/*--------   2 / 16  --------*/	
		font-family: "open sans", sans-serif;
	}

	.content a span.button h3 span.bigText {
		font-weight: bold;
		font-family: "open sans", sans-serif;
	}

	.content a span.button h3 img {
		margin-left: 0.500em;			/*--------   8 / 16  --------*/	
		width: 0.938em;				/*--------  15 / 16   --------*/	
		height: 1.125em;				/*--------   18 / 16  --------*/	
	}

	.content a span.a {
		background: #006bab url('../img/btn-bg/a.png') no-repeat left 76px;
		background-size: contain;
		-moz-transition: background-color 3s ease;
		-webkit-transition: background-color 3s ease;
		-o-transition: background-color 3s ease;
		transition: background-color 3s ease;
	}

	.content a:hover span.a {
		background-color: rgba(0, 107, 171, 0.6);
	}

	.content a span.b {
		background: #f37221 url('../img/btn-bg/b.png') no-repeat left 86px;
		background-size: contain;
		-moz-transition: background-color 3s ease;
		-webkit-transition: background-color 3s ease;
		-o-transition: background-color 3s ease;
		transition: background-color 3s ease;
	}

	.content a:hover span.b {
		background-color: rgba(243, 114, 33, 0.8);
	}

	.content a span.b h3 {
		margin-left: 0.9em;			/*--------   53 / 16  --------*/	
	}

	.content a span.c {
		background: #009fd2 url('../img/btn-bg/c.png') no-repeat left 87px;
		background-size: contain;
		-moz-transition: background-color 3s ease;
		-webkit-transition: background-color 3s ease;
		-o-transition: background-color 3s ease;
		transition: background-color 3s ease;
	}

	.content a:hover span.c {
		background-color: rgba(0, 159, 210, 0.6);
	}

	.content a span.c h3 {
		margin-left: 1.313em;			/*--------   53 / 16  --------*/	
	}

	.content a span.d {
		background: #345225 url('../img/btn-bg/d.png') no-repeat left 75px;
		background-size: contain;
		-moz-transition: background-color 3s ease;
		-webkit-transition: background-color 3s ease;
		-o-transition: background-color 3s ease;
		transition: background-color 3s ease;
	}


	.content a:hover span.d {
		background-color: rgba(52, 82, 37, 0.8);
	}

	.content a span.d h3 {
		margin-left: 1.75em;			/*--------   60 / 16  --------*/	
	}

	.content a span.e {
		background: #fcb415 url('../img/btn-bg/e.png') no-repeat left 80px;
		background-size: contain;
		-moz-transition: background-color 3s ease;
		-webkit-transition: background-color 3s ease;
		-o-transition: background-color 3s ease;
		transition: background-color 3s ease;
	}

	.content a:hover span.e {
		background-color: rgba(252, 180, 21, 0.8);
	}


	.content a span.e h3 {
		margin-left: 1.875em;				/*--------   78 / 16  --------*/	
	}
	.content a span.f {
		background: #5bba47 url('../img/btn-bg/f.png') no-repeat left 82px;
		background-size: contain;
		-moz-transition: background-color 3s ease;
		-webkit-transition: background-color 3s ease;
		-o-transition: background-color 3s ease;
		transition: background-color 3s ease;
	}

	.content a:hover span.f {
		background-color: rgba(91, 186, 71, 0.7);
	}


	.content a span.f h3 {
		margin-left: 2em;				/*--------   80 / 16  --------*/	
	}

	.content a span.f p {
		color: #fff;
		margin-top: -4.0em;			/*--------   40 / 16  --------*/	
		text-align: center;
		font-weight: normal;
		font-size: 0.750em;		/*--------  12 /16   --------*/	
	}

	.content9 {
		width: 78%;	
		margin-right: 1.6em;
	}

	div.content9 h4 {
		text-align: left;
		font-weight: normal;
		color: #4a643d;
		font-size: 1.98em; 	/*--------   18 / 16  --------*/	
		margin-bottom: 0.250em;		/*--------  4 / 16   --------*/	
	}

	div.content9 h5 {
		text-align: left;
		font-weight: bold;
		color: #4a643d;
		font-size: 1.4em; 	/*--------   18 / 16  --------*/	
		margin-bottom: 0.1em;		/*--------  4 / 16   --------*/	
	}

	div.cotnent9 hr {
		border-width: 1px;
		border-style: solid;
		border-color: #bababa;
	}

	div.content9 p {
		text-align: justify;
		line-height: 1.3em;
		font-size: 1.12em;		
		margin-bottom: 1em;
	}

	div.content9 ul {
	margin-left: 2em;
}

div.content9 ul li {
	text-align: justify;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding-left: 1.2em;
	background: url('../img/bullet.png') no-repeat -6px -4px;
}


div.content ul li > ul {
	margin-top: 0.9em;
}

div.content ul li ul li {
	background: none;
	font-size: 0.9em;
}


div.content ul li ul li:before {
	content: "[+]  ";
}



div.partner-item {
	width: 10em;
	margin-right: 1em;
	margin-bottom: 5em;
	margin-left: 2em;
}

div.partner-item img {
	width: 90%;
	display: block;
	margin-bottom: 3em;
}

div.partner-item a {
	margin-left: 2.5em;
	font-size: 1em;
	color: #9a9999;
}



.address{
	margin-right: 3em;
	width: 35em;
	clear: both;
}


.telephone {
	margin-left: 22em;
	width: 24em;
	margin-top: -12.5em;
	float: left;
}






	div.nav1{
		width: 15%;	
		margin-left: -0.05em;			/*--------  2px   --------*/	
		margin-top: 0.5em;
	}

	div.nav1 h3 {
		color: #4a643d;
		font-size: 1.1em;
		margin-bottom: 0.5em;
	}

	div.nav1 a {
		color: #4C5C46;
		font-size: 0.7em;
	}

	
	

}





/*--------  tablets:- portrait (768px to 461px)   --------*/	

@media only screen and (min-width: 481px) and (max-width: 768px){

	body {
		width: 100%;
	}

	.wrapper {
		width: 100%;
	}


	/*--------  header   --------*/	
	header {
		width: 100%;
		border-top: 12px solid #345225;
		background: #9dd28a url('../img/headerbg.png') repeat-x left center;
		padding-top: 10px;
		float: left;
		padding-bottom: 5px;
	}

	div.side1{
		margin-right: 0px;
		float: none;
		width: 0em;
	}

	div.social-media  {
		float: none;
		margin: 0.188em 0 0 0;  
	}

	div.social-media span.follow {
		margin-top: 0.350em;
		margin-left: -1.813em;
		padding-right: 1em;
		color: #000;
	}

	h1 {
		width: 41%;	/*--------  320 / 960   --------*/	
		float: none;
		margin-left: 7.375em;			/*--------  166 / 16   --------*/	
	}

	h1 img {
		width: 100%;   /*--------  301 / 320   --------*/	
	}


	/*--------  nav   --------*/	

	nav  {
		float: none;
		margin-top: 2.125em;		/*--------   50 / 16  --------*/	
		width: 100%;		/*--------   620 / 960  --------*/	
		padding-bottom: 10px;

	}


	nav ul {
		list-style-type: none;
		margin-left: 4em;		/*--------   20 / 16  --------*/	
	}

	nav ul li {
		float: left;
		margin-left: 0.300em;		/*--------   8 / 16  --------*/	
		margin-right: 0.375em;			/*--------    14 / 16 --------*/	
	}

	nav ul li a {
		display: block;
		color: #4c5c46;
		padding: 0 0.113em;			/*--------   5 / 16  --------*/ 
		font-family: "adobe-clean", sans-serif;
		font-weight: bold;
		font-size: 0.938em;
	}

	nav ul li a:hover {
		text-decoration: underline;
	}



	nav ul li a:hover {
		text-decoration: underline;
	}


	.banner .dots {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 50px;
		}
			.banner .dots li {
				display: inline-block;
				width: 10px;
				height: 10px;
				margin: 0 4px;
				
				text-indent: -999em;
				
				border: 2px solid #fff;
				border-radius: 6px;
				
				cursor: pointer;
				opacity: .4;
				
				-webkit-transition: background .5s, opacity .5s;
				-moz-transition: background .5s, opacity .5s;
				transition: background .5s, opacity .5s;
			}
				.banner .dots li.active {
					background: #fff;
					opacity: 1;
			}


	div.banner {
		width: 100%;
		position: relative;
		overflow: auto;
		height: 19.5em;		/*--------   412 / 16  --------*/	
		box-shadow: 0px 2px 3px #000;
		background-color: #000;
	}

	div.banner ul li {
		float: left;
	}

	div.banner img {
		height: 19.5em;		/*--------   412 / 16  --------*/	
		width: 132.03125%;				/*-------- 1014 / 769  --------*/	
	}

	div.banner h1 {
		position: absolute;
		top: 10.4em;			/*--------   144 / 16  --------*/	
		right: 2.313em;			/*--------   37 / 16  --------*/	
		color: #fff;
		font-size: 1em;		/*--------  18 / 16   --------*/	
		font-weight: bold;
		text-align: right;
	}

	div.banner h1 span.bigText {
		font-size: 1.500em;		/*--------   24 / 16  --------*/	
	}

	div.banner p.lead1 {
		width: 17em;			/*--------  320 / 16   --------*/	
		position: absolute;
		top: 13.9em;					/*--------   200 / 16  --------*/	
		right: 2.250em;					/*--------   36 / 16  --------*/	
		color: #fcb415;
		font-weight: bold;
		border-bottom: 2px solid #ccc;
		text-align: right;
		padding-bottom: 0.438em;			/*--------    7 / 16 --------*/	
	}

	div.banner p.lead2 {
		position: absolute;
		top: 15.9em;					/*--------   233 / 16  --------*/				
		right: 5.438em;					/*--------   87 / 16  --------*/	
		color: #fff;
		font-weight: bold;
	}

	div.banner img.icon {
		position: absolute;
		top: 15.7em;						/*--------  228 / 16   --------*/	
		right: 3em;
		width: 1.625em;						/*--------  26 / 16   --------*/	
		height: 1.625em;						/*--------   26 / 16  --------*/	
	}


	div.banner1 {
	width: 100%;
	position: relative;
	margin: 2px auto 0 auto;
	height: 15.875em;		/*--------   334 / 16  --------*/	
	box-shadow: 0px 2px 3px #000;
	background-color: #000;
}

div.banner1 img {
	width: 100%;
	height: 15.875em;		/*--------   334 / 16  --------*/	
}
	




	div.search-bar {
		width: 100%;
		position: relative;
		z-index: 3000;
		margin-top: -2.500em;
		height: 2.500em;
		position: relative;
	}

	div.search-bar form {
		position: absolute;
		top: -0.05em;			/*--------   6 / 16   --------*/	
		right: 0.500em;			/*--------  8 / 16   --------*/ 
	}

	div.search-bar form input[type='text'] {
		border: 0;
		outline: 0;
		height: 1.6em;		/*--------  20 / 16   --------*/	
		border-radius: 3px;		
		padding-left: 0.125em;		/*--------  2 / 16   --------*/	
	}



	/*--------  button   --------*/	
	.content {
		margin-top: 2.500em;				/*--------  40 / 16   --------*/	
		margin-left: 1.875em;				/*--------  30 / 16   --------*/	
		margin-bottom: 1.875em;			/*--------  30 / 16   --------*/	
	}			

	.content .border-bottom-item {
		margin-bottom: 1.250em;			/*--------  20 / 16   --------*/	
		padding-bottom: 1.250em;			/*--------   20 / 16  --------*/	
		border-bottom: 1px solid #eeeeee;
	}

	.content a span.button {
		width: 11.75em;		/*--------   300 / 16  --------*/	
		height: 8.4em;		/*--------  180 / 16   --------*/	
		float: left;
		margin: 0 0.625em 1.250em 0.625em;					/*--------   10 / 16   20 / 16   10 / 16  --------*/	
		border-radius: 0.313em;							/*--------  5 / 16   --------*/	
		box-shadow: 0 0 2px #000;
	}

	.content a span.button h3 {
		color: #fff;
		font-weight: normal;
		font-size: 1.2em;							/*--------  25 / 16   --------*/	
		line-height: 5.5em;							/*--------  120 / 16   --------*/	
		margin-left: 0.813em;							/*--------   45 / 16  --------*/	
		text-shadow: 0px 0px 1px rgba(0 ,0, 0, 0.3);
		letter-spacing: 0em;						/*--------   2 / 16  --------*/	
		font-family: "open sans", sans-serif;
	}

	.content a span.button h3 span.bigText {
		font-weight: bold;
		font-family: "open sans", sans-serif;
	}

	.content a span.button h3 img {
		margin-left: 0.500em;			/*--------   8 / 16  --------*/	
		width: 0.938em;				/*--------  15 / 16   --------*/	
		height: 1.125em;				/*--------   18 / 16  --------*/	
	}

	.content a span.a {
		background: #006bab url('../img/btn-bg/a.png') no-repeat left 86px;
		background-size: contain;
		-moz-transition: background-color 3s ease;
		-webkit-transition: background-color 3s ease;
		-o-transition: background-color 3s ease;
		transition: background-color 3s ease;
	}

	.content a:hover span.a {
		background-color: rgba(0, 107, 171, 0.6);
	}

	.content a span.b {
		background: #f37221 url('../img/btn-bg/b.png') no-repeat left 92px;
		background-size: contain;
		-moz-transition: background-color 3s ease;
		-webkit-transition: background-color 3s ease;
		-o-transition: background-color 3s ease;
		transition: background-color 3s ease;
	}

	.content a:hover span.b {
		background-color: rgba(243, 114, 33, 0.8);
	}

	.content a span.b h3 {
		margin-left: 0.9em;			/*--------   53 / 16  --------*/	
	}

	.content a span.c {
		background: #009fd2 url('../img/btn-bg/c.png') no-repeat left 94px;
		background-size: contain;
		-moz-transition: background-color 3s ease;
		-webkit-transition: background-color 3s ease;
		-o-transition: background-color 3s ease;
		transition: background-color 3s ease;
	}

	.content a:hover span.c {
		background-color: rgba(0, 159, 210, 0.6);
	}

	.content a span.c h3 {
		margin-left: 1.313em;			/*--------   53 / 16  --------*/	
	}

	.content a span.d {
		background: #345225 url('../img/btn-bg/d.png') no-repeat left 85px;
		background-size: contain;
		-moz-transition: background-color 3s ease;
		-webkit-transition: background-color 3s ease;
		-o-transition: background-color 3s ease;
		transition: background-color 3s ease;
	}


	.content a:hover span.d {
		background-color: rgba(52, 82, 37, 0.8);
	}

	.content a span.d h3 {
		margin-left: 1.75em;			/*--------   60 / 16  --------*/	
	}

	.content a span.e {
		background: #fcb415 url('../img/btn-bg/e.png') no-repeat left 89px;
		background-size: contain;
		-moz-transition: background-color 3s ease;
		-webkit-transition: background-color 3s ease;
		-o-transition: background-color 3s ease;
		transition: background-color 3s ease;
	}

	.content a:hover span.e {
		background-color: rgba(252, 180, 21, 0.8);
	}


	.content a span.e h3 {
		margin-left: 1.875em;				/*--------   78 / 16  --------*/	
	}
	.content a span.f {
		background: #5bba47 url('../img/btn-bg/f.png') no-repeat left 90px;
		background-size: contain;
		-moz-transition: background-color 3s ease;
		-webkit-transition: background-color 3s ease;
		-o-transition: background-color 3s ease;
		transition: background-color 3s ease;
	}

	.content a:hover span.f {
		background-color: rgba(91, 186, 71, 0.7);
	}


	.content a span.f h3 {
		margin-left: 2em;				/*--------   80 / 16  --------*/	
	}

	.content a span.f p {
		color: #fff;
		margin-top: -3.0em;			/*--------   40 / 16  --------*/	
		text-align: center;
		font-weight: normal;
		font-size: 0.650em;		/*--------  12 /16   --------*/	
	}


	div.content-main {
		width: 100%;
	}

/*--------  user status   --------*/

div.user_status {
	background-color: #A6DA90;
}

	/*--------   content 8  --------*/	
	div.content8 {
		width: 58%;
		margin-left: -28px;
	}

	.content9 {
	width: 100%;	
	float: none;
	margin-left: -1em;
}



div.content9 h4 {
	text-align: left;
	font-weight: normal;
	color: #4a643d;
	font-size: 1.98em; 	/*--------   18 / 16  --------*/	
	margin-bottom: 0.250em;		/*--------  4 / 16   --------*/	
	margin-left: 1em;
	width: 90%;
}

div.content9 h5 {
	text-align: left;
	text-indent: 1em;
	font-weight: bold;
	color: #4a643d;
	font-size: 1.4em; 	/*--------   18 / 16  --------*/	
	margin-bottom: 0.1em;		/*--------  4 / 16   --------*/	
	margin-top: 0.4em;
}

div.content9 hr {
	border-width: 1px;
	border-style: solid;
	border-color: #bababa;
	width: 88%;
	margin-left: 1.7em;
}

div.content9 p {
	text-align: justify;
	line-height: 1.3em;
	font-size: 1.4em;		
	margin-bottom: 1em;
	margin-right: 3em;
}




	div.content8 h4 {
		text-align: center;
		font-weight: bold;
		color: #4a643d;
		font-size: 1.125em; 	/*--------   18 / 16  --------*/	
		margin-bottom: 0.250em;		/*--------  4 / 16   --------*/	
	}


	div.content p {
		text-align: justify;
		line-height: 1.3em;
		font-size: 1em;
		margin-left: 2.5em;		
	}

	div.content9 ul {
	margin-left: 4em;
}

div.content9 ul li {
	text-align: justify;
	font-size: 0.8em;
	margin-bottom: 1.2em;
	padding-left: 1.2em;
	background: url('../img/bullet.png') no-repeat -6px -4px;
	margin-right: 4.9em;
}


div.content ul li > ul {
	margin-top: 0.9em;
	margin-left: 0.4em;
}

div.content ul li ul li {
	background: none;
	font-size: 0.8em;
}


div.content ul li ul li:before {
	content: "[+]  ";
}

div.partner-item {
	width: 10em;
	margin-right: 1em;
	margin-bottom: 5em;
	margin-left: 7em;
}

div.partner-item img {
	width: 90%;
	display: block;
	margin-bottom: 3em;
}

div.partner-item a {
	margin-left: 2.5em;
	font-size: 1em;
	color: #9a9999;
}

hr.contact-hr {
	
}

p.contact-p {
	margin-right: 3em;
	margin-left: -5em;
}


.address{
	margin-right: 3em;
	width: 20em;
	clear: both;
}

.address h5 {
	margin-left: 0.8em;
}


.telephone {
	margin-left: 18em;
	width: 12em;
	margin-top: -11.8em;
	float: left;
}

.telephone h5 {
	margin-left: 0.8em;
}


	





	/*--------   advert 4  --------*/	
	div.advert4 {
		width: 40%;	
		margin-left: 0.125em;			/*--------  2px   --------*/	
	}


	div.advert4 img {
		width: 80%;
		border-radius: 5px;			/*--------  5 / 16   --------*/	
		box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
	}


div.nav1{
	width: 50%;	
	margin-left: 1.05em;			/*--------  2px   --------*/	
	margin-top: 1.2em;
	clear: both;
}

div.nav1 h3 {
	color: #4a643d;
	font-size: 1.1em;
	margin-bottom: 0.5em;
}

div.nav1 a {
	color: #4C5C46;
	font-size: 0.8em;
}


div.nav1 div.w-slide {
    background-color: #345225;
    height: 415px;
    position: relative;
}


div.nav1 div.w-slide div.w-slide-header {
    border-bottom: 3px solid #A6DA90;
    height: 173px;
    margin-bottom:20px;
}


div.nav1 div.w-slide a.nav-left {
    background: url("../img/left_rnd.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    display: block;
    font: 0px/0 a;
    height: 18px;
    left: 7px;
    margin-top: 5px;
    position: absolute;
    text-shadow: none;
    top: 250px;
    width: 18px;
    z-index: 200;
}


div.nav1 div.w-slide a.nav-right {
    background: url("../img/right_rnd.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    display: block;
    font: 0px/0 a;
    height: 21px;
    margin-top: 5px;
    position: absolute;
    right: 7px;
    text-shadow: none;
    top: 250px;
    width: 21px;
    z-index: 200;
}

		/*--------  footer   --------*/	
		footer {
			background-color: #345225;
			
			margin-top: 5px;
		}

		div.footer-inner {
			margin-top: -0.125em; 		/*--------   2 / 16  --------*/	
			background: transparent url('../img/footer-inner.png') repeat-x top left;
			background-size: cover;
			width: 100%;
			height: 0.375em;			/*--------   6 / 16  --------*/	
			margin-bottom: 10px;

		}

		div.footer-wrapper {
			margin-top:0.375em;			/*--------   6 / 16  --------*/	
			margin-bottom: 7px;
			width: 100%;
		}

		footer ul {
			
		}

		footer ul li {
			float: left;
			margin-left: 8px;
			margin-right: 3px;
		}


		footer ul li a {
			display: block;
			color: #fff;
			font-family: "adobe-clean", sans-serif;
			line-height: 41px;
		}

		footer ul li a:after {
			content: "|";
			margin-left: 15px;
		}

		footer ul li:last-child a:after {
			content: "";
		}

}