@charset "utf-8";
@font-face {
    font-family: 'CabinRegular';
    src: url('fontface/Cabin-Regular-webfont.eot');
    src: url('fontface/Cabin-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/Cabin-Regular-webfont.woff') format('woff'),
         url('fontface/Cabin-Regular-webfont.ttf') format('truetype'),
         url('fontface/Cabin-Regular-webfont.svg#CabinRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CabinItalic';
    src: url('fontface/Cabin-Italic-webfont.eot');
    src: url('fontface/Cabin-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/Cabin-Italic-webfont.woff') format('woff'),
         url('fontface/Cabin-Italic-webfont.ttf') format('truetype'),
         url('fontface/Cabin-Italic-webfont.svg#CabinItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CabinMedium';
    src: url('fontface/Cabin-Medium-webfont.eot');
    src: url('fontface/Cabin-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/Cabin-Medium-webfont.woff') format('woff'),
         url('fontface/Cabin-Medium-webfont.ttf') format('truetype'),
         url('fontface/Cabin-Medium-webfont.svg#CabinMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CabinMediumItalic';
    src: url('fontface/Cabin-MediumItalic-webfont.eot');
    src: url('fontface/Cabin-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/Cabin-MediumItalic-webfont.woff') format('woff'),
         url('fontface/Cabin-MediumItalic-webfont.ttf') format('truetype'),
         url('fontface/Cabin-MediumItalic-webfont.svg#CabinMediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CabinSemiBold';
    src: url('fontface/Cabin-SemiBold-webfont.eot');
    src: url('fontface/Cabin-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/Cabin-SemiBold-webfont.woff') format('woff'),
         url('fontface/Cabin-SemiBold-webfont.ttf') format('truetype'),
         url('fontface/Cabin-SemiBold-webfont.svg#CabinSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CabinSemiBoldItalic';
    src: url('fontface/Cabin-SemiBoldItalic-webfont.eot');
    src: url('fontface/Cabin-SemiBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/Cabin-SemiBoldItalic-webfont.woff') format('woff'),
         url('fontface/Cabin-SemiBoldItalic-webfont.ttf') format('truetype'),
         url('fontface/Cabin-SemiBoldItalic-webfont.svg#CabinSemiBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CabinBold';
    src: url('fontface/Cabin-Bold-webfont.eot');
    src: url('fontface/Cabin-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/Cabin-Bold-webfont.woff') format('woff'),
         url('fontface/Cabin-Bold-webfont.ttf') format('truetype'),
         url('fontface/Cabin-Bold-webfont.svg#CabinBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CabinBoldItalic';
    src: url('fontface/Cabin-BoldItalic-webfont.eot');
    src: url('fontface/Cabin-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/Cabin-BoldItalic-webfont.woff') format('woff'),
         url('fontface/Cabin-BoldItalic-webfont.ttf') format('truetype'),
         url('fontface/Cabin-BoldItalic-webfont.svg#CabinBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Abyssinica';
    src: url('fontface/Abyssinica_SIL.ttf');
    font-weight: normal;
    font-style: normal;
}
body {
	font: 100% Cabin, Verdana, Arial, Helvetica, sans-serif;
	background: #444444;
	background-image:url(../images/background.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-size: 12px;
	min-width: 1200px;
	color: #000000;
}
div, img, a, table, tr, td {border:none}
a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 1200px;
	min-height: 800px;
	position: relative;
	min-width: 1200px;
	background-color: #000000;
	}
#slideshow {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
}
#main {
	position: absolute;
	top: 20px;
	left: 240px;
	width: 940px;
	height: 760px;
	}
#main_content {
	position: relative;
	top: 134px;
	left: 0px;
	width: 940px;
	height: 626px;
	overflow: hidden;
}
#main_bckground { 
	position: absolute; 
	top: 0px; 
	opacity: 0.8; 
	filter:alpha(opacity=80);
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 0px 20px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 0px 20px rgba(0, 0, 0, 0.75);
	background-color: #333;
	width: 100%; 
	height: 100%;
}
#disclaimer {
	width: 100%; margin-top: 10px; color: #ccc;
}
#disclaimer a {
	color: #fff;
}
.twitter_container {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 220px;
	z-index: 1
}
.twitter_container .tw_toggle {
	position: absolute; top: 362px; right: -45px; width: 42px; height: 84px;
}
.twitter_container .tw_toggle .tw_show {
	position: absolute; display: none; z-index: 2; cursor: pointer
}
.twitter_container .tw_toggle .tw_hide {
	position: absolute; display: block; z-index: 3; cursor: pointer
}
#home_navigator { 
	z-index: 300;
	width: 930px;
	height: 60px;
	top: 283px;
	right: 5px;
	position: absolute;
}
#home_navigator .hn_left { 
	float: left;
	position:relative;
	width: 60px;
	height: 60px;
}
#home_navigator .hn_right { 
	float: right;
	position:relative;
	width: 60px;
	height: 60px;
}
#home_navigator .hn_left .down, #home_navigator .hn_right .down {
	opacity: 0.3; 
	position: absolute;
	top: 0px;
}

#navigator { 
	position: absolute;
	top: 20px;
	right: 20px;
	width: 20px;
	height: 586px;
}
#navigator_bckgrnd { 
	width: 100%;
	height: 100%;
	background-color:#FFF;
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index: 30;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#navigator_top { 
	position: absolute; 
	top: 5px; 
	width: 20px; 
	height: 30px;
	z-index: 31;
}
#navigator_bottom { 
	position: absolute; 
	bottom: 5px; 
	width: 20px; 
	height: 30px;
	z-index: 31;
}
#navigator a { 
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#navigator a:hover { 
	opacity: 1;
	filter: alpha(opacity=100);
}
#habesha_4_step {
	position: absolute; 
	top: 0px;
	width: 900px;
	height: 720px;
}
#habesha_4_step .steps {
	opacity: 0;
	position: absolute;
}
#habesha_4_step .steps:hover {
	opacity: 1;
	cursor: pointer;
}
#habesha_4_step .bubble_left {
	background-image:url(http://bunnaethiopia.net/bunna/templates/bunna/images/pop_up_bubble_left.png);
	position: absolute;
	width: 531px;
	height: 650px;
	margin: 0 auto;
	z-index: 110;
}
#habesha_4_step .bubble_right {
	background-image:url(http://bunnaethiopia.net/bunna/templates/bunna/images/pop_up_bubble_right.png);
	position: absolute;
	width: 531px;
	height: 650px;
	margin: 0 auto;
	z-index: 110;
}
#habesha_4_step .bubble_center {
	background-image:url(http://bunnaethiopia.net/bunna/templates/bunna/images/pop_up_bubble_center.png);
	position: absolute;
	width: 531px;
	height: 650px;
	margin: 0 auto;
	z-index: 110;
}
#habesha_4_step .bubble_content {
	width: 480px;
	height: 550px;
	top: 68px;
	left: 25px;
	position: relative;
	margin: 0;
	border: 0;
	padding: 0;
}
#habesha_4_step .close {
	top: 38px;
	left: 25px;
	position: absolute;
	cursor: pointer;
}
#habesha_4_step .refresh {
	top: 42px;
	right: 25px;
	position: absolute;
	cursor: pointer;
}
#habesha_4_step .random-article-wrapper {
	margin: 0;
	border: 0;
	padding: 0;
}
#habesha_4_step .random-article {
	margin: 0;
	border: 0;
	padding: 0;
}
#habesha_4_step .introtext {
	margin: 0;
	border: 0;
	padding: 0;
}
#menu {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 220px;
	height: 800px;
	overflow: hidden;
}
#menu_bckground {
	position: absolute;
	background-color: #FFF;
	opacity: 0.1;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=10);
}
#menu_content {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 200px;
	height: 780px;
}
#menu_content li {
	width: 200px;
	height: 80px;
	text-align: right;
	font: 100% CabinSemiBold, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 80px;
}
#menu_content li a {
	padding: 20px 0px 20px 40px;
}

#menu_content .item-435 {
}
#menu_content .item-465 {
}
#menu_content .item-466 {
}
#menu_content .item-467 {
}
#menu_content .item-468 {
}

#slideshow {
	left: 0px;
	top: 0px;
	width: 1200px;
    height: 800px;
}
.item-pagehome h1 {
	display: none;
}
.slideshow IMG {
    position:absolute;
    z-index:8;
}

.slideshow IMG.active {
    z-index:10;
}

.slideshow IMG.last-active {
    z-index:9;
}
.item-page a {
	color: #ffff9a;	
}
.item-page a:hover {
	color: #FFF;	
}

.link_frame {
	width: 42px;
	height: 42px;
	position: absolute;
	opacity: 1;
}
.transparent {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.opaque {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.small {
	font-size: small;
}
.smaller {
	font-size: smaller;
}
.smallest {
	font-size: xx-small;
}
.medium {
	font-size: medium;
}
.blog {
	position: absolute;
	top: 0px;
	width: 940px;
	height: 626px;
	overflow: hidden;
}
.items-leading {
	position: absolute;
	top: 0px;
	width: 940px;
}
#bunna_menu_choices {
	font-size: 16px;
	font-weight: bold; 
	text-align: center; 
	color: #ffff9a;
}
#bunna_menu_choices a {
	color: #ffff9a;
}
#bunna_menu_choices a:hover {
	color: #fff;
}
.blogbunna_press {
	position: relative;
	top: 7px;
}
.press {
	width: 870px; 
	height: 180px; 
	position: relative; 
	top: 0px; 
	margin: 20px;
	background-color: #CCC;
	text-align: left;
	border-radius: 10px;
	-moz-border-radius: 10px;
}
.press a {
	color: #666;
}
.press li {
	display: inline;
	list-style-type: none;
}
.article {
	height: 180px;
	margin: 10px;
	font-size: 12px;
	position: absolute;
}
.article h2 {
	font-size: 16px;
	font-weight: bold;
}
.article_img {
	height: 180px;
}
.text_left {
	text-align:left;
	}
.text_justify {
	text-align:justify;
	}
	
 for the Coffee Ceremony page 

.cc_text {
	font-size:24px;
	}
.next {
	opacity: 0.6;
}
.next:hover {
	opacity: 1;
}
#go_back a {
	opacity: 0.6;
}
#go_back a:hover {
	opacity: 1;
}
.cc_active {
	
	}
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
.out_of_office {
	position: relative;
	text-align: center;
	top: 100px;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	width: 100%;
}
.pointer {
	cursor: pointer;
}
.btn {
  background: #cfd0d1;
  background-image: -webkit-linear-gradient(top, #cfd0d1, #808080);
  background-image: -moz-linear-gradient(top, #cfd0d1, #808080);
  background-image: -ms-linear-gradient(top, #cfd0d1, #808080);
  background-image: -o-linear-gradient(top, #cfd0d1, #808080);
  background-image: linear-gradient(to bottom, #cfd0d1, #808080);
  -webkit-border-radius: 14;
  -moz-border-radius: 14;
  border-radius: 14px;
  font-family: Arial;
  color: #ffffff;
  font-size: 24px;
  padding: 10px 20px 10px 20px;
  border: solid #585e61 3px;
  text-decoration: none;
}

.btn:hover {
  background: #cc8989;
  background-image: -webkit-linear-gradient(top, #cc8989, #8f5d5d);
  background-image: -moz-linear-gradient(top, #cc8989, #8f5d5d);
  background-image: -ms-linear-gradient(top, #cc8989, #8f5d5d);
  background-image: -o-linear-gradient(top, #cc8989, #8f5d5d);
  background-image: linear-gradient(to bottom, #cc8989, #8f5d5d);
  text-decoration: none;
}
.btn_horizontal {
	float:left; 
	margin-left: 10px;
}
#what_is_bunna_text {
	position: absolute;
    width: 750px;
    height: 586px;
    padding: 20px;
    top: 0px;
    left: 150px;
    text-align: left;
    font-size: 1.2em;
    overflow-y: auto;
}