/**
 * Style Sheet for Intellisys.com
 *
 * Contains styling information specific to the Intellisys.com navigation section.
 *
 * @author     Sebo Marketing <http://www.sebomarketing.com>
 * @copyright  2008 by Intellisys, All Rights Reserved
 */

/***************************************************************
Appearance and Location for navigation and SubNav
***************************************************************/
#navigation {
	position:absolute;
	top:36px;
	right:50%;
	margin:0 -480px 0 0;
	padding:0;
	
	height:24px;
	
	z-index:2;
}
	#navigation ul {
		position: relative;
		margin:0;
		padding:0;
		float:right;
		width:auto;
		height:24px;
		
		list-style:none;
	}
		#navigation ul li {
			position:relative;
			display:inline;
			float:left;
			padding:0 5px 0 0;
			margin:0;
			height:24px;
			text-transform:uppercase;
			
			background:url('/images-layout/nav-border.gif') bottom right no-repeat #fff;
		}
		#navigation ul li.last{
			background:none;
		}
			/* Normal Link Hover Styles */
			#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active {
			    display:block;
				
				margin:0;
				padding:4px 25px 3px;
				
				width:auto;

				text-align:center;
				text-decoration:none;
				font-family:Lucida, Arial, "MS Trebuchet", sans-serif;
				font-style: italic;
				font-size:13px;
				color:#000;
			}

			#navigation ul li a:hover {
				text-decoration:underline;
				
			}



		/* List Item Hover Styles */
		#navigation ul li:hover, #navigation ul li.over {
		}
		#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;
			background-color:#db5400;
			background-color:#6da849;
			background-color:#a015b8;
		}



		/* Current Hover Styles */
		#navigation ul li.current {
			background:url('/images-layout/nav-border.gif') bottom right no-repeat #fff;
		}
		#navigation ul li.current.last {
			background:none;
		}
			#navigation ul li.current a:link, #navigation ul li.current a:visited {
				color:#fff;
				background:#db5400;
				background:#6da849;
				background:#a015b8;
			}
			#navigation ul li.current a:hover, #navigation ul li.current a:active {
				background:#db5400;
				background:#6da849;
				background:#a015b8;
			}


			
			
			
/***************************************************************
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:-3px;
	
	margin:0;
	padding:0 0 16px 0;
	
	height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
	width:200px;

	text-transform:none;
	
	z-index:5;
}
#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:196px;
		height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
		
		border-width:0 1px;
		border-style:solid;
		border-color:#000;
	}
	#navigation ul li:hover ul li.first, #navigation ul li.over ul li.first {
		border-top:1px solid #000; 
	}
	#navigation ul li:hover ul li.last, #navigation ul li.over ul li.last { 
		border-bottom:1px solid #000;
	}
		#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:184px;
			
			font-weight:normal;
			font-size:89%;
			text-align:left;
			text-decoration:none;
			text-transform:none;
			color:#004167;
			color:#240095;
			font-style:normal;
			
			border:0;
			background:#efefef;
		}
		#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:#004167;
			color:#240095;
			background:#efefef;
		}



			#navigation ul li.current ul li.current a:link, #navigation ul li.current ul li.current a:visited {

			}
			#navigation ul li.current ul li.current a:hover, #navigation ul li.current ul li.current a:active {

			}
		#navigation ul li.current ul li.current {
			background:none;
		}

/***************************************************************
BlobStyleNav Appearances
***************************************************************/
.blobStyleNav {
	position: relative;
	top:0;
	margin:0 0 10px 0;
	padding:0;
}
	.blobStyleNav .blobTopLeft {
		
	}
		.blobStyleNav .blobTopRight {
		
		}
			.blobStyleNav .blobTopRight h2 {
				color:#fff;
				background:url('images-layout/left-nav-bg.gif') top left no-repeat #0e3060;
				background:url('images-layout/left-nav-bg.gif') top left no-repeat #240095;
				padding:0 0 0 8px;
				font-family:impact;
				font-size:150%;
				font-style: italic;
				letter-spacing: .15em;
				font-weight: normal;
			}
	.blobStyleNav .blobBody {
		margin:0;
		padding:5px 0;
		background-color: #fff;
		font: 87% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
		line-height:1.5em;
		color:#f16521;
		font-style: italic;
		border:1px solid #686868;
	}
	.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 {
			margin:0;
		}
		.blobStyleNav ul li a:link, .blobStyleNav ul li a:visited {
			display:block;
			margin:0;
			padding:0 0 0 25px;
			font-size:110%;
			text-decoration:none;
			font-weight:normal;
			color:#F16521;
			color:#6da849;
		}
		.blobStyleNav ul li a:hover, .blobStyleNav ul li a:active {
			text-decoration:underline;
			color:#F16521;
			color:#6da849;
			background:url('images-layout/left-nav-bullet.gif') no-repeat 7px 3px;
		}
		.blobStyleNav ul li:first-child a:link, .blobStyleNav ul li:first-child a:visited {
		}
		.blobStyleNav ul li:first-child a:hover, .blobStyleNav ul li:first-child a:active {
		}

		/* Highlight the left nav */
		.blobStyleNav ul .current a:link,
		.blobStyleNav ul .current a:visited,
		.blobStyleNav ul .current a:active,
		.blobStyleNav ul .current a:hover {
			background:url('images-layout/left-nav-bullet.gif') no-repeat 7px 3px;
		}
		
		
	.blobStyleNav ul li.current ul {
		padding-left:15px;
	}
		.blobStyleNav ul li.current ul li a:link,.blobStyleNav ul li.current ul li a:active,.blobStyleNav ul li.current ul li a:visited{
			background:none;
		}
		.blobStyleNav ul li.current ul li.current a, .blobStyleNav ul li.current ul li a:hover{
			background:url('images-layout/left-nav-bullet.gif') no-repeat 7px 3px;
		}
		