/* ======================================================================================== *
| NAVIGATION CSS FILE :: For MAESTROJULES site wide											|
| css/navigation.css																		|
| 																							|
| PROJECT :: www.maestrojules.com v2.0														|
| Copyright (C) 2008, QUERIDODESIGN, Switzerland											|
+ =========================================================================================	+
| Author: Julian Querido + Nathan Querido													|
* ========================================================================================= */

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

#main_nav {
	font-size: 10px;
	margin: 37px 0 0 0;
}

#main_nav ul {
	text-transform: uppercase;
	display: inline;
}

#main_nav li {
	line-height: 24px;
	height:  24px;
	margin: 0 1px;
}

ul li a span.btn_left,
ul li a span.btn_right {
	width: 2px;
	height: 24px;
}

ul li a span.btn_left {
	background: url(../images/nav/nav_bg_left.png) right top no-repeat;
}

ul li a span.btn_middle {
	color: #8c8c8c;
	text-shadow: #cdcdcd 1px 2px 3px;
	height: 24px;
	background: url(../images/nav/nav_bg_middle.png) left top repeat-x;
	padding: 0 13px;
	display: block;
}

ul li a span.btn_right {
	background: url(../images/nav/nav_bg_right.png) left top no-repeat;
}

ul li a:hover span.btn_left,
ul li.main_nav_active a span.btn_left {
	background: url(../images/nav/nav_bg_left_hover.png) right top no-repeat;
}

ul li a:hover span.btn_middle,
ul li.main_nav_active a span.btn_middle {
	color: #666;
	background: url(../images/nav/nav_bg_middle_hover.png) left top repeat-x;
}

ul li a:hover span.btn_right,
ul li.main_nav_active a span.btn_right {
	background: url(../images/nav/nav_bg_right_hover.png) left top no-repeat;
}

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