@charset "utf-8";
/* CSS Document */


/* Main Menu settings */
#navigation
	{
	clear: both;
	float: left;
	height: 46px;
	width: 100%;
	text-align: left;
	color: #FFFFFF;
	display: block;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #2A3757 url(http://www.bluegoosegallery.co.uk/images/BGG_Menu_BG.png) repeat-x;
	/* define navigation element */
}
#navigation ul
	{
	margin: 0;
	padding: 0;
	/* remove padding and margin from navigation list */
	}
#navigation ul li
	{
	list-style: none;
	float: left;
	background: transparent url(http://www.bluegoosegallery.co.uk/images/BGG_Menu_Div.png) right no-repeat;
	/* set list elements to display inline */
	}
#navigation ul li a
	{
	height: 46px;
	width: 103px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	display: block;
	line-height: 46px;
	font-weight: bold;
	background-color: transparent;
	/* set dimensions of navigation links */
	}
#navigation ul li a:hover
	{
	color: #FFFFFF;
	font-weight: bold;
	background-color: #4D79D0;
	/* set navigation hover link state */
	}
	


/* Main Menu settings */
#top-nav
	{
	float: right;
	height: 26px;
	width: 309px;
	text-align: left;
	color: #FFFFFF;
	display: block;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: #FFFFFF;
	/* define navigation element */
}
#top-nav ul
	{
	margin: 0;
	padding: 0;
	margin-top: 82px;
	/* remove padding and margin from navigation list */
	}
#top-nav ul li
	{
	list-style: none;
	float: left;
	border-right: 1px solid #FFFFFF;
	/* set list elements to display inline */
	}
#top-nav ul li a
	{
	height: 26px;
	width: 102px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	display: block;
	line-height: 26px;
	font-weight: bold;
	background-color: transparent;
	/* set dimensions of navigation links */
	}
#top-nav ul li a:hover
	{
	color: #FFFFFF;
	font-weight: bold;
	background-color: #2A3757;
	/* set navigation hover link state */
	}
.top-nav-green {
	background-color: #58BB3D;
	}
.top-nav-red {
	background-color: #BD3D3C;
	}
.top-nav-blue {
	background-color: #4A79D1;
	}

	
	
	
/* Green navigation */
.green-nav {
	padding: 0px;
	margin: 0px;
	text-align: left;
	background-color: #E4E4E4;
	color: #666666;
	width: 307px;
	}
.green-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
.green-nav li {
	border-bottom: 1px solid #CCCCCC;
	list-style: none;
	}
.green-nav a:link, .green-nav a:visited {
	text-indent: 10px;
	display: block;
	padding: 0;
	margin: 0;
	color: #666666;
	background-color: #E4E4E4;
	text-decoration: none;
	font-weight: normal;
	height: 25px;
	line-height: 25px;
	}
.green-nav a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #499832;
	font-weight: normal;
	}



/* Red navigation */
.red-nav {
	padding: 0px;
	margin: 0px;
	text-align: left;
	background-color: #E4E4E4;
	color: #666666;
	width: 307px;
	}
.red-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
.red-nav li {
	border-bottom: 1px solid #CCCCCC;
	list-style: none;
	}
.red-nav a:link, .red-nav a:visited {
	text-indent: 10px;
	display: block;
	padding: 0;
	margin: 0;
	color: #666666;
	background-color: #E4E4E4;
	text-decoration: none;
	font-weight: normal;
	height: 25px;
	line-height: 25px;
	}
.red-nav a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #9F3333;
	font-weight: normal;
	}
	
	
/* Blue navigation */
.blue-nav {
	padding: 0px;
	margin: 0px;
	text-align: left;
	background-color: #E4E4E4;
	color: #666666;
	width: 307px;
	}
.blue-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
.blue-nav li {
	border-bottom: 1px solid #CCCCCC;
	list-style: none;
	}
.blue-nav a:link, .blue-nav a:visited {
	text-indent: 10px;
	display: block;
	padding: 0;
	margin: 0;
	color: #666666;
	background-color: #E4E4E4;
	text-decoration: none;
	font-weight: normal;
	line-height: 25px;
	}
.blue-nav img {
	width: 15px;
	margin-top: 3px;
	}
.blue-nav a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #2F60B9;
	font-weight: normal;
	}
.blue-nav img a   {
	width: 60px;
	}