@charset "utf-8";
/* CSS Document */

html *{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

body{
	background: #0177bd url(../images/shared/background.jpg) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
}

#container{
	width: 900px;
	margin: 0px auto;
	padding: 0px 30px;
	position: relative;
}

#header{
	height: 88px;
	background: url(../images/shared/menu_bg.png) no-repeat top left;
	position: relative;
	z-index: 99;

}

#vivologo{
	margin: 3px 0px 0px 25px;
	border: 0;
	float: left;
	width: 113px;
	height: 68px;
}

#nav{
	display: block;
	position: absolute;
	list-style: none;
	height: 82px;
	width: 690px;
	left: 188px;
	z-index: 99;
	
}

#nav li{
	background: url(../images/shared/nav_bg.gif) no-repeat right center;
	float: left;
	display: inline-block;
}

#nav a.nav{
	position: relative;
	display: inline-block;
	height: 82px;
	line-height: 80px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fefefe;
	text-decoration: none;
	z-index: 99;
	margin: 0px 0px 0px 2px;
	
}

#nav #aboutLI { width: 65px; }
#nav #diffLI { width: 161px; }
#nav #peopleLI {width: 84px;}
#nav #whatLI {width: 106px;}
#nav #newsLI {width: 139px;}
#nav #contactLI{width: 80px;background: none;}

#nav #aboutLI a.nav{ width: 60px; }
#nav #diffLI a.nav{ width: 156px; }
#nav #peopleLI a.nav{width: 79px;}
#nav #whatLI a.nav{width: 101px;}
#nav #newsLI a.nav{width: 134px;}
#nav #contactLI a.nav{width: 75px;padding-right: 0;}


#nav li.on a.nav{color: #70c5f7;}

#nav li a:hover, #nav li:hover a.nav, #nav li.over a.nav{
	background: #2c81b3;
	color: #b2e2ff;
}


#nav .menu{
	background: #2c81b3;
	padding: 15px;
	position: absolute;
	top: 82px;
	z-index: 99;
	list-style: none;
}

#nav .menu li{
	min-height: 1%;
	z-index: 99;
	float: none;
	display: block;
	background-image: none;
}

#nav .menu a{
	color: #FFF;
	font-size: 13px;
	display: block;
	border-bottom: 2px solid #4a98c6;
	height: 27px;
	line-height: 27px;
	text-align: left;
	text-decoration: none;
	margin: 0px;
	font-weight: normal;
	
}

#nav .menu a.last{
	border-bottom: 0;
}

#nav #aboutLI .menu { left: 2px; width: 100px;}
#nav #diffLI .menu { left: 67px; width: 236px;}
#nav #peopleLI .menu { left: 228px; width: 150px;}
#nav #whatLI .menu { left: 312px; width: 150px;}
#nav #newsLI .menu { left: 418px; width: 340px;}
#nav #contactLI .menu { left: 557px;}

#nav li .menu{
	display: none;
}

#nav li:hover .menu, #nav li.over .menu {
	display: block;
}

#footer{
	clear: both;
	height: 74px;
	background: url(../images/shared/footer_bg.png) no-repeat bottom center;
	text-align: center;
	font-size: 11px;
	color: #FFF;
}

#footer p{
	padding-top: 30px;
	line-height: 16px;
}

#exchange{
	vertical-align: middle;
	margin-left: 180px;
	border: 0;
}

.clear{
	clear: both;
}

a img{
	border: 0;
}