object { display: none; }

body.js { width: 100%; height: 100%; }

body.mac { font-family: "Helvetica", "Arial", sans-serif; }
body.mac textarea, body.mac input, body.mac select, body.mac option, body.mac optgroup, body.mac button { font: 1em "Helvetica", "Arial", sans-serif; }
/* loading screen */
div.loading { display: none; }
.js div.loading { position: absolute; left: 0; top: 0; z-index: 10001; display: block; width: 100%; height: 100%; background: #02303c url("../../images/background_1.png") repeat-x 50% 0; }
div.loading p { position: absolute; left: 50%; top: 50%; z-index: 10002; float: left; width: 200px; margin: -1ex 0 0 -100px; padding: 0; color: #000; font-size: .917em; font-weight: 700; text-align: center; }


/*
 * the big map and it's markers
 */
div.map { position: fixed; left: 0; top: 0; z-index: 1; overflow: visible; width: 3000px; height: 2116px; background: transparent url("../../images/map2.png") no-repeat 0 0; color: #fff;opacity: 0.5; }
div.map>img { float: left; }
div.map p { padding: 0; }

div.map span.city,
div.map a { opacity: 0; position: absolute; z-index: 1; overflow: visible; float: left; display: none; width: 10px; height: 10px; margin: -5px 0 0 -5px; background: transparent url("../../images/map_marker.png") no-repeat 0 -12px; color: #797f80; font-family: "Arial", "Helvetica", sans-serif; font-weight: 400; font-size: .917em; line-height: 10px; white-space: nowrap; }
div.map a:hover { color: #fff; }
div.map span.city span,
div.map a span { position: absolute; left: 15px; top: 0; float: left !important; height: 10px; line-height: 10px; }
div.map a.site-left span { left: auto; right: 15px; }
div.map a.site-many { background-position: 0 -24px; }
div.map a.site-design { background-position: 0 -36px; }
div.map a.site-programming { background-position: 0 -48px; }
div.map a.site-marketing { background-position: 0 -60px; }
div.map span.city-capital { background-position: 0 0; }

div.map span.left span,
div.map a.left span { left: auto; right: 15px; }

div.map span.bottom-right span,
div.map a.bottom-right span { top: 12px; left: 0; }

div.map span.top-right span,
div.map a.top-right span { top: auto; bottom: 12px; left: 0; }

div.map span.top-left span,
div.map a.top-left span { top: auto; bottom: 13px; left: auto; right: 0; }

div.map span.bottom-left span,
div.map a.bottom-left span { top: 12px; left: auto; right: 0; }

div.map p.clients { opacity: 0; position: absolute; z-index: 1; overflow: visible; float: left; display: none; width: 38px; height: 40px; margin: -39px 0 0 -12px; background: transparent url("../../images/marker_clients.png") no-repeat 0 0; font-weight: 700; font-size: .917em; text-align: center; white-space: nowrap; }
div.map p.clients:hover { z-index: 10000 !important; }
div.map p.clients em { position: absolute; left: 0; top: 43px; float: left; padding: 1px 5px 2px; background: #000; font-style: normal; zoom: 1; }
div.map p.clients-left em { right: 0; left: auto; }
div.map p.clients span { color: #f47f20; font-weight: 400; }

div.map-sites a.site { display: block; }
div.map-clients p.clients { display: block; }
div.map-cities span.city { display: block; }

/*
 * the small map - navigation
 */
.navigation { position: relative; z-index: 5; width: 200px; margin: 0px auto 0; opacity: 1 !important;}
.navigation:hover { z-index: 25; opacity: 1 !important; }
.navigation div { background: url("../../images/show.png") no-repeat scroll 0 0 transparent;    overflow: hidden;    padding: 2px 10px 8px;    position: absolute;    right: -383px;  top: 107px;    z-index: 999;}
.navigation p.map {    background: url("../../images/navigation_map.png") no-repeat scroll 0 0 transparent;    height: 145px;    margin-left: 0px;    overflow: hidden;    position: relative;    width: 214px;    z-index: 0;    margin-top: 29px!important;}
.navigation p.map span.clients { position: absolute; z-index: 1; float: left; width: 6px; height: 6px; margin: -2px 0 0 -2px; background: transparent url("../../images/navigation_marker.png") no-repeat 0 0; }
.navigation p.map a {    background: url("../../images/map_arw.png") no-repeat scroll 0 0 transparent;    display: none;    float: left;    height: 51px !important;    margin: -1px 0 0 -1px;    position: relative;   width: 86px !important;    z-index: 2;}
.navigation p.map a .top { position: absolute; top: -4px; left: 50%; width: 5px; height: 3px; margin-left: -2px; background: transparent url("../../images/navigation_arrows.png") no-repeat 0 0; }
.navigation p.map a .bottom { position: absolute; bottom: -4px; left: 50%; width: 5px; height: 3px; margin-left: -2px; background: transparent url("../../images/navigation_arrows.png") no-repeat 0 100%; }
.navigation p.map a .left { position: absolute; left: -4px; top: 50%; width: 3px; height: 5px; margin-top: -3px; background: transparent url("../../images/navigation_arrows.png") no-repeat 0 0; }
.navigation p.map a .right { position: absolute; right: -4px; top: 50%; width: 3px; height: 5px; margin-top: -3px; background: transparent url("../../images/navigation_arrows.png") no-repeat 100% 0; }

.navigation p.controls { padding: 10px 0 0; background: transparent url("../../images/navigation_controls_background.png") repeat-x 0 0; color: #aaa; font-family: "Arial", "Helvetica", sans-serif; font-size: .75em; line-height: 1; text-transform: uppercase; -webkit-text-size-adjust: none; }
.navigation p.controls a { margin: 0 1ex; padding: 0 3px; border: 1px solid #000; background: #000; color: #666; }
.navigation p.controls a:hover { color: #fff; text-decoration: none; }
.navigation p.controls a.on { color: #f47f20; text-decoration: none; }
.navigation p.controls a:active { color: #fff; }


/*
 * windows
 */
.window { position: relative; z-index: 15; width: 940px; margin: 0 auto; padding: 35px 0 0; background: #000; }
.window .window { overflow: hidden; width: auto; margin: 0; padding: 0 50px 45px; background-color: transparent; }

.js .window { position: absolute; left: 50%; top: 50%; display: none; margin-left: -470px; background: transparent url("../../images/window_background.png") no-repeat -940px 0; opacity: 0; }
.js .window .window { position: static; left: 0; top: 0; display: block; margin: 0; background-position: 0 100%; opacity: 1; }

.js .window h2,
.js .window div.left,
.js .window div.right { opacity: 0; }

.window-small { width: 270px; padding: 20px 0 0; }
.window-small .window { padding: 0 25px 35px; }

.js .window-small { margin-left: -135px; background-position: -2150px 0; }
.js .window-small .window { background-position: -1880px 100%; }

.window p.close {    float: left;    padding: 0;   position: absolute;    right: 8px;   top: 120px;}
.window p.close a { overflow: hidden; float: left; width: 15px; height: 15px;  text-indent: -99em; cursor:pointer; }
.window p.close a:hover { background-position: 0 -15px; }

.window div.left { width: 370px; margin-right: -1px; padding-right: 49px; border-right: 1px solid #151515; }
.window div.right { width: 370px; margin-left: -1px; padding-left: 50px; border-left: 1px solid #151515; }

.window h2 { clear: both; padding: 0 0 .75ex; color: #fff; font-family: "Haptic Light", "Arial", sans-serif; font-size: 3.333em; font-weight: 400; text-transform: lowercase; }
.window-small h2 { font-size: 2em; }
.window h3 { padding: 0 0 1ex; color: #fff; font-size: 1.167em; font-weight: 400; text-transform: uppercase; }
.window h3.alt { width: 345px; margin: 0 auto; color: #b8c70e; font-size: 1.333em; font-weight: 700; text-transform: none; }
.window h4 { padding: 0 0 1ex; color: #fff; font-size: 1.167em; font-weight: 400; }
.window p strong { color: #fff; font-weight: 400; }
.window p.intro { color: #f47f20; font-size: 1.333em; font-weight: 700; }
.window p.loading { padding: 1ex 0 1ex 48px; background: transparent url("../../images/loading_background.gif") no-repeat 0 50%; color: #fff; font-weight: 700; }
.window p.error { margin-top: -1.5ex; padding: 0 0 1em 92px; color: #909c09; font-size: .917em; }
.window p.error-alt { padding-left: 12px; }
.window ul { list-style: none; padding-left: 0; }
.window ul li { padding: 0 0 1.5ex 24px; background: transparent url("../../images/bullet.png") no-repeat 0 .7ex; }
.js .window-small p.error { padding-left: 12px; }
.window-small input.text { width: 215px; }	



/*
 * legend related stuff
 */
p.legend { position: absolute; left: 50%;  float: left; margin-left: -46px; padding: 0; }
p.legend a { overflow: hidden; float: left; width: 92px; height: 35px; text-indent: -99em; }
p.legend a:hover { background-position: 0 100%; }

#window-legend {
    margin-left: -258px;
    padding-top: 21px;
    top: 0;
    width: 357px;
}
#window-legend .window {
    background: url("../../images/legend.png") no-repeat scroll 0 100% transparent;
    padding: 368px 35px 92px; width:368px;
}
#window-legend h2 { font-size: 2em; opacity: 1; }
#window-legend h3 { padding-top: 1.5ex; border-top: 1px solid #121212; }
#window-legend p { padding-bottom: 1em; color: #777; word-spacing: normal; white-space: normal; margin: 6px 0 0 1px;  }
#window-legend span.marker { position: relative; top: -1px; display: inline-block; width: 10px; height: 10px; padding-right: 1ex; background: transparent url("../../images/map_marker.png") no-repeat 0 -12px; vertical-align: middle; }
#window-legend span.marker-clients { width: 38px; height: 40px; background: transparent url("../../images/marker_clients.png") no-repeat 0 0; }
#window-legend span.marker-city-capital { background-position: 0 0; }
#window-legend span.marker-site-many { background-position: 0 -24px; }
#window-legend span.marker-site-design { background-position: 0 -36px; }
#window-legend span.marker-site-programming { background-position: 0 -48px; }
#window-legend span.marker-site-marketing { background-position: 0 -60px; }
#window-legend ul { padding-bottom: 1em; color: #777; }
#window-legend li { padding: 0 0 1ex; background: transparent; }
#window-legend li.left,
#window-legend li.right { width: 140px; }
/*
** the end
*/