/***************************************************************
Style Sheet for WhiteCanyon.com

Copyright 2008 by Sebo Marketing, All Rights Reserved
***************************************************************/



/***************************************************************
Appearance and Location for Navigation
***************************************************************/
#navigation {
	position:absolute;
	top:110px;
	left:0;
	margin:0;
	padding:0;
	
	width:960px;
	height:24px;
	
	border:1px solid #9d9d9d;
	border-width:1px 0;
	background:#f0f0f0;
	z-index:2;
}
	#navigation ul {
		margin:0;
		padding:0;
		
		width:960px;
		height:24px;
		
		list-style:none;
	}
		#navigation ul li {
			position:relative;
			float:left;
			margin:0;
			padding:0;
			
			height:24px;
			background:url('/images-layout/navigation-left.gif') left 50% no-repeat;
		}
			#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active {
			    display:block;
				
				margin:0;
				padding:4px 43px 0 43px;
				
				height:20px;
				
				text-align:center;
				text-decoration:none;
				font-size:14px;
				/*text-transform:lowercase;*/
				letter-spacing:2px;
				
				color:#444;
				background:url('/images-layout/navigation-left.gif') right 50% no-repeat;
			}
			#navigation ul li a:hover{
				text-decoration:none;
				color:#fff;
				background:#cc2223;
			}
			#navigation ul li a .homeTab { padding:0 17px 0 18px; }
			#navigation ul li a .contactTab { }
			


		/* List Item Hover Styles */
			#navigation ul li:hover, #navigation ul li.over {
				text-decoration:none;
				color:#fff;
				background:#cc2223;
			}
			#navigation ul li:hover a:link, #navigation ul li:hover a:visited, 
			#navigation ul li.over a:link, #navigation ul li.over a:visited { color:#fff; }



		/* Current Styles */
		#navigation ul li.current {
			border:solid #f0f0f0;
			border-width:0 1px;
		}
			#navigation ul li.current a:link, #navigation ul li.current a:visited {
				text-decoration:none;
				color:#fff;
				background:#cc2223;
			}
			#navigation ul li.current a:hover, #navigation ul li.current a:active {
				text-decoration:none;
			}



/***************************************************************
Appearance and Location for Dropdowns
***************************************************************/

	#navigation ul li ul {
		display:none;
	}

	#navigation ul li:hover ul, #navigation ul li.over ul{
		display:block;
		position:absolute;
		top:24px;
		left:0;
		
		margin:0;
		padding:0;
		
		height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
		width:180px;

		z-index:5;
		background:none;
		border:1px solid #bbbcbe;
		border-width:1px 0;
	}
	#navigation ul li.last ul, #navigation ul li.last ul {
		left:auto;
		right:1px;
	}

		#navigation ul li:hover ul li, #navigation ul li.over ul li{
			display:block;
			float:left;
			margin:0;
			padding:0;
			width:180px;
			height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
			
			border:solid #bbbcbe;
			border-width:0 1px;
		}
			#navigation ul li:hover ul li a:link, #navigation ul li:hover ul li a:visited,
			#navigation ul li.over ul li a:link, #navigation ul li.over ul li a:visited {
				display:block;
				float:none;
				
				margin:0;
				padding:6px 0 6px 12px;
				height:auto;
				width:168px;
				
				font-weight:normal;
				font-size:90%;
				text-align:left;
				text-decoration:none;
				/*text-transform:lowercase;*/
				letter-spacing:0;
				color:#cc2223;
				font-style:normal;
				
				border:0;
				background:#fff;
			}
			#navigation ul li:hover ul li a:hover, #navigation ul li:hover ul li a:active,
			#navigation ul li.over ul li a:hover, #navigation ul li.over ul li a:active {
				text-decoration:underline;
				color:#cc2223;
				background:#f0f0f0;
			}



		#navigation ul li.current ul li.current {
			background:none;
		}
			#navigation ul li.current ul li.current a:link, #navigation ul li.current ul li.current a:visited {
				color:#cc2223;
				text-decoration:underline;
				background:#ecf0dc;
			}
			#navigation ul li.current ul li.current a:hover, #navigation ul li.current ul li.current a:active {
				color:#cc2223;
				text-decoration:underline;
				background:#ecf0dc;
			}



/***************************************************************
BlobStyleNav Appearances
***************************************************************/
.blobStyleNav {
	position:relative;
	top:0;
	margin:0 -1px 15px 0;
	padding:0;
}
	.blobStyleNav .blobTopLeft {
		background:#cc2223;
		border:1px solid #fea8a8;
	}
	.blobStyleNav .blobTopRight {
	}
		.blobStyleNav .blobTopRight h2 {
			padding-top:.2em;
			
			font-size:120%;
			font-weight:bold;
			
			letter-spacing:4px;
			
			text-align:center;
			/*text-transform:lowercase;*/
			color:#fff;
		}
	.blobStyleNav .blobBody {
		margin:0;
		padding:0;
		border-top:5px solid #afafaf;
	}
	.blobStyleNav .blobBottomLeft {
		display:none;
	}
	.blobStyleNav .blobBottomRight {
		
	}
	

	
/***************************************************************
BlobStyleNav Unordered List Appearance
***************************************************************/

/* Style the left nav */
.blobStyleNav ul {
	margin:0;
	padding:0;
	list-style:none;
}
	.blobStyleNav ul li {
		margin:0;
		padding:0;
	}
		.blobStyleNav ul li a:link, .blobStyleNav ul li a:visited {
			display:block;
			margin:0;
			padding:.4em 0 .4em 20px;
			height:100%;
			text-decoration:none;
			font-size:100%;
			color:#012e57;
			background:url('/images-layout/bullet-gray.gif') 10px .9em no-repeat;
		}
		.blobStyleNav ul li a:hover, .blobStyleNav ul li a:active {
			text-decoration:underline;
			background:url('/images-layout/bullet-gray.gif') 10px .9em no-repeat;
		}

		/* Highlight the left nav */
		.blobStyleNav ul .current a:link,
		.blobStyleNav ul .current a:visited,
		.blobStyleNav ul .current a:active {
			text-decoration:underline;
			font-weight:bold;
			color:#012e57;
			background:url('/images-layout/bullet-gray.gif') 10px .9em no-repeat;
		}
		.blobStyleNav ul .current a:hover {
		}



/* Set all the subnavs to off initially */
.blobStyleNav ul ul {
	display:none;
}

/* Display the subnav */
.blobStyleNav ul .current ul {
	display:block;
	margin:0;
	margin-left:13px;
	padding-left:0;
	list-style:none;
	font-weight:normal;
}
	.blobStyleNav ul .current ul li {
		padding-right:0;
	}
		.blobStyleNav ul .current ul a:link,
		.blobStyleNav ul .current ul a:visited,
		.blobStyleNav ul .current ul a:active {
			display:block;
			padding-left:22px;
			text-decoration:none;
			font-weight:normal;
			color:#012e57;
			background:url('/images-layout/bullet-green.gif') 9px 50% no-repeat;
		}
		.blobStyleNav ul .current ul a:hover {
			text-decoration:underline;
			color:#012e57;
			background:url('/images-layout/bullet-orange.gif') 9px 50% no-repeat;
		}

		/* Highlight the selected subnav */
		.blobStyleNav ul .current .current a:link,
		.blobStyleNav ul .current .current a:visited,
		.blobStyleNav ul .current .current a:active {
			text-decoration:underline;
			color:#012e57;
			background:url('/images-layout/bullet-orange.gif') 9px 50% no-repeat;
		}
		.blobStyleNav ul .current .current a:hover  {}