/* ----------------------------------------------------------
Site: 'Oceans' site
Filename: s-nav-main.css
URL:
Author: Peter Barclay
Version: 2008.07.16
Description: Mainly cosmetic 
Comments: This stylesheet provides styling for the main ('local', top etc) nav strip.

---------------------------------------------------------- */

	/*  APS top nav - local*/	

	.topnav { 
		width:946px; 
		padding: 0; 
		margin: 0 14px; 
		height: auto; 
	}
		.topnav ul  {
			width:946px;
			margin-right:0;
			margin-left:0; 
		}


	/* MAIN NAV (usu. top of page) */
		#prg-nav-main {
			margin-bottom:0;
			padding: 0;
			text-align: center;
		}
		#prg-nav-main ul.nav-strip {
			width:946px;
			margin: 0;
			padding:0;
		}
		
		#prg-nav-main ul.nav-strip li {
			display:block;
			float:left;		
			margin:0 0 0 1px;
			padding:0;
			/*background-image:url(f/bg-nav-main-l.png);
			background-position:left top;
			background-repeat:no-repeat;*/
		}	

		#prg-nav-main ul.nav-strip li.nth-child-1 {
			margin-left:0;
			padding-left:0;
		}
			#prg-nav-main ul.nav-strip li a {
				display:block;
				float:left;
				margin:0;
				padding-left:0;
				/*background-image:url(f/bg-nav-main-r-home.png);
				background-position:right top;
				background-repeat:no-repeat;*/
				color:#FFFFFF;
			}
			#prg-nav-main ul.nav-strip li a:link {
				color:#FFFFFF;
			}
			#prg-nav-main ul.nav-strip li a:visited {
				color:#FFFFFF;
			}
			#prg-nav-main ul.nav-strip li a:hover {
				color:#FFFFFF;
			}	
			#prg-nav-main ul.nav-strip li a:active {
				color:#FFFFFF;
			}
			
			#prg-nav-main ul.nav-strip li a:hover {
				text-decoration:none;
			}

			/* Structural settings */
				#prg-nav-main ul.nav-strip li.nav-cat-home,
				#prg-nav-main ul.nav-strip li.nav-cat-home a {
					width:76px;
				}	
				#prg-nav-main ul.nav-strip li.nav-cat-home {
					background-image:url(/staticarchive/24dfd7e461bdb99af2b70c3993e22842f3c9736c.png);
					background-position:left top;
					background-repeat:no-repeat;
				}		
			
				#prg-nav-main ul.nav-strip li.nav-cat-episodes,
				#prg-nav-main ul.nav-strip li.nav-cat-episodes a {
					width:106px;
				}
				#prg-nav-main ul.nav-strip li.nav-cat-episodes {
					background-image:url(/staticarchive/3ee2dc6c46b2e1e3bde51a909c3a72953cc8f321.png);
					background-position:left top;
					background-repeat:no-repeat;
				}				
				
				#prg-nav-main ul.nav-strip li.nav-cat-progcast,
				#prg-nav-main ul.nav-strip li.nav-cat-progcast a {
					width:176px;
				}
				#prg-nav-main ul.nav-strip li.nav-cat-progcast {
					background-image:url(/staticarchive/5eca0ed0ede42e6447641a81696782fdbec9c4ef.png);
					background-position:left top;
					background-repeat:no-repeat;
				}
				
				#prg-nav-main ul.nav-strip li.nav-cat-locations,
				#prg-nav-main ul.nav-strip li.nav-cat-locations a {
					width:106px;
				}
				#prg-nav-main ul.nav-strip li.nav-cat-locations {
					background-image:url(/staticarchive/c33ed953ee8c8e03707cfa296d55459f96880a5a.png);
					background-position:left top;
					background-repeat:no-repeat;
				}	
				
				#prg-nav-main ul.nav-strip li.nav-cat-360,
				#prg-nav-main ul.nav-strip li.nav-cat-360 a {
					width:146px;
				}
				#prg-nav-main ul.nav-strip li.nav-cat-360 {
					background-image:url(/staticarchive/365f2a20a29fd31af5a37ddd915969597306f117.png);
					background-position:left top;
					background-repeat:no-repeat;
				}			
													
				#prg-nav-main ul.nav-strip li.nav-cat-ultdives,
				#prg-nav-main ul.nav-strip li.nav-cat-ultdives a {
					width:137px;
				}
				#prg-nav-main ul.nav-strip li.nav-cat-ultdives {
					background-image:url(/staticarchive/bfb10dd119923cdcc52d9eb2a47bbf5275185804.png);
					background-position:left top;
					background-repeat:no-repeat;
				}	

				#prg-nav-main ul.nav-strip li.nav-cat-galleries,
				#prg-nav-main ul.nav-strip li.nav-cat-galleries a {
					width:193px;
				}
				#prg-nav-main ul.nav-strip li.nav-cat-galleries {
					background-image:url(/staticarchive/83cf2fc89242211ef28c2ce6c0dccdec1a588692.png);
					background-position:left top;
					background-repeat:no-repeat;
				}				

				
			/* Stick/highlighted states: */
			
				/* 'Home' */
				
				body.nav-cat-home #prg-nav-main li.nav-cat-home {
					background-image:url(/staticarchive/55c0d98f59feb9cd3d351d480f1397e2faf64c9f.png);
					background-position:left top;
					background-repeat:no-repeat;
				}					
				body.nav-cat-home #prg-nav-main li.nav-cat-home a,
				body.nav-cat-home #prg-nav-main li.nav-cat-home a:link,
				body.nav-cat-home #prg-nav-main li.nav-cat-home a:visited,
				body.nav-cat-home #prg-nav-main li.nav-cat-home a:hover {
					color:#033F4C;
				}	
				
				/* 'Episodes' */
				#blq-main .nav-cat-episodes li.nav-cat-episodes {
					background-image:url(/staticarchive/26e403a47d65de9b237df6351ffe2298e9df076f.png);
					background-position:left top;
					background-repeat:no-repeat;
				}
				#blq-main .nav-cat-episodes li.nav-cat-episodes a,
				#blq-main .nav-cat-episodes li.nav-cat-episodes a:link,
				#blq-main .nav-cat-episodes li.nav-cat-episodes a:visited,
				#blq-main .nav-cat-episodes li.nav-cat-episodes a:hover {
					color:#033F4C;
				}					
					
				/* 'Programme & cast' */
				body.nav-cat-progcast #prg-nav-main li.nav-cat-progcast {
					background-image:url(/staticarchive/ca430dde06bad6c238accd7f8d8dad63f21f01a5.png);
					background-position:left top;
					background-repeat:no-repeat;
				}
				body.nav-cat-progcast #prg-nav-main li.nav-cat-progcast a,
				body.nav-cat-progcast #prg-nav-main li.nav-cat-progcast a:link,
				body.nav-cat-progcast #prg-nav-main li.nav-cat-progcast a:visited,
				body.nav-cat-progcast #prg-nav-main li.nav-cat-progcast a:hover {
					color:#033F4C;
				}					
				
				/* 'Locations' */
				body.nav-cat-locations #prg-nav-main li.nav-cat-locations {
					background-image:url(/staticarchive/26e403a47d65de9b237df6351ffe2298e9df076f.png);
					background-position:left top;
					background-repeat:no-repeat;
				}
				body.nav-cat-locations #prg-nav-main li.nav-cat-locations a,
				body.nav-cat-locations #prg-nav-main li.nav-cat-locations a:link,
				body.nav-cat-locations #prg-nav-main li.nav-cat-locations a:visited,
				body.nav-cat-locations #prg-nav-main li.nav-cat-locations a:hover {
					color:#033F4C;
				}				
				
				/* '360 Experience' */
				body.nav-cat-360 #prg-nav-main li.nav-cat-360 {
					background-image:url(/staticarchive/01cd1ee2ded6e6d92159915419e7570f241e7f70.png);
					background-position:left top;
					background-repeat:no-repeat;
				}
				body.nav-cat-360 #prg-nav-main li.nav-cat-360 a,
				body.nav-cat-360 #prg-nav-main li.nav-cat-360 a:link,
				body.nav-cat-360 #prg-nav-main li.nav-cat-360 a:visited,
				body.nav-cat-360 #prg-nav-main li.nav-cat-360 a:hover {
					color:#033F4C;
				}	
				
				/* 'Ultimate dives' */
				body.nav-cat-ultdives #prg-nav-main li.nav-cat-ultdives {
					background-image:url(/staticarchive/0f264fe7a1c12887ad559c0267277a1174910f66.png);
					background-position:left top;
					background-repeat:no-repeat;
				}
				body.nav-cat-ultdives #prg-nav-main li.nav-cat-ultdives a,
				body.nav-cat-ultdives #prg-nav-main li.nav-cat-ultdives a:link,
				body.nav-cat-ultdives #prg-nav-main li.nav-cat-ultdives a:visited,
				body.nav-cat-ultdives #prg-nav-main li.nav-cat-ultdives a:hover {
					color:#033F4C;
				}					
				
				/* 'Galleries and downloads' */
				body.nav-cat-galleries #prg-nav-main li.nav-cat-galleries {
					background-image:url(/staticarchive/349f9d0a863e2cfbc967f8efc94bc0275e518068.png);
					background-position:left top;
					background-repeat:no-repeat;
				}
				body.nav-cat-galleries #prg-nav-main li.nav-cat-galleries a,
				body.nav-cat-galleries #prg-nav-main li.nav-cat-galleries a:link,
				body.nav-cat-galleries #prg-nav-main li.nav-cat-galleries a:visited,
				body.nav-cat-galleries #prg-nav-main li.nav-cat-galleries a:hover {
					color:#033F4C;
				}