/* general */
html,body,h1,h2,h3,h4,h5,h6,div,p,ul,li{
	margin:0;
	padding:0;
	border:0;
}
html{
	background:#2da5b1 url(../images/html.png) repeat-x;
}
body{
	font:12px/17px arial,sans-serif;
	min-width: 846px;
	background: url(../images/body.gif) no-repeat 50% 0;
	color: #444;
}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus{outline:none;}
form{display:inline;}
img{border:none;display:block;}
label,select,textarea,input{vertical-align:middle;}
.area p{margin-top: 1em; margin-bottom: 0.5em; }
/* end general */
/* header */
#header{width: 846px;}
/* end header */
/* intro top and footer area */
.area-holder{
	padding: 119px 0 0 0;
	height: 1%;
}
.area1-holder{position: relative;clear: both;}
.area, 
.area1{
	width: 800px;
	background:#b9eef4 url(../images/gradient.gif) repeat-x 0 100%;
	border-top: 1px solid #b9eef4;
	margin: 0 0 0 21px;
	position: relative;
}
.area h3, 
.area1-holder h3{
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
	color: #444;
	position: relative;
	margin: 3px 0 -21px 31px;
	z-index: 11;
}
.area .more, 
.area1 .more{
	width: 27px;
	height: 27px;
	position: absolute;
	bottom: -1px;
	right: 61px;
	z-index: 11;
	cursor: pointer;
}
.area1 .more{
	bottom: -7px;
	right: 27px;	
}
.area .inner, 
.area1 .inner{
	width: 816px;
	background: url(../images/box.png) no-repeat;
	margin: -89px -25px 0 -21px;
	padding: 95px 0 0 30px;
	position: relative;
	overflow: hidden;
}
.area1{margin-top: 30px;}
.area1 .inner{
	background: url(../images/box1.png) no-repeat;
	margin: -31px -25px 0 -21px;
	padding: 36px 0 0 30px;
}
.area .column, 
.area .column1, 
.area1 .column, 
.area1 .column1{
	width: 250px;
	float: left;
	padding: 0 16px 0 0;
}
.area .column1, 
.area1 .column1{padding: 0;}
.area .sep, 
.area1 .sep{
	background: url(../images/sep-white.png) no-repeat;
	width: 250px;
	height: 1px;
	margin: 10px 0 7px 0;
	font-size: 0;
}
.area .column1 a, 
.area1 .column1 a{
	font-weight: bold;
	color: #fff883;
}
#girl{
	background: url(../images/img.png) no-repeat;
	width: 348px;
	height: 366px;
	position: absolute;
	bottom: -85px;
	left: 528px;
	z-index: 10;
}
#girl1{
	background: url(../images/girl1.png) no-repeat;
	width: 255px;
	height: 341px;
	position: absolute;
	bottom: -58px;
	left: 538px;
	z-index: 10;
}
.a{
	background: url(../images/box3.png) no-repeat;
	width: 846px;
	height: 35px;
}
/* end intro top and footer area */
/* logo */
.logo{
	display: block;
	background: url(../images/logo.png) no-repeat;
	width: 150px;
	height: 60px;
	margin: 10px 0 -105px 25px;
	text-indent: -3000px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	z-index: 10;
}
/* end logo */
/* top sidebar */
#sidebar{
	background: url(../images/sidebar.gif) no-repeat;
	width: 763px;
	height: 18px;
	margin: 0 auto;
	padding: 8px 0 0 37px;
}
#sidebar strong{
	display: block;
	background: url(../images/txt-gpsmission.gif) no-repeat;
	width: 112px;
	margin: 0px 0 -25px 0;
	overflow: hidden;
	text-indent: -3000px;
}
#sidebar ul, 
#sidebar1 ul{
	text-align: right;
	padding: 6px 7px 0 0;
	font-size: 11px;
	line-height: 12px;
}
#sidebar1 ul{width: 778px;}
#sidebar ul li, 
#sidebar1 ul li{
	background: url(../images/sep1.gif) no-repeat;
	display: inline;
}
#sidebar ul li:first-child, 
#sidebar1 ul li:first-child{background: none;}
#sidebar ul li a, 
#sidebar1 ul li a{
	color: #D5D5D5;
	margin: 0 1px 0 8px;
}
/* end top sidebar */
/* main block */
#main{
	width: 846px;
	margin:0 auto;
}
/* end main block */
/* navigation */
.nav-holder{
	position: relative;
	z-index: 2;
	margin-bottom: -14px;
}
.nav{
	background: url(../images/nav.png) no-repeat;
	width: 846px;
	height: 111px;
	padding: 15px 0 0 0;
	margin: -14px 0 0 0;
}
.nav h3{
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	color: #444;
	padding: 1px 0 0 31px;
}
.nav p{
	width: 200px;
	margin: 16px 0 -50px 31px;
}
.nav ul{
	list-style: none;
	padding: 9px 0 0 100px;
	margin-left: 59px;
}
.nav li{
	background: url(../images/sep.gif) no-repeat 100% 0;
	float: left;
	height: 49px;
	padding-top: 9px;
	position: relative;
}
.nav li a{
	height: 42px;
	float: left;
	overflow: hidden;
	text-indent: -3000px;
	margin: 0 10px 0 10px;
	position: relative;
	z-index: 2;
	cursor: pointer;
}
.nav .txt1 a{
	background: url(../images/nav-amsterdam.png) no-repeat;
	width: 128px;
}
.nav .txt2 a{
	background: url(../images/nav-london.png) no-repeat;
	width: 99px;
}
.nav .txt3 a{
	background: url(../images/nav-moscow.png) no-repeat;
	width: 100px;
}
.nav .txt4 a{
	background: url(../images/nav-washington.png) no-repeat;
	width: 138px;
}
.nav .txt5 a{
	background: url(../images/nav-berlin.png) no-repeat;	
	width: 99px;
}
.nav .txt5{background: none;}
.nav ul div{
	background: url(../images/sub-nav.png) repeat-y;
	display: none;
	position: absolute;
	top: 23px;
	left: 14px;
	width: 91px;
	z-index: 1;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
}
.nav ul div span{
	background: url(../images/subb.png) no-repeat;
	width: 91px;
	height: 17px;
	position: absolute;
	left: 0px;
	bottom: -17px;
}
.nav ul ul{
	width: 85px;
	padding: 21px 0 0 6px;
	margin: 0px;
}
.nav ul ul li{
	background: url(../images/sep3.gif) no-repeat 0 100%;
	height: auto;
	float: none;
	padding: 1px 0 4px 12px;
	margin-top: -1px;
}
.nav ul ul .last{background: none;}
.nav ul ul li a{
	display: block;
	height: auto;
	float: none;
	overflow: visible;
	text-indent: 0;
	margin: 0;
	color: #fff883;
}
.nav ul li:hover, 
.nav ul li.hover{position: relative;}
.nav ul li:hover ul li, 
.nav ul li.hover ul li{position: static;}
.nav ul li:hover div, 
.nav ul li.hover div{display: block;}
.nav .txt1 ul a, .nav .txt2 ul a, .nav .txt2 ul a, .nav .txt3 ul a, .nav .txt4 ul a, .nav .txt5 ul a {background: none;}
.nav ul ul a:hover, 
.nav ul ul li.hover{text-decoration: none;}
.nav ul li:hover ul li:hover, 
.nav ul li.hover ul li.hover{
		background: url(../images/sub-hover.gif) repeat-y;
		cursor: pointer;
}
/* end navigation */
/* hero sidebar */
.hero{
	background: url(../images/img-hero.jpg) no-repeat;
	width: 774px;
	height: 33px;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	padding: 253px 0 0 71px;
	list-style: none;
	white-space: nowrap;
}
.hero li{
	margin: 0 15px 0 0;
	float: left;
}
.hero .lectra{margin: 0 33px 0 17px;}
.hero .shroomy{margin: 0 52px 0 11px;}
.hero .lumi{margin: 0 0 0 25px;}
.hero li a img{
	display: inline;
	margin: 0 0 -7px 0;
	position: relative;
	z-index: 11;
}
.inf-text{ display: none;}
/* end hero sidebar */
/* intro sidebar */
.box5{
	background: url(../images/box5.png) no-repeat;
	width: 820px;
	height: 278px;
	padding: 15px 10px 0 26px;
	margin-top: -19px;
}
.box5 h3{
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}
.module{
	background: url(../images/box6.png) no-repeat;
	width: 260px;
	height: 217px;
	float: left;
	margin:11px 5px 0 0;
	padding: 0 0 0 0;
}
.module img{margin: 0 auto;}
.module, 
.module h4{
	color: #d6d4d4;
	font-size: 11px;
	line-height: 14px;
}
.module h4{padding: 11px 0 8px 15px;}
.module p{padding: 5px 35px 0 15px;}
#sidebar1{
	background: url(../images/sidebar1.gif) no-repeat;
	width: 786px;
	height: 22px;
	margin: 0 auto;
	padding: 6px 0 0 14px;
}
#sidebar1 p{
	margin: 0px 0 -19px 0;
	font-size: 11px;
	line-height: 14px;
	color: #4d4d4d;
}
#sidebar1 p img{margin: 0 0 -1px 6px;}
#sidebar1 img{display: inline;}
#sidebar1 ul li a{margin: 0 3px 0 10px;}
/* end intro sidebar */
/*--- hero-popup css ---*/
#hero-popup, 
.pop-up{
	position:absolute;
	width: 122px;
	white-space: normal;
	z-index:120;
	top:0;
	left:0;
	margin:0 0 0 -95px;
}
.pop-up{
	display: block;
	margin: 0;
	top: 273px;
	left: 638px;
}
.area1 .pop-up{
	top: 204px;
	left: 672px;
}
#hero-popup .inner, 
.pop-up .inner{
	width: 92px;
	background: url(../images/box-4.png) no-repeat;
	padding: 18px 15px 3px 15px;
	overflow: visible;
}
#hero-popup p, 
#hero-popup h5, 
.pop-up p, 
.pop-up h5{
	font-size: 11px;
	line-height: 17px;
	color: #444;
}
#hero-popup .inner div, 
.pop-up .inner div{
	display: block;
	background: url(../images/box-4-1.png) no-repeat;
	width: 122px;
	height: 14px;
	position: absolute;
	top:100%;
	z-index: 180;
	left:0;
	padding: 0;
}