ul.slidingmenu {
	float:left;
}

ul.slidingmenu li {
  text-align: center;
  width:148px;
}

ul#nav {
	background:url(/images/layout/nav.jpg) no-repeat;
	height:330px;
	width:148px;
}


ul.slidingmenu a {
  color: #000;
  font-weight:bold;
  text-decoration: none;
}

ul.slidingmenu a:hover {
  color: #fff;
}

/* remove standard HTML list indenting, and display as normal blocks */
ul.slidingmenu,
ul.slidingmenu ul,
ul.slidingmenu li,
ul.slidingmenu a { 
  padding: 0;
  margin: 0;
  display: block;
}

/* use a fixed width for menu and submenus */
/*ul.slidingmenu,
ul.slidingmenu ul {
  width: 140px;
}*/

ul.slidingmenu ul {
	background-color:#7A5632;
	border:1px solid #3F2B17;
	margin:0;
	padding:0;
	width:200px;

}

ul.slidingmenu ul li a{
	text-align:left;
	/*line-height:20px;	*/
	color:#000;
	border-bottom:1px dotted #533A22;
	margin:0;
	padding:4px 0 4px 2px;
	width:198px;

}

ul.slidingmenu ul li a:hover{
	background-color:#B49E84;
	width:198px;
	color:#fff;
}

/* make li's into clean, moveable blocks */
ul.slidingmenu li {
  list-style-type: none; 
  position: relative;
}

/* Make list items do what they're supposed to in IE */
ul.slidingmenu a {
 /*width: 100%;*/
}

/* make sure any ul inside an li (a submenu) takes up zero normal flow */
ul.slidingmenu ul { 
  position: absolute;  
  top: -4px; /* the height of the top border */
  left: 147px; 
  display: none;
  background:#7A5632 url(/images/layout/flyoutbg.jpg) bottom right no-repeat;
}

ul.slidingmenu ul li a{ 
	font-size:0.9em;
}

#home{
	margin:10px 0 0 4px;
}

#sires{
	margin:17px 0 0 4px;

}

#sale{
	margin:17px 0 0 4px;


}

#breeding{
	margin:17px 0 0 4px;

}

#contact, #photo-gallery, #sales-2010 {
	margin:19px 0 0 4px;
}

#red-angus{
	border:none;
}