/*------------------------------------------------------------------------- 
CSS Document 
NAV STYLES FOR SITE
AUTHOR: MATT BENTLEY
EMAIL: MATT@DIGITALTURTLE.CO.UK
---------------------------------------------------------------------------*/

#menu_bar ul 
{
	float: left;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.nav_left
{
	float: left;
	width: 4px;
	height: 29px;
	background: url(../images/nav/left_off.gif) no-repeat;
}
.nav_right
{
	float: left;
	width: 4px;
	height: 29px;
	background: url(../images/nav/right_off.gif) no-repeat;
}
#menu_bar a 
{
	display: block;
	float: left;
	text-decoration: none;
	font-size: 11px;
	height: 29px;
	line-height: 29px;
	background: url(../images/nav/bg_off.gif) repeat-x;
}

#menu_bar li 
{
	float: left;
	display: inline;
	position:relative;
}

#menu_bar a:hover 
{
	background: url(../images/nav/bg_over_off.gif) repeat-x;
	color: #00245D;
	cursor: pointer;
}
#menu_bar a:hover .nav_right
{
	background: url(../images/nav/right_over_off.gif) no-repeat;
}
#menu_bar a:hover .nav_left
{
	background: url(../images/nav/left_over_off.gif) no-repeat;
}

/*on state for main menu*/
#menu_bar a.on  
{
	background: url(../images/nav/bg_on.gif) repeat-x;
	color: #fff;
}
#menu_bar a.on .nav_right
{
	background: url(../images/nav/right_on.gif) no-repeat;
}
#menu_bar a.on .nav_left
{
	background: url(../images/nav/left_on.gif) no-repeat;
}





/* PAGES MUST HAVE ID APPLIED TO THE BODY TAG AS PER THE ID'S BELOW TO HIGHLIGHT THE CORRECT NAV TAB */
#view_all #menu_bar #view_all_nav,
#home #menu_bar #home_nav,
#req_brochure #menu_bar #req_brochure_nav,
#door #menu_bar #door_nav,
#finest #menu_bar #finest_nav,
#services #menu_bar #services_nav,
#contact #menu_bar #contact_nav
{
	background: url(../images/nav/bg_on.gif) repeat-x;
	color: #fff;
}
#view_all #menu_bar #view_all_nav:hover a,
#home #menu_bar #home_nav:hover a,
#req_brochure #menu_bar #req_brochure_nav:hover a,
#door #menu_bar #door_nav:hover a,
#finest #menu_bar #finest_nav:hover a,
#services #menu_bar #services_nav:hover a,
#contact #menu_bar #contact_nav:hover a
{
	color: #ccc;
}
#view_all #menu_bar #view_all_left,
#home #menu_bar #home_left,
#req_brochure #menu_bar #req_brochure_left,
#door #menu_bar #door_left,
#finest #menu_bar #finest_left,
#services #menu_bar #services_left,
#contact #menu_bar #contact_left
{
	background: url(../images/nav/left_on.gif) no-repeat;
}
#view_all #menu_bar #view_all_right,
#home #menu_bar #home_right,
#req_brochure #menu_bar #req_brochure_right,
#door #menu_bar #door_right,
#finest #menu_bar #finest_right,
#services #menu_bar #services_right,
#contact #menu_bar #contact_right
{
	background: url(../images/nav/right_on.gif) no-repeat;
}
.nav_item
{
	margin-left: 1px;
}
#view_all_nav
{
	width: 174px;
	float: left;
}
#home_nav
{
	width: 68px;
	float: left;
}
#req_brochure_nav
{
	width: 145px;
	float: left;
}
#door_nav
{
	width: 105px;
	float: left;
}
#finest_nav
{
	width: 99px;
	float: left;
}
#services_nav
{
	width: 90px;
	float: left;
}
#contact_nav
{
	width: 82px;
	float: left;
}