/* fusioncoffeco.com English CSS */
/* Do Not Copy */

body { 
	background: #1c0e03 url("back-container.jpg") no-repeat top center; 
	font: 13px/14px verdana; 
	color: #000;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

html  {
	padding: 0px;
	margin: 0px;
	}
hr {
	margin: 0px 0px 0px 0px;
	}
h1 {
	font: 15px verdana; 
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 0px 0px;
	}
h2 {
	font: 15px verdana; 
	font-weight: bold;
	text-decoration: underline;
	text-decoration: italic;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

h3 {
	font: 14px verdana; 
	font-weight: bold;	
	text-decoration: underline;
	color: #000;
	margin: 0px 0px -10px 0px;
	}

h4 {
	font: 15px verdana; 
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 0px 0px;
	}

h5 {
	font: 15px verdana; 
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 0px 0px;
	}

h6 {
	font: 15px verdana; 
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 0px 0px;
	}


a:link { 
	font: 12px verdana,arial;
	font-weight: bold; 
	text-decoration: none; 
	color: #000000;
	background-color: transparent;
	}
a:visited { 
	font: 12px verdana,arial;
	font-weight: bold; 
	text-decoration: none; 
	color: #000;
	background-color: transparent;
	}
a:hover, a:active {
	font: 12px verdana,arial; 
	font-weight: bold;
	text-decoration: underline; 
	color: #000;
	background-color: transparent;
	
	}

.big 	{
	font: 15px verdana;
	font-weight: bold; 
	}
.white {
	color: #fff;
	}

.white a:link { 
	font: 12px verdana,arial;
	font-weight: bold; 
	text-decoration: none; 
	color: #fff;
	background-color: transparent;
	}
.white a:visited { 
	font: 12px verdana,arial;
	font-weight: bold; 
	text-decoration: none; 
	color: #fff;
	background-color: transparent;
	}
.white a:hover, a:active {
	font: 12px verdana,arial; 
	font-weight: bold;
	text-decoration: underline; 
	color: #fff;
	background-color: transparent;
	
	}


/* specific divs */

#tabs {
	background: transparent;
	color: #251305;
	height: 102px;
	width: 497px;
	margin: 24px 0px 0px 20px;
	float: left;
	}

	#tabs a:link { 
	font: 10px verdana,arial;
	font-weight: bold; 
	text-decoration: none; 
	color: #2f1906;
	background-color: transparent;
	}
	#tabs a:visited { 
	font: 10px verdana,arial;
	font-weight: bold; 
	text-decoration: none; 
	color: #2f1906;
	background-color: transparent;
	}
	#tabs a:hover, a:active {
	font: 10px verdana,arial; 
	font-weight: bold;
	text-decoration: underline; 
	color: #2f1906;
	background-color: transparent;
	
	}


              .navsight
	{
	position: relative;
	display: block;
	font-family: helvetica, arial;
	background: url("tabs-sight2.gif") no-repeat;
	white-space: nowrap;
	width: 89px;
	height: 102px;
	margin: 0;
	padding: 0;
	float: left;
	}

	
              .navsight img
	{
	width: 89px;
	height: 102px;
	border: 0;
	clear: both;
	}
	
             * html a:hover
	{ visibility:visible;
	text-decoration: none; 	}

              .navsight a:hover img
	{ visibility:hidden;  }

             .navsight span
	{ position: absolute;
	left: 0px;
	top: 0px;
	width: 89px;
	height: 102px;
	cursor: pointer;
	text-align: center;
	float: left;} 

 
              .navsound
	{
	position: relative;
	display: block;
	font-family: helvetica, arial;
	background: url("tabs-sound2.gif") no-repeat;
	white-space: nowrap;
	width: 96px;
	height: 102px;
	margin: 0;
	padding: 0;
	float: left;
	}

	
              .navsound img
	{
	width: 96px;
	height: 102px;
	border: 0;
	clear: both;
	}
	
             * html a:hover
	{ visibility:visible;
	text-decoration: none; 	}

              .navsound a:hover img
	{ visibility:hidden;  }

             .navsound span
	{ position: absolute;
	left: 0px;
	top: 0px;
	width: 96px;
	height: 102px;
	cursor: pointer;
	text-align: center;
	float: left;} 
            

              .navtaste
	{
	position: relative;
	display: block;
	font-family: helvetica, arial;
	background: url("tabs-taste2.gif") no-repeat;
	white-space: nowrap;
	width: 82px;
	height: 102px;
	margin: 0;
	padding: 0;
	float: left;
	}

	
              .navtaste img
	{
	width: 82px;
	height: 102px;
	border: 0;
	clear: both;
	}
	
             * html a:hover
	{ visibility:visible;
	text-decoration: none; 	}

              .navtaste a:hover img
	{ visibility:hidden;  }

             .navtaste span
	{ position: absolute;
	left: 0px;
	top: 0px;
	width: 82px;
	height: 102px;
	cursor: pointer;
	text-align: center;
	float: left;} 



              .navsmell
	{
	position: relative;
	display: block;
	font-family: helvetica, arial;
	background: url("tabs-smell2.gif") no-repeat;
	white-space: nowrap;
	width: 82px;
	height: 102px;
	margin: 0;
	padding: 0;
	float: left;
	}

	
              .navsmell img
	{
	width: 82px;
	height: 102px;
	border: 0;
	clear: both;
	}
	
             * html a:hover
	{ visibility:visible;
	text-decoration: none; 	}

              .navsmell a:hover img
	{ visibility:hidden;  }

             .navsmell span
	{ position: absolute;
	left: 0px;
	top: 0px;
	width: 82px;
	height: 102px;
	cursor: pointer;
	text-align: center;
	float: left;} 
	
           
              .navtouch
	{
	position: relative;
	display: block;
	font-family: helvetica, arial;
	background: url("tabs-touch2.gif") no-repeat;
	white-space: nowrap;
	width: 78px;
	height: 102px;
	margin: 0;
	padding: 0;
	float: left;
	}

	
              .navtouch img
	{
	width: 78px;
	height: 102px;
	border: 0;
	clear: both;
	}
	
             * html a:hover
	{ visibility:visible;
	text-decoration: none; 	}

              .navtouch a:hover img
	{ visibility:hidden;  }

             .navtouch span
	{ position: absolute;
	left: 0px;
	top: 0px;
	width: 78px;
	height: 102px;
	cursor: pointer;
	text-align: center;
	float: left;} 

#mastercontainer {
	background: transparent; 
	margin-left: auto;
	margin-right: auto;
  	width: 837px;
	padding-left: 86px;
	}
 
#container {
	background: transparent; 
	width: 837px;	
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	}

#header {
	background: transparent;
	height: 155px;
	width: 837px;
	}

#mainconsole {
	padding: 0px;
	margin: 10px 0px 0px 10px;
	width: 827px;
	height: 428px;
	font: 13px verdana,arial;
	font-weight: bold;
	}

#leftcolumn {
	background: transparent;
	width: 300px;
	float: left;
	}

	#leftcolumn a:link { 
	font: 13px verdana,arial;
	font-weight: bold; 
	text-decoration: underline; 
	color: #fff;
	background-color: transparent;
	}
	#leftcolumn a:visited { 
	font: 13px verdana,arial;
	font-weight: bold; 
	text-decoration: underline; 
	color: #fff;
	background-color: transparent;
	}
	#leftcolumn a:hover, a:active {
	font: 13px verdana,arial; 
	font-weight: bold;
	text-decoration: underline; 
	color: #fff;
	background-color: transparent;
	
	}



#rightcolumn {
	background: transparent;
	width: 455px;
	float: right;
	margin-right: 55px;
	}

*html #rightcolumn {
	background: transparent;
	width: 455px;
	padding: 0px;
	margin: 0px;
	float: right;
	}

#sound {
	background: url("back-sounds.jpg") no-repeat;
	width: 826px;
	height: 279px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 15px;
	float: left;
	}

	#sound iframe{
	background: transparent;
	width: 546px;
	height: 225px;
	padding: 0px;
	margin: 0px;
	overflow-x: hide; 
	overflow-y: scroll; 
	float: left;
	}

	#sound	p {width:95%} 



	#specialmenu	p {width:95%} 

#lightbox {

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;
	
	}
	
	

#lightbox a img	{
	border: none; 
	}



	#outerImageContainer {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;
	margin: 0 auto;
	
	}
	


	#imageContainer {

	padding: 10px;
	
	}


	#loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;
	
	}


	#hoverNav {

	position: absolute;

	top: 0;
	left: 0;

	height: 100%;
	width: 100%;
	z-index: 10;

	}

	
#imageContainer>#hoverNav {
	 left: 0;}


	#hoverNav a{ 
	outline: none;}
	
	

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url("images/blank.gif") no-repeat; 
	
	/* Trick IE into showing hover */
	
	display: block;
	}
	
	
#prevLink {
	 left: 0; float: left;}
	
#nextLink { right: 0; float: right;}
	
	
#prevLink:hover, #prevLink:visited:hover {
	 background: url("images/prevlabel.gif") left 15% no-repeat; 
	}

	
	#nextLink:hover, #nextLink:visited:hover {
	 background: url("images/nextlabel.gif") right 15% no-repeat; 
	}



	
#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;
	
	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;
	
	width: 100%	

	}

	

#imageData{
	padding:0 10px; color: #666; }
	

	#imageData #imageDetails{ 
	width: 70%; float: left; text-align: left; }

	
#imageData #caption{ font-weight: bold;	}

	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
	
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

	
#overlay{

	position: absolute;

	top: 0;
	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	}

#credentials {
	background: transparent;
	float: left;
		}

#copyright {
	background: transparent;
	color: #fff;
	text-align: center;
	line-height: 1.1em;
	margin: 0px -10px 0px 0px;
	padding: 0px 0px 0px 80px;
	height: 37px;
	width: 751px;
	float: left;
	}

#extradiv1 {
	display: none;
	background: transparent url(beans.gif) no-repeat bottom right;
	height: 350px;
	width: 750px;
	float: right;
	position: relative;
	}