/*-------------------------------------topmenu---*/
ul.menu-nav {
	padding:0px 0px 0px 10px;
}
ul.menu-nav li	{
	display:block; 
	float:left; 
	padding:0px 0px 0px 0px;
}
ul.menu-nav li a  {
	background:url(../images/topmenu-item.gif) no-repeat 0 19px;	
	color:#fff;
	display:block; 
	float:left;
	font-size:18px;
	padding:0;
	font-family:"Myriad Pro";
	font-weight:normal;
	line-height:normal;
	padding:12px 15px 0px 21px;
	text-decoration:none;
	text-transform:lowercase;
	text-align:center; 
}
ul.menu-nav li a span	{
	display:block; 
	padding:0px 0px 0px 0px;
}


/*-------------------hover----*/

ul.menu-nav li a:hover  {
	color:#FBF8AB !important; 
	display:block; 
	float:left; 
	text-align:center; 
	text-decoration:none;
	width:auto; 
}
ul.menu-nav li a:hover span	{
	display:block;
	padding:0px 0px 0px 0px;
}





/*---------------------------------------------------------structure---*/

#body {
	background:#041419;
}

.main 		{
	width:980px;
}
.content {
	width:980px; 
	background:url(../images/header-bg.png) no-repeat 0 0; 
	height:366px;
	z-index:999;
}

#parallax {
	position:absolute; 
	overflow:hidden;
	width:100%;
	margin:auto;
	height:366px; 
	z-index:1;
	top:54px;
	left:0px;
}
#header-bg {
	background:url(../images/header-bg2.png) no-repeat 0 0;
	position:absolute; 
	width:980px; 
	height:366px; 
	z-index:11111;
	top:54px;
}
.layer-1 {
	width:1200px;
	background:url(../images/layer-1.png) repeat-x 0 0;
	height:218px;
	z-index:1;
}
.layer-2 {
	width:1100px;
	background:url(../images/layer-2.png) no-repeat 0 0;
	height:366px;
	z-index:1;
}
.layer-3 {
	width:980px;
	background:url(../images/layer-3.png) no-repeat 0 0;
	height:307px;
	z-index:1;
}


/*-------------------------------------header---*/

#header {
	background:url(../images/tail.gif) repeat-x 0 0;
}
	#top {
		height:54px;
		overflow:hidden;
	}
	#topmenu {
		background:url(../images/topmenu-separator.gif) no-repeat right 17px;
		float:left;
		width:737px;
	}
	#links {
		float:right;
		width:220px;
		color:#6fbdd0;
		padding:18px 0px 0px 0px;
	}
	#links a{
		color:#6fbdd0;
	}
	
	
#logo-container {
	position:absolute; 
	top:107px;
	padding:0;
	z-index:22222
}
#logo {
	margin:0px 0px 2px 153px;
	font-size:12px;
	padding:0;
	text-align:right;
}
#slogan {
	color:#afe2e9;
	padding:0;
	font:bold 12px Arial;

}

/*-------------------------------------content---*/

#content {
	background:url(../images/gradient.gif) repeat-x 50% 0 #fff;
}
#content .main {
	overflow:hidden;
}
#content .indent {
	padding:27px 31px 22px 48px;
}
#content .indent .width {
	overflow:hidden;
}
#mid {
	background:#fff;
}
#mid .main {
	background:url(../images/mid-bg.jpg) no-repeat 461px 0;
}
	.mid-bottom {
		background:url(../images/mid-bottom-bg.gif) repeat-x 0 0;
	}
	.mid-bottom2 {
		background:url(../images/mid-bottom2.gif) no-repeat right bottom;
		padding:0px 0px 9px 0px;
	}
	.mid-bottom .main{
		background:url(../images/mid-bottom.jpg) no-repeat 0 0;
		height:68px;
	}
	
	#user1 {
		background:url(../images/box-separator.gif) no-repeat right 113px;
		width:588px;
		float:left;
	}
	#user2 {
		float:right;
		width:334px;
	}
	#user4 {
		background:url(../images/box-separator2.gif) repeat-y right 0;
		width:588px;
		float:left;
	}
	#user5 {
		float:right;
		width:362px;
	}
	#right ul {
		list-style:none;
		margin:0px 0px 0px 0px;
	}
	#right li{
		padding:0px 0px 3px 0px;
		background:url(../images/readmore.gif) no-repeat 0 6px
	}
	#right li a{	
		background:none !important;
		font:bold 12px Arial;
		color:#313131;
		display:inline;
	}
#level1 {
	background:url(../images/level1-bg.gif) repeat-x 0 0 #006477;
}
#level1 .main {
	overflow:hidden;
	padding:0px 0px 32px 0px;
}
	
#indent {
	padding:30px 25px 0px 26px;
}
	#left {
		float:left;
		width:446px;
		border-right:1px solid #e5e5e5;
	}
	#right {
		float:right;
		width:425px;
	}
.comp-cont {
	width:100%;
}