/*##############################

		GLOBAL SITE NAV

##############################*/

div#globalnav	{
	height: 58px;
	width: 738px;
	border: 0;
	background: #fff;
	padding: 15px 11px 16px 11px;
	margin: 10px 11px 0 11px;
	position: relative;
	font: 1.3em Arial, Helvetica, sans-serif;
}
/* logo */
div#globalnav h1 {
	padding-left: 10px;
	margin: 0px;
}

/*#########################

		NAV COLUMNS

#########################*/

div#globalnav ul#menucol1 {
	margin: 0;
	padding: 0;
	position: absolute;
	height: 43px;
	top: 22px;
	right: 160px;
	background: transparent url(../img/brewers_navcol1.gif) no-repeat left top;
}
div#globalnav ul#menucol2 {
	margin: 0;
	padding: 0;
	position: absolute;
	height: 43px;
	top: 22px;
	right: 70px;
	background: transparent url(../img/brewers_navcol2.gif) top left no-repeat;
}
div#globalnav ul#menucol1 li a, ul#menucol2 li a {
	height: 9px;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
}
div#globalnav ul#menucol1 li, ul#menucol2 li {
	height: 17px;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#menucol1 li, ul#menucol1 a {
	display: block;
}
ul#menucol2 li, ul#menucol2 a {
	display: block;
}
#aboutus		{top: 0px; width: 71px; }
#service		{top: 17px; width: 71px; }
#news			{top: 35px; width: 71px; }
#casestudies	{top: 0px; width: 71px; }
#jobs			{top: 17px; width: 71px; }
#contact		{top: 35px; width: 71px; }

#aboutus a:hover	{background: transparent url(../img/brewers_navcol1.gif) 0px -51px no-repeat;}
#service a:hover	{background: transparent url(../img/brewers_navcol1.gif) 0px -68px no-repeat;}
#news a:hover	    {background: transparent url(../img/brewers_navcol1.gif) 0px -85px no-repeat;}
#casestudies a:hover{background: transparent url(../img/brewers_navcol2.gif) 0px -51px no-repeat;}
#jobs a:hover	    {background: transparent url(../img/brewers_navcol2.gif) 0px -68px no-repeat;}
#contact a:hover	{background: transparent url(../img/brewers_navcol2.gif) 0px -85px no-repeat;}

/* YOU ARE HERE - GLOBAL NAV */
body#about #aboutus 		{background: transparent url(../img/brewers_navcol1.gif) 0px -51px no-repeat;}
body#services #service		{background: transparent url(../img/brewers_navcol1.gif) 0px -68px no-repeat;}
body#ournews #news  		{background: transparent url(../img/brewers_navcol1.gif) 0px -85px no-repeat;}
body#studies #casestudies	{background: transparent url(../img/brewers_navcol2.gif) 0px -51px no-repeat;}
body#vacancies #jobs		{background: transparent url(../img/brewers_navcol2.gif) 0px -68px no-repeat;}
body#contactus #contact		{background: transparent url(../img/brewers_navcol2.gif) 0px -85px no-repeat;}


/*##########################

		NAV COLUMN 3
		GROUP  SITES

##########################*/

div#globalnav ul#menucol3	{
	margin: 0;
	padding: 0;
	height: 59px;
	position: absolute;
	top: 15px;
	right: 12px;
	background: transparent url(../img/brewers_sitenav.gif) no-repeat;
}
div#globalnav ul#menucol3 li a {
	height: 11px;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
}
div#globalnav ul#menucol3 li {
	height: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#menucol3 li, ul#menucol3 a {
	display: block;
}

#brewers	{top: 0px; width: 11px;}
#clarity	{top: 11px; width: 11px;}
#webfs		{top: 22px; width: 11px;}
#webts		{top: 33px; width: 11px;}

#brewers a:hover	{background: transparent url(../img/brewers_sitenav.gif) -11px 0px no-repeat;}
#clarity a:hover	{background: transparent url(../img/brewers_sitenav.gif) -11px -16px no-repeat;}
#webfs a:hover	    {background: transparent url(../img/brewers_sitenav.gif) -11px -32px no-repeat;}
#webts a:hover		{background: transparent url(../img/brewers_sitenav.gif) -11px -48px no-repeat;}