#nav {
	margin: 0;
	line-height: 100%;

}
#nav li {
	float: left;
	position: relative;
	list-style:none;
font:bold 12px Arial, Helvetica, sans-serif; color:#Fff;
}

#nav li div{
	float: left;
	width:195px;
	margin:0 2px;
}
.menustyle {border-bottom:none; background:#333;} 

/* main level link */
#nav li a {
	
	color: #fff;
	text-decoration: none;
	display: block;
	margin: 0;
	font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; display:block; text-decoration:none; padding:0; padding:10px 20px 11px 20px;

}
#nav a:hover {
	color:#fff; text-decoration:none; background-color:#000;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
color: #000;
	background-color:#b2b0b1;
}

.visit a,link,visited{
color: #fff;
background-color:#b2b0b1;
}
.visit a:hover{
color: #fff;
background-color:#b2b0b1;
}


/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a{
	color: #000;
	font:normal 12px Arial, Helvetica, sans-serif;
	padding:5px 20px;
	text-transform:none;

}
#nav ul a:hover {
	
	color: #000 !important;

	

	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 400px;
	position: absolute;
	top: 35px;
	left: 0;
	background: #fff url(gradient.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 2px 0;
	border-bottom:1px #999 dotted;
}


#nav ul a {
	font-weight: normal;
	background-color:#fff;
}

/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
	
}
#nav ul li:last-child > a {

}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}




ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 266px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin: 1px 0px 0px 0px;
}

ul#menu li a {
  background: #333;
  color: #fff;	
  padding:10px;
}

ul#menu li a:hover {
  background: #000;
  
 
}

ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}


	.boxgrid{ 
				width: 300px; 
				height: 240px; 
				margin:12px; 
				float:left; 
				background:#161613; 
				border: solid 1px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 80px; 
				width: 100%; 
				opacity: .5; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.boxcaption {
 					top: 200;
 					left: 0;
 				}
					.boxcaption h3{
						color:#FFF;
						margin-left:10px;
						font:bold 20px Arial, Helvetica, sans-serif;
 				}
 				.caption .boxcaption {
					top:210px; 				 
 					left:0;
 				}