/* ======================================================================================== *
| NAVIGATION CSS FILE :: For JOHNSTON ARCHITECTURE & DESIGN site wide						|
| css/navigation.css																		|
| 																							|
| PROJECT :: www.johnstonarchitecture.co.uk v1.4											|
| Copyright (C) 2008, QUERIDODESIGN, Switzerland											|
+ =========================================================================================	+
| Author: Julian Querido + Nathan Querido													|
* ========================================================================================= */

/* @group MAIN NAV ======================================================================== */

#left {
	float: left;
	width: 200px;
	height: 100%;
	display: block;
}

.navigation {
	width: 880px;
	height: 22px;
	line-height: 22px;
	margin: 0 0 35px 0;
}

#logo {
	float: left;
	width: 320px;
	height: 22px;
	margin: 0 0 0 40px;
	_margin-left: 20px; /* IE 6 hack */
	background: url(../images/nav/logo.png) no-repeat left top;
}

.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu li {
	background: #EBEBEB url(../images/nav/navigation_right.png) right top no-repeat;
	_background: #EBEBEB url(../images/nav/navigation_right.gif) right top no-repeat;
	display: block;
	float: left;
	padding: 0;
	margin: 0 0 0 5px;
}

.menu a, .menu a:visited {
	background: url(../images/nav/navigation_left.png) left top no-repeat;
	_background: url(../images/nav/navigation_left.gif) left top no-repeat;
	font-size: 11px;
	color: #666;
	height: 22px;
	line-height: 22px;
	display: block;
	padding: 0 7px 0 0;
	text-indent: 8px;
	font-weight: bold;
	float: left;
}

.navigation .menu {
	float: right;
}

.menu a:hover {
	color: #09169B;
}

.menu li:hover {
	color: #09169B;
	background-color: #DDD;
	display: block;
}

.menu_active span { 
	background: #DDD url(../images/nav/navigation_left.png) left top no-repeat;
	_background: #DDD url(../images/nav/navigation_left.gif) left top no-repeat;
	display: block;
}

li.menu_active {
	background: #DDD url(../images/nav/navigation_right.png) right top no-repeat;
	_background: #DDD url(../images/nav/navigation_right.gif) right top no-repeat;
	display: block;
}

li.menu_active a, li.menu_active a:visited {
	color: #09169B;
	background: #DDD url(../images/nav/navigation_right.png) right top no-repeat;
	_background: #DDD url(../images/nav/navigation_right.gif) right top no-repeat;
}

/* @end *********************************************************************************** */