/*------------------------------------------
Dev: 		Richard Smith
Date:		26th August 2008
Contact:	richard.smith@peachdigital.com

key:
Grey Text: 	#999999
Brown Text: #886e07
-------------------------------------------*/

#navigation	{
	width:543px;
	height:21px;
	float:left;
	margin:0px;
	padding:0px;
	}
	
#navigation-wide	{
	width:970px;
	height:21px;
	float:left;
	margin:0px;
	padding:0px;
	}
	
#navigation ul	{
	width:528px;
	height:21px;
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px 0px 0px 15px;
	text-align:center;
	}
	
#navigation-wide ul	{
	width:513px;
	height:21px;
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px 0px 0px 442px;
	text-align:center;
	}
	
#navigation ul li,
#navigation-wide ul li 	{
	height:30px;
	float:left;
	margin:0px;
	padding:0px;
	background:url(/Media/Image/framework/btn-spacer.gif) center right no-repeat;
	}
	
#navigation ul li.last,
#navigation-wide ul li.last 	{
	height:30px;
	float:left;
	margin:0px;
	padding:0px;
	background-image:none;
	}
	
#navigation ul li a,
#navigation-wide ul li a 	{
	float:left;
	display:block;
	margin:10px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	text-indent:-5000px;
	}
	
#sub-navigation	{
	width:230px;
	float:left;
	margin:0px;
	padding:0px;
	}
	
#sub-navigation p {
	padding-left:23px;	
}
	
#sub-navigation ul	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
	
#sub-navigation ul li	{
	line-height:17px;
	margin:0px;
	padding:0px 0px 0px 32px;
	}
	
#sub-navigation ul li a:link,
#sub-navigation ul li a:visited,
#sub-navigation ul li a:active	{
	color:#886e07;
	background:url(/Media/Image/framework/bullet.gif) center left no-repeat;
	padding:0px 0px 0px 10px;
	text-decoration:none;
	}
	
#sub-navigation ul li a:hover	{
	color:#886e07;
	background:url(/Media/Image/framework/bullet.gif) center left no-repeat;
	padding:0px 0px 0px 10px;
	text-decoration:underline;
	}
	
/* ----- home button ----- */
	
#navigation ul li#home-btn a:link,
#navigation ul li#home-btn a:visited,
#navigation ul li#home-btn a:active,
#navigation-wide ul li#home-btn a:link,
#navigation-wide ul li#home-btn a:visited,
#navigation-wide ul li#home-btn a:active	{
	width:48px;
	height:21px;
	background:url(/Media/Image/framework/home-btn.gif) top center no-repeat;
	}
	
#navigation ul li#home-btn a:hover,
#navigation-wide ul li#home-btn a:hover	{
	width:48px;
	height:21px;
	background:url(/Media/Image/framework/home-btn.gif) center center no-repeat;
	}
	
#home #navigation ul li#home-btn a,
#home #navigation-wide ul li#home-btn a	{/*page active state*/
	width:48px;
	height:21px;
	background:url(/Media/Image/framework/home-btn.gif) bottom center no-repeat;
	cursor:default;
	}
	
/* ----- portfolio button ----- */
	
#navigation ul li#portfolio-btn a:link,
#navigation ul li#portfolio-btn a:visited,
#navigation ul li#portfolio-btn a:active,
#navigation-wide ul li#portfolio-btn a:link,
#navigation-wide ul li#portfolio-btn a:visited,
#navigation-wide ul li#portfolio-btn a:active	{
	width:50px;
	height:21px;
	background:url(/Media/Image/framework/portfolio-btn.gif) top center no-repeat;
	}
	
#navigation ul li#portfolio-btn a:hover,
#navigation-wide ul li#portfolio-btn a:hover	{
	width:50px;
	height:21px;
	background:url(/Media/Image/framework/portfolio-btn.gif) center center no-repeat;
	}
	
#portfolio #navigation ul li#portfolio-btn a,
#portfolio #navigation-wide ul li#portfolio-btn a	{/*page active state*/
	width:50px;
	height:21px;
	background:url(/Media/Image/framework/portfolio-btn.gif) bottom center no-repeat;
	cursor:default;
	}
	
/* ----- who we are button ----- */
	
#navigation ul li#who-we-are-btn a:link,
#navigation ul li#who-we-are-btn a:visited,
#navigation ul li#who-we-are-btn a:active,
#navigation-wide ul li#who-we-are-btn a:link,
#navigation-wide ul li#who-we-are-btn a:visited,
#navigation-wide ul li#who-we-are-btn a:active	{
	width:72px;
	height:21px;
	/*background:url(/Media/Image/framework/who-we-are-btn.gif) top center no-repeat;*/
	background:url(/Media/Image/framework/commisions.png) top center no-repeat;
	}
	
#navigation ul li#who-we-are-btn a:hover,
#navigation-wide ul li#who-we-are-btn a:hover	{
	width:72px;
	height:21px;
	/*background:url(/Media/Image/framework/who-we-are-btn.gif) center center no-repeat;*/
	background:url(/Media/Image/framework/commisions.png) center center no-repeat;
	}
	
#who-we-are #navigation ul li#who-we-are-btn a,
#who-we-are #navigation-wide ul li#who-we-are-btn a	{/*page active state*/
	width:72px;
	height:21px;
	/*background:url(/Media/Image/framework/who-we-are-btn.gif) bottom center no-repeat;*/
	background:url(/Media/Image/framework/commisions.png) bottom center no-repeat;
	cursor:default;
	}
	
/* ----- how we work button ----- */
	
#navigation ul li#how-we-work-btn a:link,
#navigation ul li#how-we-work-btn a:visited,
#navigation ul li#how-we-work-btn a:active,
#navigation-wide ul li#how-we-work-btn a:link,
#navigation-wide ul li#how-we-work-btn a:visited,
#navigation-wide ul li#how-we-work-btn a:active	{
	width:73px;
	height:21px;
	/*background:url(/Media/Image/framework/how-we-work-btn.gif) top center no-repeat;*/
	background:url(/Media/Image/framework/silhouettes.png) top center no-repeat;
	}
	
#navigation ul li#how-we-work-btn a:hover,
#navigation-wide ul li#how-we-work-btn a:hover	{
	width:73px;
	height:21px;
	/*background:url(/Media/Image/framework/how-we-work-btn.gif) center center no-repeat;*/
	background:url(/Media/Image/framework/silhouettes.png) center center no-repeat;
	}
	
#how-we-work #navigation ul li#how-we-work-btn a,
#how-we-work #navigation-wide ul li#how-we-work-btn a	{/*page active state*/
	width:73px;
	height:21px;
	/*background:url(/Media/Image/framework/how-we-work-btn.gif) bottom center no-repeat;*/
	background:url(/Media/Image/framework/silhouettes.png) bottom center no-repeat;
	cursor:default;
	}
	
/* ----- things we do button ----- */
	
#navigation ul li#things-we-do-btn a:link,
#navigation ul li#things-we-do-btn a:visited,
#navigation ul li#things-we-do-btn a:active,
#navigation-wide ul li#things-we-do-btn a:link,
#navigation-wide ul li#things-we-do-btn a:visited,
#navigation-wide ul li#things-we-do-btn a:active	{
	width:74px;
	height:21px;
	/*background:url(/Media/Image/framework/things-we-do-btn.gif) top center no-repeat;*/
	background:url(/Media/Image/framework/products.png) top center no-repeat;
	}
	
#navigation ul li#things-we-do-btn a:hover,
#navigation-wide ul li#things-we-do-btn a:hover	{
	width:74px;
	height:21px;
	/*background:url(/Media/Image/framework/things-we-do-btn.gif) center center no-repeat;*/
	background:url(/Media/Image/framework/products.png) center center no-repeat;
	}
	
#things-we-do #navigation ul li#things-we-do-btn a,
#things-we-do #navigation-wide ul li#things-we-do-btn a	{/*page active state*/
	width:74px;
	height:21px;
	/*background:url(/Media/Image/framework/things-we-do-btn.gif) bottom center no-repeat;*/
	background:url(/Media/Image/framework/products.png) bottom center no-repeat;
	cursor:default;
	}
	
/* ----- get in touch button ----- */
	
#navigation ul li#get-in-touch-btn a:link,
#navigation ul li#get-in-touch-btn a:visited,
#navigation ul li#get-in-touch-btn a:active,
#navigation-wide ul li#get-in-touch-btn a:link,
#navigation-wide ul li#get-in-touch-btn a:visited,
#navigation-wide ul li#get-in-touch-btn a:active	{
	width:74px;
	height:21px;
	background:url(/Media/Image/framework/get-in-touch-btn.gif) top center no-repeat;
	}
	
#navigation ul li#get-in-touch-btn a:hover,
#navigation-wide ul li#get-in-touch-btn a:hover	{
	width:74px;
	height:21px;
	background:url(/Media/Image/framework/get-in-touch-btn.gif) center center no-repeat;
	}
	
#get-in-touch #navigation ul li#get-in-touch-btn a,
#get-in-touch #navigation-wide ul li#get-in-touch-btn a	{/*page active state*/
	width:74px;
	height:21px;
	background:url(/Media/Image/framework/get-in-touch-btn.gif) bottom center no-repeat;
	cursor:default;
	}