@charset "utf-8"; 
body {margin:0; padding:0; }

#topbg {width:1100px; height:699px; background-image:url(images/topbg.jpg); margin:0 auto; position:relative; }
.bldg1 {cursor:pointer; }
.bldg1 {width:144px; height:200px; background-image:url(images/bldg1.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:142px; left:115px; }
.bldg1:hover {background:url(images/bldg1.png) 0 100%; }
.stoplight {width:209px; height:366px; background-image:url(images/stoplight.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:108px; left:15px; }
.post1 {width:63px; height:188px; background-image:url(images/post1.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:112px; left:65px; }
.bus {width:237px; height:240px; background-image:url(images/bus.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:100px; left:235px; cursor:pointer; }
.bus:hover {background:url(images/bus.png) 0 100%; }
.bldg2 {width:226px; height:290px; background-image:url(images/bldg2.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:135px; left:395px; cursor:pointer; }
.bldg2:hover {background:url(images/bldg2.png) 0 100%; }
.bldg3 {width:183px; height:125px; background-image:url(images/bldg3.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:135px; left:625px; cursor:pointer; }
.bldg3:hover {background:url(images/bldg3.png) 0 100%; }
.bldg4 {width:66px; height:137px; background-image:url(images/bldg4.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:190px; left:730px; cursor:pointer; }
.bldg4:hover {background:url(images/bldg4.png) 0 100%; }
.tree {width:150px; height:100px; background-image:url(images/tree.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:210px; left:730px; }
.taxi2 {width:191px; height:69px; background-image:url(images/taxi2.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:125px; left:690px; }
.bldg5 {width:143px; height:153px; background-image:url(images/bldg5.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:145px; left:795px; cursor:pointer; }
.bldg5:hover {background:url(images/bldg5.png) 0 100%; }
.post2 {width:63px; height:188px; background-image:url(images/post2.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:115px; left:910px; }
.phone {width:60px; height:124px; background-image:url(images/phone.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:110px; left:943px; cursor:pointer; }
.phone:hover {background:url(images/phone.png) 0 100%; }
.bldg6 {width:98px; height:79px; background-image:url(images/bldg6.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:130px; left:985px; cursor:pointer; }
.bldg6:hover {background:url(images/bldg6.png) 0 100%; }
.peep1 {width:75px; height:182px; background-image:url(images/peep1.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:10px; right:0; }
.peep2 {width:183px; height:169px; background-image:url(images/peep2.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:45px; right:170px; }
.peep3 {width:96px; height:193px; background-image:url(images/peep3.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:25px; right:335px; }
.peep4 {width:121px; height:176px; background-image:url(images/peep4.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:25px; left:155px; }
.peep5 {width:112px; height:197px; background-image:url(images/peep5.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:25px; left:0; }
.taxi {width:155px; height:69px; background-image:url(images/taxi.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:105px; left:0; }
.lightstream1 {width:1018px; height:182px; background:url(images/lightstream1.png) 994px; text-indent:-9999px; overflow:hidden; position:absolute; bottom:5px; right:0; }
.lightstream2 {width:1005px; height:175px; background:url(images/lightstream2.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:5px; left:0; }
.logo {width:261px; height:137px; background:url(images/logo.png); text-indent:-9999px; overflow:hidden; position:absolute; bottom:-40px; left:38%; }


/* status bar */
#sbwrapper{margin:20% auto; width:300px;  position:absolute;  z-index:1;  left:40%; }
#statusBar {border: 2px solid #aaa; width: 300px; background: #ddd url(images/dadada_40x100_textures_06_inset_hard_95.png) 50% repeat-x; }
#status {background: url(images/f58705_40x100_textures_08_diagonals_thick_85.png) 0 50% no-repeat;  height: 12px;  }

#textStatus {font-weight: bold;  text-align:center;  }
#textStatus  .numLoaded {font-weight: bold; }
#textStatus .numTotal {font-weight: bold; }
#textStatus .percentLoaded {font-weight: bold; }
#textStatus .currentImg {font-weight: bold;  display: block; font-size: .8em; }
#textStatus .currentImg span {font-weight: normal;}

/* navigation */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/breadcrumb.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu{
	position:absolute;
	left:460px;
	top:100px;
}

#menubg{
	position:absolute;
	width:240px;
	left:430px;
	background:url(images/navwhite.png) repeat-y;
}

.menu, .menu ul {padding:0; margin:0; list-style:none;}
.menu {width:180px; height:252px; position:relative; z-index:500;}
.menu table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; width:0; height:0; font-size:1em;}
.menu ul {position:absolute; left:-9999px; margin-left:5px;}

.menu li {width:180px; height:29px; float:left; background:url(images/navbg.png); margin-bottom:2px;}

.menu li a {display:block; width:100%; height:29px; line-height:29px; color:#FFF; text-decoration:none; font-size:12px; font-family:"lucida grande", arial, sans-serif; text-indent: 20px; float:left;}

.menu li.sub a {background:url(images/grey.gif) no-repeat 150px center;}

.menu li a:hover {white-space:nowrap; position:relative; color:#FFF;}

.menu li.sub a:hover {background:url(images/blue.gif) no-repeat 150px center; color:#FFF;}
.menu li.sub a b {display:block; color:#FFF; font-weight:normal;}

.menu li:hover {position:relative;}
.menu li:hover.sub > a {background:url(images/blue.gif ) no-repeat 150px center; color:#FFF;}

/*
.menu li.home {background:url(images/home.gif) no-repeat 10px center;}
.menu li.products {background:url(images/graph.gif) no-repeat 10px center;}
.menu li.services {background:url(images/services.gif) no-repeat 10px center;}
.menu li.shop {background:url(images/flower.gif) no-repeat 10px center;}
.menu li.contacts {background:url(images/mail.gif) no-repeat 10px center;}
.menu li.privacy {background:url(images/lock.gif) no-repeat 10px center;}
*/

.menu :hover ul
{width:120px; height:auto; left:165px; top:7px;} /* bg dito */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{width:120px; height:auto; left:115px; top:-1px;} /* bg dito */

.menu :hover ul li {background:url(images/navbg2.png);}

.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul
{left:-9999px; width:0; height:0;}

.menu :hover ul li,
.menu :hover ul li a
{width:120px; height:29px; line-height:29px; text-indent:10px; float:none;}

.menu :hover ul li.sub a,
.menu :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul :hover li.sub a,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a
{background:url(images/grey.gif) no-repeat 100px center; color:#FFF;}

.menu :hover ul li.sub a:hover,
.menu :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a:hover
{background:url(images/blue.gif) no-repeat 100px center; color:#FFF;}
.menu :hover ul li.sub:hover > a,
.menu :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul :hover ul li.sub:hover > a
{background:url(images/blue.gif) no-repeat 100px center; color:#FFF;}

.menu :hover ul li a,
.menu :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover :hover ul li a
{color:#FFF;background:url(images/navbg2.png);} /* bg dito */

.menu :hover ul li a:hover,
.menu :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover
{background:url(images/navbg2.png);color:#FFF;}

.menu li.sub a b,
.menu :hover li.sub a b,
.menu :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a b
{display:block; color:#FFF; font-weight:normal;}

.menu li.sub a.selected b,
.menu :hover ul li.sub a.selected b,
.menu :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li.sub a.selected b
{display:block; background:#fcfcfc; color:#FFF; font-weight:normal;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }