﻿#container
{
    font-size:0.9em;
}
h1
{
    font-size:1.1em;
    color:#00ccff;
    margin:32px 0 4px 0;
}
h2
{
    font-size:1.1em;
    font-weight:normal;
    margin:0;
    color:#fff;
}

#header img
{
    float: left;
}
#header #buyonline img
{
    display: block;
    background: #fff url(images/buy_online.jpg) no-repeat top left;
}
#header #buyonline:hover img
{
    background-position: top right;
}
#topnavHolder
{
    padding-left:0;
    height:53px;
    background:#140e29 url(images/topnavHolder_bg.jpg) repeat-x;
}
#topnavHolder img
{
    float:left;
}

ul#topNavigation                                   {width:990px;_width:638px; /* _ is an IE6 fix */}
ul#topNavigation li a 							    {display:block;outline:none;width:55px;height:53px;background: transparent url(images/uhr_nav_bg.jpg) no-repeat 0 0; text-indent:-9009px;margin:0 0 0 0;}

ul#topNavigation li#home a 		            {width:51px;height:53px; background-position:0 0}
ul#topNavigation li#home a:hover 		{width:51px;height:53px; background-position:0 -53px}
ul#topNavigation li#homeSelected a	{width:51px;height:53px; background-position:0 -53px}

ul#topNavigation li#about a 					{width:83px;height:53px;background-position:-51px 0;}
ul#topNavigation li#about a:hover 		{width:83px;height:53px;background-position:-51px -53px}
ul#topNavigation li#aboutSelected a		{width:83px;height:53px;background-position:-51px -53px}
			
ul#topNavigation li#offer a 					{width:171px;height:53px;background-position:-134px 0;}
ul#topNavigation li#offer a:hover 			{width:171px;height:53px;background-position:-134px -53px}
ul#topNavigation li#offerSelected a		{width:171px;height:53px;background-position:-134px -53px}

ul#topNavigation li#farms a 					{width:62px;height:53px;background-position:-305px 0;}
ul#topNavigation li#farms a:hover 		{width:62px;height:53px;background-position:-305px -53px}
ul#topNavigation li#farmsSelected a 		{width:62px;height:53px;background-position:-305px -53px}

ul#topNavigation li#baristas a 				{width:77px;height:53px;background-position:-367px 0;}
ul#topNavigation li#baristas a:hover 		{width:77px;height:53px;background-position:-367px -53px}
ul#topNavigation li#baristasSelected a	{width:77px;height:53px;background-position:-367px -53px}

ul#topNavigation li#advice a 				{width:70px;height:53px;background-position:-444px 0;}
ul#topNavigation li#advice a:hover 		{width:70px;height:53px;background-position:-444px -53px}
ul#topNavigation li#adviceSelected a 	{width:70px;height:53px;background-position:-444px -53px}

ul#topNavigation li#news a 					{width:59px;height:53px;background-position:-514px 0;}
ul#topNavigation li#news a:hover 			{width:59px;height:53px;background-position:-514px -53px}	
ul#topNavigation li#newsSelected a		{width:59px;height:53px;background-position:-514px -53px}

ul#topNavigation li#contact a 				{width:65px;height:53px;background-position:-573px 0;}
ul#topNavigation li#contact a:hover 		{width:65px;height:53px;background-position:-573px -53px}	
ul#topNavigation li#contactSelected a 	{width:65px;height:53px;background-position:-573px -53px}	





#main_body #our_world
{
    background: transparent url(images/coffee_list_bg.jpg) no-repeat top left;
    width:990px;
    height:148px;
    padding-top:20px;
}

#main_body #coffee_list a img
{
    margin:0 9px;
    width:60px;
    height:107px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position:top left;
}
#main_body #coffee_list #brazil_lambari img
{
    background-image: url(images/brazil_lambari.gif);
}
#main_body #coffee_list #organic_mexico_chiapas img
{
    background-image: url(images/organic_mexico_chiapas.gif);
}
#main_body #coffee_list #organic_ethiopia_yirgacheffe img
{
    background-image: url(images/organic_ethiopia_yirgacheffe.gif);
}
#main_body #coffee_list #rwanda_maraba img
{
    background-image: url(images/rwanda_maraba.gif);
}
#main_body #coffee_list #union_spirit_blend img
{
    background-image: url(images/union_spirit_blend.gif);
}
#main_body #coffee_list #colombia_timana img
{
    background-image: url(images/colombia_timana.gif);
}
#main_body #coffee_list #bright_note_blend img
{
    background-image: url(images/bright_note_blend.gif);
}
#main_body #coffee_list #decaf_blend img
{
    background-image: url(images/decaf_blend.gif);
}
#main_body #coffee_list #guatemala_santa_ana img
{
    background-image: url(images/guatemala_santa_ana.gif);
}
#main_body #coffee_list #organic_sumatra_takengon img
{
    background-image: url(images/organic_sumatra_takengon.gif);
}
#main_body #coffee_list #organic_natural_spirit_blend img
{
    background-image: url(images/organic_natural_spirit_blend.gif);
}
#main_body #coffee_list #revelation_blend img
{
    background-image: url(images/revelation_blend.gif);
}

#main_body #coffee_list a:hover img, #main_body #coffee_list a.zzz img
{
    background-position:top right;
}
#main_body #left, #main_body div #right
{
    float:left;
    height:352px;
}
#main_body #right
{
    background:#1f153f url(images/main_body_bg.jpg) no-repeat top left;
    width:748px;
}
#main_body #right #inner_left
{
    float:left;
    width:424px;
}
#main_body #right #inner_left a
{
    color:#fdab02;
    font-weight:bold;
    text-decoration:none;
}
#main_body #right #inner_left p
{
    line-height:1.25em;
    margin-bottom:10px;
}
#main_body #right #inner_right
{
    float:left;
    background-color:#140e29;
    width:238px;
    margin:0 0 50px 0;
    padding:28px 30px 0 36px;
}
#main_body #right #inner_right p
{
    line-height:1.25em;
    margin-bottom:25px;
}
#bottomnavHolder
{
    background: #20153D url(images/bottom_nav_bg.jpg) repeat-x;
    height:125px;
}
#bottomNavigation li
{
    float:left;
    display:block;
    width: 72px;
    height:64px;
    padding:0 5px;
    text-align:center;
    background:transparent url(images/bottom_nav_divider.jpg) no-repeat 100% 0;
}
#bottomNavigation li.end
{
    background-image:none;
}
#bottomNavigation li a
{
    font-size:1em;
    font-weight:bold;
    text-decoration:none;
    color:#fdab02;
    display:block;
    margin-top:10px;
}
#bottomNavigation li a:hover, #bottomNavigation li.selected a, #main_body #right #inner_left a:hover
{
    color:#00ccff;
}

/*----------------------------------------------------------*/
.rm14
{
    margin-right:14px;
}
.rm20
{
    margin-right:20px;
}
.rm80
{
    margin-right:80px;
}
