* { margin:0; padding:0; text-rendering:optimizeLegibility; }
body { background:#000000; font:12px/1.7em Arial, Verdana, Sans-Serif; color:#aaaaaa; }

img { border:none; display:block; }
a { text-decoration:none; outline:none; border:none; color:#aaaaaa }
a:hover { color:#ffffff; }

div.divider { width:20px; height:18px; background:url(../site/media/images/ui/symbol_small.gif) center center no-repeat; }
div.divider2 { width:20px; height:16px; background:url(../site/media/images/ui/symbol_small2.png) center center no-repeat; }




.view { position:absolute; overflow:hidden; }
.v0 { z-index:0 }
.v1 { z-index:1 }
.v2 { z-index:2 }
.v3 { z-index:3 }
.v4 { z-index:4 }
.v5 { z-index:5 }
.v6 { z-index:6 }
.v7 { z-index:7 }
.v8 { z-index:8 }
.v9 { z-index:9 }
.v10 { z-index:10 }




a#logo { position:fixed; left:0; bottom:0px; z-index:99; width:125px; height:56px;
	background:url(../site/media/images/ui/logo_small.png) 25px 10px no-repeat; }

#footer { position:fixed; overflow:hidden; bottom:0; background:url(../site/media/images/ui/bg_black.png) top left; width:100%; }
#footer > div { overflow:hidden; padding:9px 0 10px 80px; }
#footer > div > * { float:left; line-height:2em; }
#footer > div .divider { height:2em; }

#footer a:hover, #footer a.active { color:#ffffff; }
#footer a.social { padding-right:19px; }
#footer a.facebook { background:url(../site/media/images/ui/facebook.gif) right center no-repeat; }
#footer a.twitter { background:url(../site/media/images/ui/twitter.png) right center no-repeat; }

#symbol { width:82px; height:371px; background:url(../site/media/images/ui/symbol_big.png) 0 0 no-repeat;
	z-index:90; position:fixed; right:0; }




#mainmenu, #mainmenu2 { z-index:100; position:fixed; top:46px; right:125px; overflow:hidden; }
#mainmenu2 { top:20px; }
#mainmenu > *, #mainmenu2 > * { float:left; }
#mainmenu a, #mainmenu2 a { color:#ffffff; font-size:14px; }
#mainmenu a:hover, #mainmenu a.active, #mainmenu2 a:hover, #mainmenu2 a.active { color:#aaaaaa; }




#textcontent { z-index:1; position:absolute; top:85px; left:65px; width:320px; padding:30px 23px 50px 23px;
	background:url(../site/media/images/ui/bg_black.png) top left; }
#textcontent h1 { color:#FF0000; padding-bottom:1em; }
#textcontent h2 { color:#ffffff; padding-bottom:0.3em; font-size:14px; }
#textcontent p { padding-bottom:1em; }

.bgimage { position:fixed; z-index:0; width:100%; height:100%; overflow:hidden; }
.c_bgimage { position:relative; z-index:0; }




#bgtop { z-index:9; position:fixed; background:url(../site/media/images/ui/bg_header.png) top left no-repeat; width:100%; height:340px; }

.homeheader { position:absolute; z-index:4; left:33px; bottom:0px; }
.homeheader h1 { font-size:78px; padding-bottom:20px; color:#FF0000; padding-top:60px; }
.homeheader h2 { font-size:37px; color:#ffffff; padding-right:100px; padding-bottom:60px; }
.homeheader h2 cufon { padding-bottom:6px; }




#bgtop h3 { position:absolute; z-index:10; top:40px; left:31px; font-size:22px; color:#FF0000; }
#bgtop h3 span { color:#ffffff; padding-left:0.3em; }

#projectlist, #projectlist2 { position:absolute; z-index:10; top:88px; left:33px; width:775px;
	overflow:hidden; }
#projectlist { width:auto; }
#projectlist > *, #projectlist2 > * { float:left; margin:0 15px 15px 0; }
#projectlist a, #projectlist2 a { background:#000000; display:block; }

#projectlist a:hover img, #projectlist2 a:hover img { opacity:1; }
#projectlist a img, #projectlist2 a img { opacity:0.7; }



#projectinfo { position:absolute; z-index:10; background:#000000;
	width:272px; left:0px; top: 88px;
	padding:8px 8px 8px 33px;
	overflow:hidden; height:200px; }
#projectinfo > * { display:inline; }
#projectinfo span { color:#ffffff; }

#projectlist2 { left:328px; width:620px; }



#googlemap { height: auto; position: absolute; bottom:0; left:0; right:0; top:0; }
.customMapOverlay { position:absolute; width:525px; }

.customMapOverlay .location { background:url(../site/media/images/ui/bg_black.png); margin-bottom:1px; padding:5px 8px 5px; overflow:hidden;
	font-size:21px; }
.customMapOverlay .location > * { float:left; }
.customMapOverlay .location .h1 { color:#FF0000; padding-right:8px; }
.customMapOverlay .location .h2 { color:#ffffff; }

.customMapOverlay .event { background:url(../site/media/images/ui/bg_black.png); margin-bottom:1px; padding:1px 8px 1px; overflow:hidden; }
.customMapOverlay .event > * { float:left; }
.customMapOverlay .event h1 { font:12px/1.7em Arial, Verdana, Sans-Serif; color:#aaaaaa; padding-right:10px; }
.customMapOverlay .event h2 { font:12px/1.7em Arial, Verdana, Sans-Serif; color:#aaaaaa; color:#ffffff; }
.customMapOverlay .event .divider { height:20px; width:13px; }
.customMapOverlay .event p { padding-right:15px; }
.customMapOverlay a.event { display:block; }

.mapbuttons { position:absolute; top:44px; left:280px; z-index:10; overflow:hidden; }
.mapbuttons > * { float:left; }
.mapbuttons .divider { height:20px; }
.mapbuttons a.active { color:#ffffff; }



#bgtop h3 span p { display:inline; }
#bgtop h3 span br { display:none; }

#spectrum, #spectrum2 { z-index:1; position:absolute; left:31px; top: 100px; background:url(../site/media/images/ui/bg_grid.png) 0 0; }
#spectrum2 { background:url(../site/media/images/ui/bg_grid2.png) 0 0; }

#spectrumtext, #spectrumtext2 { position:absolute; width:271px; height:76px;
	background:#000000; padding:12px; overflow:hidden; }
#spectrumtext2 { height:100px; padding:0; width:295px; }

#spectrum a.spectrumitem, #spectrum2 a.spectrumitem { position:absolute; width:140px; height:100px;
	background:#000000; text-align:center; padding:0; display:table; }
#spectrum a.spectrumitem:hover { color:#FF0000; }
#spectrum a.spectrumitem p, #spectrum2 a.spectrumitem p { display:table-cell; vertical-align:middle; font-size:16px; padding:12px; }
#spectrum a.spectrumitem p cufon, #spectrum2 a.spectrumitem p cufon { padding-bottom:4px; }
#spectrum a.active { color:#FF0000; }

#spectrum img.spectrumimg, #spectrum2 img.spectrumimg { position:absolute; display:none; z-index:2; }

#spectrumzoom { position:absolute; width:450px;
	height:330px; overflow:hidden; background:#000000; z-index:3; display:none; }
#spectrumzoom img { position:absolute; z-index:3; }
#spectrumzoom > img { display:none; }

#spectrumzoom .navi{ position:absolute; width:100%; height:19px; z-index:10; background:url(../site/media/images/ui/bg_black2.png);
	overflow:hidden; bottom:0; }
#spectrumzoom .navi > * { float:right; }
#spectrumzoom .navi a { width:25px; height:19px; }
#spectrumzoom .navi .divider { width:10px; }

#spectrumzoom a.nextimg { margin-right:10px; background:url(../site/media/images/ui/zoomNext.png) center center no-repeat; }
#spectrumzoom a.nextimg:hover { background:url(../site/media/images/ui/zoomNextOver.png) center center no-repeat; }

#spectrumzoom a.previmg { background:url(../site/media/images/ui/zoomPrev.png) center center no-repeat; }
#spectrumzoom a.previmg:hover { background:url(../site/media/images/ui/zoomPrevOver.png) center center no-repeat; }

#spectrumzoom a.close { width:25px; height:19px;
	background:url(../site/media/images/ui/zoomClose.png) center center no-repeat; }
#spectrumzoom a.close:hover { background:url(../site/media/images/ui/zoomCloseOver.png) center center no-repeat; }



#spectrum2 .teamitem { position:absolute; width:140px; height:100px;
	background:#000000; text-align:center; display:block; padding:0; cursor:pointer; }
#spectrum2 .teamitem > img { position:absolute; z-index:2; }
#spectrum2 .teamitem:hover { color:#FF0000; }
#spectrum2 .teamitem .name { display:table; z-index:3; position:absolute;
	width:140px; height:100px; padding:0; background:#000000; }
#spectrum2 .teamitem .name p { display:table-cell; vertical-align:middle; font-size:16px;
	width:100%; height:100%; padding:12px; }
#spectrum2 .teamitem .name cufon { padding-bottom:4px; }
#spectrum2 .active { color:#FF0000; }


#spectrum2 .newsitem { width:295px; height:215px; }
#spectrum2 .newsitem .name { width:295px; height:215px; }


#spectrum2 .header { background:url(../site/media/images/ui/bg_black2.png);
	position:absolute; z-index:12; width:100%; height:29px; color:#FF0000;
	font-size:16px; padding:5px 0 0 10px; }
#spectrum2 .header span { color:#ffffff; padding-left:10px; }

.employee { display:none; overflow:hidden; position:absolute;
	height:100%; width:100%; }

.employee > h1 { position:absolute; width:277px; }
.employee > h1 cufon { padding-bottom:5px; }

.employee .subdata { position:absolute; left:310px; overflow:hidden;
	width:277px; }
.employee .subdata > h1 { font-size:14px; color:#ffffff; padding-bottom:0.3em; }
.employee .subdata .left, #team .employee .subdata .right { float:left; }
.employee .subdata .left { width:22px; clear:both; color:#ffffff; }
.employee .subdata .info { clear:both; overflow:hidden; padding-top:40px; }
.employee .subdata .info > * { display:inline; }
.employee .subdata .info p.h1 { color:#ffffff; }

#spectrumzoom .employee .header { position:absolute; z-index:12; top:0; left:0; padding:10px 15px 5px;
	background:url(../site/media/images/ui/bg_black2.png); }

#spectrumzoom .employee > img { position:absolute; z-index:9; left:0; top:0; }

.employee .infos { position:absolute; bottom:25px; left:15px; z-index:20; overflow:hidden;
	font-size:15px; }
.employee .infos cufon { padding-bottom:6px; }
.employee .infos .left { float:left; width:25px; clear:both; color:#ffffff; }
.employee .infos .right { float:left; color:#000000; }
.employee .infos a { color:#ffffff; }

.projectoverlay .infos { position:absolute; bottom:19px; padding:15px; z-index:20; overflow:hidden;
	font-size:12px; background:url(../site/media/images/ui/bg_black.png); left:0; }


#bgnavi { position:fixed; bottom:0; right:35px; z-index:999; overflow:hidden; height:43px; }
#bgnavi a { width:35px; height:43px; float:left; }
#bgnavi div { float:left; height:43px; width:3px; }

#bgnavi a.pause { background:url(../site/media/images/ui/bgPause.png) center center no-repeat; }
#bgnavi a.pause:hover, #bgnavi a.pauseactive { background:url(../site/media/images/ui/bgPauseOver.png) center center no-repeat; }

#bgnavi a.play { background:url(../site/media/images/ui/bgPlay.png) center center no-repeat; }
#bgnavi a.play:hover, #bgnavi a.playactive { background:url(../site/media/images/ui/bgPlayOver.png) center center no-repeat; }