@import url('fonts/fonts.css');
@font-face {
	font-family: 'KenyanCoffeeRegular';
	src: url('kenyan-coffee-webfont.eot');
	src: local('¢'), url('kenyan-coffee-webfont.woff') format('woff'), url('kenyan-coffee-webfont.ttf') format('truetype'), url('kenyan-coffee-webfont.svg#webfontf7OCY1oQ') format('svg');
	font-weight: normal;
	font-style: normal;
	letter-spacing:5em!important;
}
* {
	margin:0;
	padding:0;
	border:none;
	outline:none;
}
body {height:100%;
	
	}
h1, h2, h2 a, h3, h3 a, h4, h5, h6 {
font-family: 'BebasNeueRegular', sans-serif, Helvetica, Arial!important; 
letter-spacing: 2px; 
text-transform:uppercase; 
margin:6px; 
padding:0px;   
font-weight:normal; 
line-height:1.2em;
}
div.fader img {position:absolute;
  -webkit-transition: all 1s ease-in-out; 
  -moz-transition: all 1s ease-in-out; 
  -o-transition: all 1s ease-in-out; 
  -ms-transition: all 1s ease-in-out; 
  transition: all 1s ease-in-out;
  }
img.swap1, div.fader:hover img.swap2 { 
  opacity: 1.0;
  }
div.fader:hover img.swap1, img.swap2 {
  opacity: 0;
  }
h2.insidetitle {color:#555;text-decoration:none;text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.2);}
h2.insidetitle:hover {color:#777;text-decoration:none;text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.2);}

h3.insidetitle {text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.2);}
a {text-decoration:none;}
h5.menu {font-size:14pt;margin-left:20px;float:left;color:#8a8a8a;}
#fixed {position:absolute; z-index:4;width:100%;height:94%;}
span.footer-text {margin-left:20px;}
.s-size {width:22px;height:22px;}
.social {display:inline;vertical-align:middle;margin-top:-2px;margin-right:5px;}
img.social {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(80%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all 1s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
	-webkit-transition: 1s  ease-in-out; -moz-transition: 1s  ease-in-out; -o-transition: 1s  ease-in-out;  -ms-transition: 1s  ease-in-out;  transition: 1s  ease-in-out;
	 
    -o-filter: grayscale(80%); /* Chrome 19+ & Safari 6+ */
    -o-transition: all 1s ease; /* Fade to color for Chrome and Safari */
    -o-backface-visibility: hidden; /* Fix for transition flickering */
	-o-transition: 1s  ease-in-out; -moz-transition: 1s  ease-in-out; -o-transition: 1s  ease-in-out;  -ms-transition: 1s  ease-in-out;  transition: 1s  ease-in-out;
	
	
    -ms-filter: grayscale(80%); /* Chrome 19+ & Safari 6+ */
    -ms-transition: all 1s ease; /* Fade to color for Chrome and Safari */
    -ms-backface-visibility: hidden; /* Fix for transition flickering */
	-ms-transition: 1s  ease-in-out; -moz-transition: 1s  ease-in-out; -o-transition: 1s  ease-in-out;  -ms-transition: 1s  ease-in-out;  transition: 1s  ease-in-out;
	 
    -moz-filter: grayscale(80%); /* Chrome 19+ & Safari 6+ */
    -moz-transition: all 1s ease; /* Fade to color for Chrome and Safari */
    -moz-backface-visibility: hidden; /* Fix for transition flickering */
	-moz-transition: 1s  ease-in-out; -moz-transition: 1s  ease-in-out; -o-transition: 1s  ease-in-out;  -ms-transition: 1s  ease-in-out;  transition: 1s  ease-in-out;
	 
	filter: grayscale(80%); /* Chrome 19+ & Safari 6+ */
    transition: all 1s ease; /* Fade to color for Chrome and Safari */
    backface-visibility: hidden; /* Fix for transition flickering */
	transition: 1s  ease-in-out; -moz-transition: 1s  ease-in-out; -o-transition: 1s  ease-in-out;  -ms-transition: 1s  ease-in-out;  transition: 1s  ease-in-out;
	
}

img.social:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	
}

/* Step 1: Build an Animation */
@-webkit-keyframes aniload {
from{-webkit-transform:translate(-400px, 0px);}
to{-webkit-transform:translate(0px, 0px)}
}

@-moz-keyframes aniload {
from{-moz-transform:translate(-400px, 0px)}
to{-moz-transform:translate(0px, 0px)}
}

@-ms-keyframes aniload {
from{-ms-transform:translate(-400px, 0px)}
to{-ms-transform:translate(0px, 0px)}
}

@-o-keyframes aniload {
from{-ms-transform:translate(-400px, 0px)}
to{-ms-transform:translate(0px, 0px)}
}

@keyframes aniload {
from{transform:translate(-400px, 0px)}
to{transform:translate(0px, 0px)}
}
div.content_load {
position:fixed;z-index:9999;left:0px;padding-left:6px;padding-top:8px;
-webkit-animation: aniload 3s;
-moz-animation: aniload 3s;
-ms-animation: aniload 3s;
-o-animation: aniload 3s;
animation: aniload 3s;
}
/* End of Animation */

/* Step 1: Build an Animation */
@-webkit-keyframes header {
from{-webkit-transform:translate(-1000px, 0px);}
to{-webkit-transform:translate(0px, 0px)}
}

@-moz-keyframes header {
from{-moz-transform:translate(-1000px, 0px)}
to{-moz-transform:translate(0px, 0px)}
}

@-ms-keyframes header {
from{-ms-transform:translate(-1000px, 0px)}
to{-ms-transform:translate(0px, 0px)}
}

@-o-keyframes header {
from{-ms-transform:translate(-1000px, 0px)}
to{-ms-transform:translate(0px, 0px)}
}

@keyframes header {
from{transform:translate(-1000px, 0px)}
to{transform:translate(0px, 0px)}
}
#header {
left:0px; margin-left:0px; 
background:url('../img/bg-white.png');
	float:left;
	position:relative;
	overflow:hidden;
	width:794px;
	height:30px;
	top:-20px;
text-transform: uppercase; 
color:#fff;
-webkit-animation: header 3s;
-moz-animation: header 3s;
-ms-animation: header 3s;
-o-animation: header 3s;
animation: header 3s;

}
/* End of Animation */

/* Step 1: Build an Animation */
@-webkit-keyframes footer {
from{-webkit-transform:translate(0px, 100px);}
to{-webkit-transform:translate(0px, 0px)}
}

@-moz-keyframes footer {
from{-moz-transform:translate(0px, 100px)}
to{-moz-transform:translate(0px, 0px)}
}

@-ms-keyframes footer {
from{-ms-transform:translate(0px, 100px)}
to{-ms-transform:translate(0px, 0px)}
}

@-o-keyframes footer {
from{-ms-transform:translate(0px, 100px)}
to{-ms-transform:translate(0px, 0px)}
}

@keyframes footer {
from{transform:translate(0px, 100px)}
to{transform:translate(0px, 0px)}
}
#footer {position:fixed; bottom:4px; left:0; height:26px;padding-top:6px; width:100%; color:#fff;
font-family: Helvetica, Arial, sans-serif!important; font-size:8pt; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
line-height: 26px;
vertical-align: center;
display: inline-block;
-webkit-animation: footer 1s;
-moz-animation: footer 1s;
-ms-animation: footer 1s;
-o-animation: footer 1s;
animation: footer 1s;
}
/* End of Animation */
a.menulink {
color:#777;
border:none;
text-decoration:none; 
-webkit-transition: 1s  ease-in-out; 
-moz-transition: 1s  ease-in-out; 
-o-transition: 1s  ease-in-out;
-ms-transition: 1s  ease-in-out;
transition: 1s  ease-in-out;
}
a.menulink:hover{
color:#870606;
border:none; }
/* text-shadow: 0 0 150px #fff, 0 0 60px #fff, 0 0 10px #fff; */

.rdesign {height:10px;display:inline;vertical-align:middle;}
.cross-content{position:absolute;right:10px;top:10px;}
.cross-menu {position:absolute;top:10px;right:-4px;}
.name {position:fixed;z-index:4;left:20px;top:40px;}
#gradient {background-image:url(../gradient.png);background-repeat:repeat;left:0;top:0;right:0;bottom:0;position:fixed;z-index:3;}
#pagemenu {	float:left;
	position:relative;
	overflow:hidden;
	width:780px;
	height:30px;
	top:-20px;}

.thmb {
display:inline;border:2px #999 solid;margin-bottom:0px;
-webkit-transition: all 1s ease-in-out; 
-moz-transition: all 1s ease-in-out; 
-o-transition: all 1s ease-in-out; 
-ms-transition: all 1s ease-in-out; 
transition: all 1s ease-in-out;
opacity: 0.8;
}
.thmb:hover {
display:inline;border:2px #fff solid;margin-bottom:0px;
opacity: 1.0;
}
img.pressimg {margin:10px; border:2px #fff solid; margin-top:0px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(80%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all 1s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
	-webkit-transition: 1s  ease-in-out; -moz-transition: 1s  ease-in-out; -o-transition: 1s  ease-in-out;  -ms-transition: 1s  ease-in-out;  transition: 1s  ease-in-out;
	 
    -o-filter: grayscale(80%); /* Chrome 19+ & Safari 6+ */
    -o-transition: all 1s ease; /* Fade to color for Chrome and Safari */
    -o-backface-visibility: hidden; /* Fix for transition flickering */
	-o-transition: 1s  ease-in-out; -moz-transition: 1s  ease-in-out; -o-transition: 1s  ease-in-out;  -ms-transition: 1s  ease-in-out;  transition: 1s  ease-in-out;
	
	
    -ms-filter: grayscale(80%); /* Chrome 19+ & Safari 6+ */
    -ms-transition: all 1s ease; /* Fade to color for Chrome and Safari */
    -ms-backface-visibility: hidden; /* Fix for transition flickering */
	-ms-transition: 1s  ease-in-out; -moz-transition: 1s  ease-in-out; -o-transition: 1s  ease-in-out;  -ms-transition: 1s  ease-in-out;  transition: 1s  ease-in-out;
	 
    -moz-filter: grayscale(80%); /* Chrome 19+ & Safari 6+ */
    -moz-transition: all 1s ease; /* Fade to color for Chrome and Safari */
    -moz-backface-visibility: hidden; /* Fix for transition flickering */
	-moz-transition: 1s  ease-in-out; -moz-transition: 1s  ease-in-out; -o-transition: 1s  ease-in-out;  -ms-transition: 1s  ease-in-out;  transition: 1s  ease-in-out;
	 
	filter: grayscale(80%); /* Chrome 19+ & Safari 6+ */
    transition: all 1s ease; /* Fade to color for Chrome and Safari */
    backface-visibility: hidden; /* Fix for transition flickering */
	transition: 1s  ease-in-out; -moz-transition: 1s  ease-in-out; -o-transition: 1s  ease-in-out;  -ms-transition: 1s  ease-in-out;  transition: 1s  ease-in-out;
	}
img.pressimg:hover {
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-moz-filter: grayscale(0%);}
a.link {color:#555;
-webkit-transition: 1s  ease-in-out; 
-moz-transition: 1s  ease-in-out; 
-o-transition: 1s  ease-in-out;
-ms-transition: 1s  ease-in-out;
transition: 1s  ease-in-out;}
a.link:hover {color:#870606;}
p.newstext {text-align:justify;margin-left:6px;}