/****************************
Copyright ninefootone creative (www.ninefootone.co.uk)
Design CSS
Coded by Jon Bradley with initial workings by David Turner

NOTE: This code is copyrighted.  No unauthorized use
is allowed.  Don't steal code.  However, please feel free
to look at how we did something then write it yourself.

*****************************/

body {
	background: transparent url(../../images/brown/bgnd.jpg) repeat-x scroll right top;
}

/*****************************
MENU LAYOUT STARTS HERE
******************************/
#menu_container{
	position: relative;
	margin:0px ;
	top:15px;
	width: 210px;
	height: 85px;
	margin: 0px;
	background-color: #FFFFFF;
}
#menu_container ul{
	padding: 0px;
	top:0px;
	left:0px;
	z-index: 50;
	margin: 0px;
}
#menu_container li, #menu_header_1, #menu_header_2, #menu_header_3, #menu_header_4, #menu_header_5, #menu_header_6, #menu_header_7, #menu_header_8{
	position: relative;
	top:0px;
	left:0px;
	z-index: 50;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	width: 105px;
	height: 17px;
}

#menu_header_1, #menu_header_2, #menu_header_3, #menu_header_4, #menu_header_5, #menu_header_6, #menu_header_7, #menu_header_8{
	margin: 0px 0px 0px 0px;
}

#menu_header_1 { height: 17px; background: url(../../images/brown/menu.gif) 0px -0px no-repeat ;}
#menu_header_2 { height: 17px; background: url(../../images/brown/menu.gif) 0px -17px no-repeat ;}
#menu_header_3 { height: 17px; background: url(../../images/brown/menu.gif) 0px -34px no-repeat ;}
#menu_header_4 { height: 17px; background: url(../../images/brown/menu.gif) 0px -51px no-repeat ;}
#menu_header_5 { height: 17px; background: url(../../images/brown/menu.gif) 0px -68px no-repeat ;}
#menu_header_6 { height: 17px; background: url(../../images/brown/menu.gif) 0px -88px no-repeat ;}
#menu_header_7 { height: 17px; background: url(../../images/brown/menu.gif) 0px -105px no-repeat ;}
#menu_header_8 { height: 17px; background: url(../../images/brown/menu.gif) 0px -119px no-repeat ;}

#menu_header_1 a{ height: 17px; background: none;}
#menu_header_2 a{ height: 17px; }
#menu_header_3 a{ height: 17px; }
#menu_header_4 a{ height: 17px; }
#menu_header_5 a{ height: 17px; }
#menu_header_6 a{ height: 17px; }
#menu_header_7 a{ height: 17px; }
#menu_header_8 a{ height: 17px; }

#menu_header_1 a, #menu_header_2 a, #menu_header_3 a, #menu_header_4 a, #menu_header_5 a, #menu_header_6 a, #menu_header_7 a, #menu_header_8 a{
	display: block;
	margin: 0px 0px 0px 0px;
	width: 105px;
}

#menu_header_1 a:hover{ height: 17px; background: url(../../images/brown/menu.gif) -105px -0px no-repeat ;}
#menu_header_2 a:hover{ height: 17px; background: url(../../images/brown/menu.gif) -105px -17px no-repeat ;}
#menu_header_3 a:hover{ height: 17px; background: url(../../images/brown/menu.gif) -105px -34px no-repeat ;}
#menu_header_4 a:hover{ height: 17px; background: url(../../images/brown/menu.gif) -105px -51px no-repeat ;}
#menu_header_5 a:hover{ height: 17px; background: url(../../images/brown/menu.gif) -105px -68px no-repeat ;}
#menu_header_6 a:hover{ height: 17px; background: url(../../images/brown/menu.gif) -105px -88px no-repeat ;}
#menu_header_7 a:hover{ height: 17px; background: url(../../images/brown/menu.gif) -105px -105px no-repeat ;}
#menu_header_8 a:hover{ height: 17px; background: url(../../images/brown/menu.gif) -105px -119px no-repeat ;}
	
#menu_container a{
	padding: 0px;
	margin: 0px;
	display: block;
}

/*******************************
COFFEE MENU LAYOUT STARTS HERE
********************************/
#coffeemenu_container{
	position: relative;
	margin:0px ;
	left:1px;
	top:15px;
	width: 115px;
	height: 150px;
	margin: 0px;
	background-color: #FFFFFF;
}
#coffeemenu_container ul{
	padding: 0px;
	top:0px;
	left:0px;
	z-index: 50;
	margin: 0px;
}
#coffeemenu_container li, #coffeemenu_header_1, #coffeemenu_header_2, #coffeemenu_header_3, #coffeemenu_header_4, #coffeemenu_header_5, #coffeemenu_header_6, #coffeemenu_header_7, #coffeemenu_header_8, #coffeemenu_header_9, #coffeemenu_header_10{
	position: relative;
	top:0px;
	left:0px;
	z-index: 50;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	width: 115px;
	height: 15px;
}

#coffeemenu_header_1, #coffeemenu_header_2, #coffeemenu_header_3, #coffeemenu_header_4, #coffeemenu_header_5, #coffeemenu_header_6, #coffeemenu_header_7, #coffeemenu_header_8, #coffeemenu_header_9, #coffeemenu_header_10{
	margin: 0px 0px 0px 0px;
}

#coffeemenu_header_1 { height: 15px; background: url(../../images/brown/coffeemenu.gif) 0px -0px no-repeat ;}
#coffeemenu_header_2 { height: 15px; background: url(../../images/brown/coffeemenu.gif) 0px -15px no-repeat ;}
#coffeemenu_header_3 { height: 15px; background: url(../../images/brown/coffeemenu.gif) 0px -30px no-repeat ;}
#coffeemenu_header_4 { height: 15px; background: url(../../images/brown/coffeemenu.gif) 0px -45px no-repeat ;}
#coffeemenu_header_5 { height: 15px; background: url(../../images/brown/coffeemenu.gif) 0px -60px no-repeat ;}
#coffeemenu_header_6 { height: 15px; background: url(../../images/brown/coffeemenu.gif) 0px -75px no-repeat ;}
#coffeemenu_header_7 { height: 15px; background: url(../../images/brown/coffeemenu.gif) 0px -90px no-repeat ;}
#coffeemenu_header_8 { height: 15px; background: url(../../images/brown/coffeemenu.gif) 0px -105px no-repeat ;}
#coffeemenu_header_9 { height: 15px; background: url(../../images/brown/coffeemenu.gif) 0px -120px no-repeat ;}
#coffeemenu_header_10 { height: 15px; background: url(../../images/brown/coffeemenu.gif) 0px -135px no-repeat ;}

#coffeemenu_header_1 a{ height: 15px; background: none;}
#coffeemenu_header_2 a{ height: 15px; }
#coffeemenu_header_3 a{ height: 15px; }
#coffeemenu_header_4 a{ height: 15px; }
#coffeemenu_header_5 a{ height: 15px; }
#coffeemenu_header_6 a{ height: 15px; }
#coffeemenu_header_7 a{ height: 15px; }
#coffeemenu_header_8 a{ height: 15px; }
#coffeemenu_header_9 a{ height: 15px; }
#coffeemenu_header_10 a{ height: 15px; }

#coffeemenu_header_1 a, #coffeemenu_header_2 a, #coffeemenu_header_3 a, #coffeemenu_header_4 a, #coffeemenu_header_5 a, #coffeemenu_header_6 a, #coffeemenu_header_7 a, #coffeemenu_header_8 a, #coffeemenu_header_9 a, #coffeemenu_header_10 a{
	display: block;
	margin: 0px 0px 0px 0px;
	width: 115px;
}

#coffeemenu_header_1 a:hover{ height: 15px; background: url(../../images/brown/coffeemenu.gif) -115px -0px no-repeat ;}
#coffeemenu_header_2 a:hover{ height: 15px; background: url(../../images/brown/coffeemenu.gif) -115px -15px no-repeat ;}
#coffeemenu_header_3 a:hover{ height: 15px; background: url(../../images/brown/coffeemenu.gif) -115px -30px no-repeat ;}
#coffeemenu_header_4 a:hover{ height: 15px; background: url(../../images/brown/coffeemenu.gif) -115px -45px no-repeat ;}
#coffeemenu_header_5 a:hover{ height: 15px; background: url(../../images/brown/coffeemenu.gif) -115px -60px no-repeat ;}
#coffeemenu_header_6 a:hover{ height: 15px; background: url(../../images/brown/coffeemenu.gif) -115px -75px no-repeat ;}
#coffeemenu_header_7 a:hover{ height: 15px; background: url(../../images/brown/coffeemenu.gif) -115px -90px no-repeat ;}
#coffeemenu_header_8 a:hover{ height: 15px; background: url(../../images/brown/coffeemenu.gif) -115px -105px no-repeat ;}
#coffeemenu_header_9 a:hover{ height: 15px; background: url(../../images/brown/coffeemenu.gif) -115px -120px no-repeat ;}
#coffeemenu_header_10 a:hover{ height: 15px; background: url(../../images/brown/coffeemenu.gif) -115px -135px no-repeat ;}
	
#coffeemenu_container a{
	padding: 0px;
	margin: 0px;
	display: block;
}

/*******************************
TEA MENU LAYOUT STARTS HERE
********************************/
#teamenu_container{
	position: relative;
	margin:0px ;
	left:1px;
	top:15px;
	width: 180px;
	height: 135px;
	margin: 0px;
	background-color: #FFFFFF;
}
#teamenu_container ul{
	padding: 0px;
	top:0px;
	left:0px;
	z-index: 50;
	margin: 0px;
}
#teamenu_container li, #teamenu_header_1, #teamenu_header_2, #teamenu_header_3, #teamenu_header_4, #teamenu_header_5, #teamenu_header_6, #teamenu_header_7, #teamenu_header_8, #teamenu_header_9, #teamenu_header_10{
	position: relative;
	top:0px;
	left:0px;
	z-index: 50;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	width: 180px;
	height: 15px;
}

#teamenu_header_1, #teamenu_header_2, #teamenu_header_3, #teamenu_header_4, #teamenu_header_5, #teamenu_header_6, #teamenu_header_7, #teamenu_header_8, #teamenu_header_9, #teamenu_header_10{
	margin: 0px 0px 0px 0px;
}

#teamenu_header_1 { height: 15px; background: url(../../images/brown/teamenu.gif) 0px -0px no-repeat ;}
#teamenu_header_2 { height: 15px; background: url(../../images/brown/teamenu.gif) 0px -15px no-repeat ;}
#teamenu_header_3 { height: 15px; background: url(../../images/brown/teamenu.gif) 0px -30px no-repeat ;}
#teamenu_header_4 { height: 15px; background: url(../../images/brown/teamenu.gif) 0px -45px no-repeat ;}
#teamenu_header_5 { height: 15px; background: url(../../images/brown/teamenu.gif) 0px -60px no-repeat ;}
#teamenu_header_6 { height: 15px; background: url(../../images/brown/teamenu.gif) 0px -75px no-repeat ;}
#teamenu_header_7 { height: 15px; background: url(../../images/brown/teamenu.gif) 0px -90px no-repeat ;}
#teamenu_header_8 { height: 15px; background: url(../../images/brown/teamenu.gif) 0px -105px no-repeat ;}
#teamenu_header_9 { height: 15px; background: url(../../images/brown/teamenu.gif) 0px -120px no-repeat ;}
#teamenu_header_10 { height: 15px; background: url(../../images/brown/teamenu.gif) 0px -135px no-repeat ;}

#teamenu_header_1 a{ height: 15px; background: none;}
#teamenu_header_2 a{ height: 15px; }
#teamenu_header_3 a{ height: 15px; }
#teamenu_header_4 a{ height: 15px; }
#teamenu_header_5 a{ height: 15px; }
#teamenu_header_6 a{ height: 15px; }
#teamenu_header_7 a{ height: 15px; }
#teamenu_header_8 a{ height: 15px; }
#teamenu_header_9 a{ height: 15px; }
#teamenu_header_10 a{ height: 15px; }

#teamenu_header_1 a, #teamenu_header_2 a, #teamenu_header_3 a, #teamenu_header_4 a, #teamenu_header_5 a, #teamenu_header_6 a, #teamenu_header_7 a, #teamenu_header_8 a, #teamenu_header_9 a, #teamenu_header_10 a{
	display: block;
	margin: 0px 0px 0px 0px;
	width: 180px;
}

#teamenu_header_1 a:hover{ height: 15px; background: url(../../images/brown/teamenu.gif) -180px -0px no-repeat ;}
#teamenu_header_2 a:hover{ height: 15px; background: url(../../images/brown/teamenu.gif) -180px -15px no-repeat ;}
#teamenu_header_3 a:hover{ height: 15px; background: url(../../images/brown/teamenu.gif) -180px -30px no-repeat ;}
#teamenu_header_4 a:hover{ height: 15px; background: url(../../images/brown/teamenu.gif) -180px -45px no-repeat ;}
#teamenu_header_5 a:hover{ height: 15px; background: url(../../images/brown/teamenu.gif) -180px -60px no-repeat ;}
#teamenu_header_6 a:hover{ height: 15px; background: url(../../images/brown/teamenu.gif) -180px -75px no-repeat ;}
#teamenu_header_7 a:hover{ height: 15px; background: url(../../images/brown/teamenu.gif) -180px -90px no-repeat ;}
#teamenu_header_8 a:hover{ height: 15px; background: url(../../images/brown/teamenu.gif) -180px -105px no-repeat ;}
#teamenu_header_9 a:hover{ height: 15px; background: url(../../images/brown/teamenu.gif) -180px -120px no-repeat ;}
#teamenu_header_10 a:hover{ height: 15px; background: url(../../images/brown/teamenu.gif) -180px -135px no-repeat ;}
	
#teamenu_container a{
	padding: 0px;
	margin: 0px;
	display: block;
}