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

/*-- CONTENTS ---------------------------------------------------------------------*/
/*

1. PAGE LAYOOUT
2. FOOTER
3. MAIN NAV
4. DESIGN SUBNAV
5. DIGITAL SUBNAV
6. 3D SUBNAV
7. VU SUBNAV

*/


/*-- 1. PAGE LAYOUT----------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
html {
	overflow-y: scroll;
}
*{
	margin: 0px;
	padding: 0px;
}
img, div, toolbar { behavior: url(styles/iepngfix.htc) }
.displace{
	position: absolute;
	top: -5000px;
}
#toolbar{
	width:980px;
	height:96px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/toolbar-bg.png);
	background-repeat:no-repeat;
}
#toolbar #rowOne{
	width: 960px;
	height: 42px;
	padding-left:10px;
	padding-right:10px;
}
#toolbar #rowOne #logo{
	float:left;
	width:150px;
	height:42px;
	background-image:url(../images/tb-logo.gif);
	background-repeat:no-repeat;
}
#toolbar #rowTwo{
	
}
#mainContainer{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-right:10px;
	padding-left:10px;
}
#mainContainerShort{
	width:960px;
	height: 600px;
	margin-left:auto;
	margin-right:auto;
	padding-right:10px;
	padding-left:10px;
}
/*-- 2. FOOTER --------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
#footer{
	width:960px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	padding-right:10px;
	padding-left:10px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family:Arial, sans-serif;
	font-size:11px;
	color:#999999;
}
#footer a:link, #footer a:visited{
	color:#333;
	text-decoration:none;
}
#footer #left{
	float:left;
	width:480px;
}
#footer #right{
	float:left;
	width:480px;
}
.addthis_toolbox{
	float:right;
	line-height:16px;
}
/*-- 3. MAIN NAV ------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
#toolbar #rowOne #aboutBtn{
	float:right;
	width:71px;
	height:42px;
}
a.about{
	display: block;
	width:71px;
	height:42px;
	background-image:url(../images/tb_nav.gif);
	background-repeat:no-repeat;
}
a.about:hover{
	background-position: -71px 0px;
}
a.aboutActive{
	display: block;
	width:71px;
	height:42px;
	background-position: -142px 0px;
	background-image:url(../images/tb_nav.gif);
	background-repeat:no-repeat;
}
#toolbar #rowOne #designBtn{
	float:right;
	width:57px;
	height:42px;
}
a.design{
	display: block;
	width:57px;
	height:42px;
	background-image:url(../images/tb_nav.gif);
	background-position: 0px -84px;
	background-repeat:no-repeat;
}
a.design:hover{
	background-position: -57px -84px;
}
a.design-active{
	display: block;
	width:57px;
	height:42px;
	background-image:url(../images/tb_nav.gif);
	background-position: -114px -84px;
	background-repeat:no-repeat;
}
#toolbar #rowOne #digitalBtn{
	float:right;
	width:53px;
	height:42px;
}
a.digital{
	display: block;
	width:53px;
	height:42px;
	background-image:url(../images/tb_nav.gif);
	background-position: 0px -126px;
	background-repeat:no-repeat;
}
a.digital:hover{
	background-position: -53px -126px;
}
a.digital-active{
	display: block;
	width:53px;
	height:42px;
	background-image:url(../images/tb_nav.gif);
	background-position: -106px -126px;
	background-repeat:no-repeat;
}
#toolbar #rowOne #consultBtn{
	float:right;
	width:88px;
	height:42px;
}
a.consult{
	display: block;
	width:88px;
	height:42px;
	background-image:url(../images/tb_nav.gif);
	background-position: 0px -252px;
	background-repeat:no-repeat;
}
a.consult:hover{
	background-position: -88px -252px;
}
a.consult-active{
	display: block;
	width:88px;
	height:42px;
	background-image:url(../images/tb_nav.gif);
	background-position: -176px -252px;
	background-repeat:no-repeat;
}
#toolbar #rowOne #threeBtn{
	float:right;
	width:35px;
	height:42px;
}
a.three{
	display: block;
	width:35px;
	height:42px;
	background-image:url(../images/tb_nav.gif);
	background-position: 0px -168px;
	background-repeat:no-repeat;
}
a.three-active{
	display: block;
	width:35px;
	height:42px;
	background-image:url(../images/tb_nav.gif);
	background-position: -70px -168px;
	background-repeat:no-repeat;
}
a.three:hover{
	background-position: -35px -168px;
}
#toolbar #rowOne #vuBtn{
	float:right;
	width:35px;
	height:42px;
}
a.vu{
	display: block;
	width:35px;
	height:42px;
	background-image:url(../images/tb_nav.gif);
	background-position: 0px -210px;
	background-repeat:no-repeat;
}
a.vu:hover{
	background-position: -35px -210px;
}
a.vuActive{
	display: block;
	width:35px;
	height:42px;
	background-image:url(../images/tb_nav.gif);
	background-position: -70px -210px;
	background-repeat:no-repeat;
}
#toolbar #rowOne #newsBtn{
	float:right;
	width:86px;
	height:42px;
}
a.news{
	display: block;
	width:86px;
	height:42px;
	background-image:url(../images/tb_nav.gif);
	background-position: 0px -294px;
	background-repeat:no-repeat;
}
a.news-active{
	display: block;
	width:86px;
	height:42px;
	background-image:url(../images/tb_nav.gif);
	background-position: -172px -294px;
	background-repeat:no-repeat;
}
a.news:hover{
	background-position: -86px -294px;
}
#toolbar #rowOne #careersBtn{
	float:right;
	width:62px;
	height:42px;
}
a.careers{
	display: block;
	width:62px;
	height:42px;
	background-image:url(../images/tb_nav.gif);
	background-position: 0px -336px;
	background-repeat:no-repeat;
}
a.careers:hover{
	background-position: -62px -336px;
}
a.careers-active{
	display: block;
	width:62px;
	height:42px;
	background-image:url(../images/tb_nav.gif);
	background-position: -124px -336px;
	background-repeat:no-repeat;
}
#toolbar #rowOne #loginBtn{
	float:right;
	width:86px;
	height:42px;
}
a.login{
	display: block;
	width:86px;
	height:42px;
	background-image:url(../images/tb_nav.gif);
	background-position: 0px -378px;
	background-repeat:no-repeat;
}
a.login:hover{
	background-position: -86px -378px;
}
a.loginActive{
	display: block;
	width:86px;
	height:42px;
	background-image:url(../images/tb_nav.gif);
	background-position: -172px -378px;
	background-repeat:no-repeat;
}
#toolbar #rowOne #contactBtn{
	float:right;
	width:80px;
	height:42px;
}
a.contact{
	display: block;
	width:80px;
	height:42px;
	background-image:url(../images/tb_nav.gif);
	background-position: 0px -42px;
	background-repeat:no-repeat;
}
a.contact:hover{
	background-position: -80px -42px;
}
a.contact-active{
	display: block;
	width:80px;
	height:42px;
	background-image:url(../images/tb_nav.gif);
	background-position: -160px -42px;
	background-repeat:no-repeat;
}
/*-- 4. DESIGN SUBNAV BUTTONS -----------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
#designSub{
	position:relative;
	left:360px;
	width: 600px;
	height: 49px;
	padding-left:20px;
	padding-top: 5px;
	background-image:url(../images/designSub.png);
	background-repeat:no-repeat;
}
#designSub #advertisingBtn{
	float: left;
	width: 79px;
	height: 40px;
	background-image:url(../images/ds_advertising-up.gif);
	background-repeat:no-repeat;
}
a.advertising{
	display: block;
	width:79px;
	height:40px;
	background-image:url(../images/ds_advertising-up.gif);
	background-repeat:no-repeat;
}
a.advertising:hover{
	width:79px;
	height:40px;
	background-image:url(../images/ds_advertising-over.gif);
	background-repeat:no-repeat;
}
a.advertising-active{
	display: block;
	width:66px;
	height:40px;
	background-image:url(../images/ds_branding-active.gif);
	background-repeat:no-repeat;
}
#designSub #brandingBtn{
	float: left;
	width: 66px;
	height: 40px;
	background-image:url(../images/ds_branding-up.gif);
	background-repeat:no-repeat;
}
a.branding{
	display: block;
	width:66px;
	height:40px;
	background-image:url(../images/ds_branding-up.gif);
	background-repeat:no-repeat;
}
a.branding:hover{
	width:66px;
	height:40px;
	background-image:url(../images/ds_branding-over.gif);
	background-repeat:no-repeat;
}
a.branding-active{
	display: block;
	width:66px;
	height:40px;
	background-image:url(../images/ds_exhibition-active.gif);
	background-repeat:no-repeat;
}
#designSub #exhibitionBtn{
	float: left;
	width: 113px;
	height: 40px;
	background-image:url(../images/ds_exhibition-up.gif);
	background-repeat:no-repeat;
}
a.exhibition{
	display: block;
	width:113px;
	height:40px;
	background-image:url(../images/ds_exhibition-up.gif);
	background-repeat:no-repeat;
}
a.exhibition:hover{
	width:113px;
	height:40px;
	background-image:url(../images/ds_exhibition-over.gif);
	background-repeat:no-repeat;
}
a.exhibition-active{
	display: block;
	width:113px;
	height:40px;
	background-image:url(../images/ds_exhibition-active.gif);
	background-repeat:no-repeat;
}
#designSub #tendersBtn{
	float: left;
	width: 130px;
	height: 40px;
	background-image:url(../images/ds_tenders-up.gif);
	background-repeat:no-repeat;
}
a.tenders{
	display: block;
	width:130px;
	height:40px;
	background-image:url(../images/ds_tenders-up.gif);
	background-repeat:no-repeat;
}
a.tenders:hover{
	width:130px;
	height:40px;
	background-image:url(../images/ds_tenders-over.gif);
	background-repeat:no-repeat;
}
a.tenders-active{
	display: block;
	width:130px;
	height:40px;
	background-image:url(../images/ds_tenders-active.gif);
	background-repeat:no-repeat;
}
#designSub #marketingBtn{
	float: left;
	width: 121px;
	height: 40px;
	background-image:url(../images/ds_marketing-up.gif);
	background-repeat:no-repeat;
}
a.marketing{
	display: block;
	width:121px;
	height:40px;
	background-image:url(../images/ds_marketing-up.gif);
	background-repeat:no-repeat;
}
a.marketing:hover{
	width:121px;
	height:40px;
	background-image:url(../images/ds_marketing-over.gif);
	background-repeat:no-repeat;
}
a.marketing-active{
	display: block;
	width:121px;
	height:40px;
	background-image:url(../images/ds_marketing-active.gif);
	background-repeat:no-repeat;
}
#designSub #literatureBtn{
	float: left;
	width: 70px;
	height: 40px;
	background-image:url(../images/literature-up.gif);
	background-repeat:no-repeat;
}
a.literature{
	display: block;
	width:70px;
	height:40px;
	background-image:url(../images/ds_literature-up.gif);
	background-repeat:no-repeat;
}
a.literature:hover{
	width:70px;
	height:40px;
	background-image:url(../images/ds_literature-over.gif);
	background-repeat:no-repeat;
}
a.literature-active{
	display: block;
	width:70px;
	height:40px;
	background-image:url(../images/ds_literature-active.gif);
	background-repeat:no-repeat;
}
/*-- 5. DIGITAL SUBNAV BUTTONS ----------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
#digitalSub{
	position:relative;
	left:367px;
	width: 330px;
	height: 49px;
	padding-left:20px;
	padding-top: 5px;
	background-image:url(../images/digitalSub.png);
	background-repeat:no-repeat;
}
#digitalSub #websiteBtn{
	float: left;
	width: 99px;
	height: 40px;
	background-image:url(../images/dg_website-up.gif);
	background-repeat:no-repeat;
}
a.website{
	display: block;
	width:99px;
	height:40px;
	background-image:url(../images/dg_website-up.gif);
	background-repeat:no-repeat;
}
a.website:hover{
	width:99px;
	height:40px;
	background-image:url(../images/dg_website-over.gif);
	background-repeat:no-repeat;
}
a.website-active{
	display: block;
	width:99px;
	height:40px;
	background-image:url(../images/dg_website-active.gif);
	background-repeat:no-repeat;
}
#digitalSub #interactiveBtn{
	float: left;
	width: 121px;
	height: 40px;
	background-image:url(../images/dg_interactive-up.gif);
	background-repeat:no-repeat;
}
a.interactive{
	display: block;
	width:121px;
	height:40px;
	background-image:url(../images/dg_interactive-up.gif);
	background-repeat:no-repeat;
}
a.interactive:hover{
	width:121px;
	height:40px;
	background-image:url(../images/dg_interactive-over.gif);
	background-repeat:no-repeat;
}
a.interactive-active{
	display: block;
	width:121px;
	height:40px;
	background-image:url(../images/dg_interactive-active.gif);
	background-repeat:no-repeat;
}
#digitalSub #filmBtn{
	float: left;
	width: 87px;
	height: 40px;
	background-image:url(../images/dg_film-up.gif);
	background-repeat:no-repeat;
}
a.film{
	display: block;
	width:87px;
	height:40px;
	background-image:url(../images/dg_film-up.gif);
	background-repeat:no-repeat;
}
a.film:hover{
	width:87px;
	height:40px;
	background-image:url(../images/dg_film-over.gif);
	background-repeat:no-repeat;
}
a.film-active{
	display: block;
	width:87px;
	height:40px;
	background-image:url(../images/dg_film-active.gif);
	background-repeat:no-repeat;
}
/*-- 6. 3D SUBNAV BUTTONS ---------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
#threeSub{
	position:relative;
	left:573px;
	width: 221px;
	height: 49px;
	padding-left:15px;
	padding-top: 5px;
	background-image:url(../images/3dSub.png);
	background-repeat:no-repeat;
}
#threeSub #exteriorBtn{
	float: left;
	width: 63px;
	height: 40px;
	background-image:url(../images/3d_exterior-up.gif);
	background-repeat:no-repeat;
}
a.exterior{
	display: block;
	width:63px;
	height:40px;
	background-image:url(../images/3d_exterior-up.gif);
	background-repeat:no-repeat;
}
a.exterior:hover{
	width:63px;
	height:40px;
	background-image:url(../images/3d_exterior-over.gif);
	background-repeat:no-repeat;
}
a.exterior-active{
	display: block;
	width:63px;
	height:40px;
	background-image:url(../images/3d_exterior-active.gif);
	background-repeat:no-repeat;
}
#threeSub #interiorBtn{
	float: left;
	width: 63px;
	height: 40px;
	background-image:url(../images/3d_interior-up.gif);
	background-repeat:no-repeat;
}
a.interior{
	display: block;
	width:63px;
	height:40px;
	background-image:url(../images/3d_interior-up.gif);
	background-repeat:no-repeat;
}
a.interior:hover{
	width:63px;
	height:40px;
	background-image:url(../images/3d_interior-over.gif);
	background-repeat:no-repeat;
}
a.interior-active{
	display: block;
	width:63px;
	height:40px;
	background-image:url(../images/3d_interior-active.gif);
	background-repeat:no-repeat;
}
#threeSub #animationBtn{
	float: left;
	width: 67px;
	height: 40px;
	background-image:url(../images/3d_animation-up.gif);
	background-repeat:no-repeat;
}
a.animation{
	display: block;
	width:67px;
	height:40px;
	background-image:url(../images/3d_animation-up.gif);
	background-repeat:no-repeat;
}
a.animation:hover{
	width:67px;
	height:40px;
	background-image:url(../images/3d_animation-over.gif);
	background-repeat:no-repeat;
}
a.animation-active{
	display: block;
	width:67px;
	height:40px;
	background-image:url(../images/3d_animation-active.gif);
	background-repeat:no-repeat;
}
/*-- 7. VU SUBNAV BUTTONS ---------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
#vuSub{
	position:relative;
	left:666px;
	width: 257px;
	height: 49px;
	padding-left:20px;
	padding-top: 5px;
	background-image:url(../images/vuSub.png);
	background-repeat:no-repeat;
}
#vuSub #vuLightBtn{
	float: left;
	width: 60px;
	height: 40px;
	background-image:url(../images/vu_light-up.gif);
	background-repeat:no-repeat;
}
a.vuLight{
	display: block;
	width:60px;
	height:40px;
	background-image:url(../images/vu_light-up.gif);
	background-repeat:no-repeat;
}
a.vuLight:hover{
	width:60px;
	height:40px;
	background-image:url(../images/vu_light-over.gif);
	background-repeat:no-repeat;
}
a.vuLight-active{
	display: block;
	width:60px;
	height:40px;
	background-image:url(../images/vu_light-active.gif);
	background-repeat:no-repeat;
}
#vuSub #vuFlowBtn{
	float: left;
	width: 60px;
	height: 40px;
	background-image:url(../images/vu_flow-up.gif);
	background-repeat:no-repeat;
}
a.vuFlow{
	display: block;
	width:60px;
	height:40px;
	background-image:url(../images/vu_flow-up.gif);
	background-repeat:no-repeat;
}
a.vuFlow:hover{
	width:60px;
	height:40px;
	background-image:url(../images/vu_flow-over.gif);
	background-repeat:no-repeat;
}
#vuSub #vuNavBtn{
	float: left;
	width: 57px;
	height: 40px;
	background-image:url(../images/vu_nav-up.gif);
	background-repeat:no-repeat;
}
a.vuFlow-active{
	display: block;
	width:60px;
	height:40px;
	background-image:url(../images/vu_flow-active.gif);
	background-repeat:no-repeat;
}
a.vuNav{
	display: block;
	width:57px;
	height:40px;
	background-image:url(../images/vu_nav-up.gif);
	background-repeat:no-repeat;
}
a.vuNav:hover{
	width:57px;
	height:40px;
	background-image:url(../images/vu_nav-over.gif);
	background-repeat:no-repeat;
}
a.vuNav-active{
	display: block;
	width:57px;
	height:40px;
	background-image:url(../images/vu_nav-active.gif);
	background-repeat:no-repeat;
}
#vuSub #vuMapBtn{
	float: left;
	width: 60px;
	height: 40px;
	background-image:url(../images/vu_map-up.gif);
	background-repeat:no-repeat;
}
a.vuMap{
	display: block;
	width:60px;
	height:40px;
	background-image:url(../images/vu_map-up.gif);
	background-repeat:no-repeat;
}
a.vuMap:hover{
	width:60px;
	height:40px;
	background-image:url(../images/vu_map-over.gif);
	background-repeat:no-repeat;
}
a.vuMap-active{
	display: block;
	width:60px;
	height:40px;
	background-image:url(../images/vu_map-active.gif);
	background-repeat:no-repeat;
}