@charset "UTF-8";
/* CSS Document - global */

/* 
color legend:
+ magenta: #ec008c;
+ turcoise: #00aeef;
*/

*.interactive, #document a.interactive { color: #ec008c; }
*.software, a.software { color: #00aeef; background-color: white; }

body { background: url(../images/upper_page_bg.gif) repeat-x; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #5a5a5a; font-size: 12px; line-height: 150%; }

#page { padding: 25px 0 0 35px; min-width: 965px; }

#document { width: 744px; float: left; }
	
	/* normal blue link, as in "more..." */
	#document a.regularLink { font-size: 10px; color: #00aeef; text-decoration: none; background-color: transparent; }
	
	/* header */
	#document #header { float: left; }
	#document #header #logo a { width: 0; height: 0 !important; background: url(../images/logo.gif) no-repeat; padding: 72px 0 0 205px; overflow: hidden; float: left; }
	#document #header #slogan { width: 0; height: 0 !important; background: url(../images/slogan.gif) no-repeat left top; padding: 35px 0 0 470px; overflow: hidden; float: left; margin: 15px 0 0 67px; clear: right; }
	#document #header #upperMenu, #extendedMenu, ul.hiddenMenu { float: left; width: 470px; padding: 0px 0px 8px 69px; overflow: hidden; z-index: 100; }
		
		/* header menu */
		#document #header #upperMenu li.hasSubmenu { letter-spacing: 0px; }
		
		#document #header #upperMenu li a { color: #000; font-size: 11px; text-transform: uppercase; text-decoration: none; }
		#document #header #upperMenu li a:hover { color: #ec008c; font-size: 11px; text-transform: uppercase; text-decoration: none; }
		
			#document #header #upperMenu li a.currentPageLink { color: #ec008c; font-size: 11px; text-transform: uppercase; text-decoration: none; }
			#document #header #upperMenu li a.currentPageLink:hover { color: #ec008c; font-size: 11px; text-decoration: none; text-transform: uppercase; }
			
				#document #header #upperMenu ul.hiddenMenu li a:hover { font-size: 11px; text-decoration: none; text-transform: none; }
			
			#document #header #upperMenu ul.hiddenMenu { margin-left: -5px; }
			
			#document #header #upperMenu ul.hiddenMenu li { padding: 0 !important; margin-top: -2px; white-space: nowrap; float: left; margin-left: 5px; }
				#document #header #upperMenu ul.hiddenMenu li a, #document #header #upperMenu ul.hiddenMenu li a:hover {  }
			
			#document #header #upperMenu li a.interactivePortfolio { text-transform: none; color: #ec008c; padding: 0px 0px; }
				#document #header #upperMenu li a.interactivePortfolio:hover { background-color: #ec008c; color: #fff; padding: 0; }
			#document #header #upperMenu li a.softwarePortfolio { text-transform: none; color: #00aeef; padding: 0px 0px; }
				#document #header #upperMenu li a.softwarePortfolio:hover { background-color: #00aeef; color: #fff; padding: 0; }
			
		/* language menu */
		#additionalToolbar { margin-right: 20px; }
			#additionalToolbar #languageMenu { font-size: 14px; text-transform: uppercase; }
				#additionalToolbar #languageMenu li { display: inline; padding-left: 4px; }
					#additionalToolbar #languageMenu li a { color: #000; text-decoration: none; }
					
#document #coverer { float: left; }
		
#document #content { /*margin-top: 30px;*/ float: left; overflow: hidden; /*padding-top: 30px;*/ padding-top: 60px; width: 740px; position: relative; }

#document #content #innerContent { width: 740px; float: left; overflow: hidden; padding-bottom: 60px; }
	
#document #extendedMenu { display: none; }

#footer { clear: both; float: left; width: 100%; overflow: hidden; padding: 0px 0 5px 0; border-bottom: 10px solid #00aeef; min-width: 1000px; margin-top: -28px; position: relative; z-index: 999; }

	#footer #footerMenu { padding-left: 33px; float: left; width: 170px; }
	#footer #footerMenu li { display: inline; margin-left: 3px; }
		#footer #footerMenu li a { color: #000; font-size: 12px; text-decoration: none; }
			#footer #footerMenu li a.currentPageLink { color: #ec008c; font-size: 12px; text-decoration: none; }
	
	#footer div { color: #000; float: left; width: 578px; text-align: right; }
	
#page #fillUp { text-align: right; width: 100%; display: inline; z-index: 1000; }
	
	#page #fillUp #rightExtendable { /*max-width: 428px;*/ overflow: hidden; text-align: right; min-width: 10px; margin-left: auto; }
		#page #fillUp #rightExtendable img { position: relative; z-index: -1000;}
	
	#page #fillUp #additionalToolbar #timeBox { font-family: Arial, Helvetica, sans-serif; color: #ec008c; padding: 10px 0 8px 0; }
	#page #fillUp #additionalToolbar #timeBox #dayDate { padding: 8px 0 0 24px; background: url(../images/date_icon.gif) left bottom no-repeat; }
	#page #fillUp #additionalToolbar #timeBox #dayTime { padding: 8px 0 0 24px; background: url(../images/time_icon.gif) left bottom no-repeat; }
	

a img.projectThumb { border: 0; }

#document a.externalLink { /*color: #656565; */text-decoration: none; }

/* tool tips */
#tooltip.portfolioTooltip { background: url(../images/tool_tip_outer_bg.png) top left no-repeat; width: 417px; height: 397px; border: 0; }
div.portfolioInnerContent { padding: 15px; overflow: hidden; height: 360px; }
div.portfolioInnerContent div.bordering { width: 376px; height: 314px; background: url(../images/tool_tip_inner_bg.png) top left no-repeat; display: table-cell; vertical-align: middle; overflow: hidden; background-repeat:no-repeat }
	div.portfolioInnerContent div.bordering div { width: 376px; height: 314px; }
div.portfolioInnerContent span.title { font-size: 10px; line-height: 120%; padding: 10px 5px 5px 5px; clear: both; display: block; font-weight: bold; }
div.portfolioInnerContent span.description { font-size: 10px; line-height: 120%; padding: 0px 5px 5px 5px; clear: both; display: block; }

a.backLink { width: 47px; height: 19px; background: url(../images/btn_back_bg.png) top left no-repeat; overflow: hidden; display: block; float: left; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #fff; font-size: 11px; text-decoration: none; text-align: center; margin-left: 4px; }
	/* a.software.backLink { background: url(../images/btn_back_soft_bg.png) top left no-repeat; color: #fff !important; } */
	a.software_backLink { width: 47px; height: 19px; background: url(../images/btn_back_soft_bg.png) top left no-repeat; overflow: hidden; display: block; float: left; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #fff; font-size: 11px; text-decoration: none; text-align: center; margin-left: 4px; }

div.uiBlockLoader { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; background: url(../images/ajax_loader.gif) 36px center no-repeat; height: 25px; padding: 5px 0 0 15px; }

/* *.newRemote { border: 1px dotted magenta; } */
a.sitemapLinks { display: none; }

div.media { position: relative; float: right; }
	div.media embed { z-index: -1000; }
	div.media object { z-index: -1000; }
	
div.alt { display: none; }

li.firstMenuItem { padding-left: 0px !important; }