@charset "utf-8";

/* SETUP */
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #444444;
}
body {
	background-color: #FFFFFF;
}

/* AREAS */
#container {
	position: relative;
	width: 1113px;
	height: 756px;
	display: block;
	text-align: left;
	background: url(../gfx/cross21.png);
}
#landing {
	position: relative;
	width: 650px; 
	height: 476px;
	background-image: url(../gfx/landing/landing.png);
	
}
.landing_us {
	background-position: 0px 476px;
}
.landing_uk {
	background-position: 0px 952px;
}

.landing_us_area:hover, .landing_uk_area:hover, .landing_uk_text:hover, .landing_us_text:hover {
	cursor: pointer;
}
.landing_us_area {
	position: absolute;
	top: 20px;
	left: 30px;
	width: 210px;
	height: 320px;
}
.landing_uk_area {
	position: absolute;
	top: 20px;
	left: 240px;
	width: 300px;
	height: 320px;
}
.landing_us_text {
	position: absolute;
	top: 380px;
	left: 30px;
	width: 250px;
	height: 20px;
}
.landing_uk_text {
	position: absolute;
	top: 360px;
	left: 30px;
	width: 250px;
	height: 20px;
}
.landing_form {
	position: absolute;
	top: 417px;
	left: 180px;
}

#splash {
	position: absolute;
	top: 21px;
	left: 168px;
	width: 840px;
	height: 378px;
	background: url(../gfx/splash.png) no-repeat;
}
#splashNav {
	position: absolute;
	top: 273px;
	left: 424px;
	background: #FFFFFF;
}
#header {
	position: absolute;
	top: 42px;
	left: 42px;
	width: 1029px;
	height: 147px;
	background: url(../gfx/header.png) no-repeat;
}
#nav {
	position: absolute;
	padding: 10px 0px 0px 10px;
	top: 210px;
	left: 84px;
	width: 158px;
	height: 515px;
	background: #FFFFFF;
}
#navHidden {
}
#content {
	position: absolute;
	top: 189px;
	left: 336px;
	width: 735px;
	height: 483px;
}
#footer {
	position: absolute;
	bottom: 21px;
	left: 336px;
	width: 273px;
	height: 21px;
	background: url(../gfx/footer.png) no-repeat;
}

#siteLink {
	background-image: url(../gfx/siteLinkUS.png);
	width: 209px;
	height: 27px;
	position: absolute;
	top: 0px;
	left: 525px;
}
#siteLink:hover {
	cursor: pointer;
	background-position: 0px 27px;
}

#footerSplash {
	position: absolute;
	bottom: 21px;
	left: 294px;
	width: 273px;
	height: 21px;
	background: url(../gfx/footer.png) no-repeat;
}

/* SPLASH NAV */
.navSplashWho,.navSplashWhoOver {
	width: 181px;
	height: 32px;
	float: left;
}
.navSplashWhat,.navSplashWhatOver {
	width: 180px;
	height: 32px;
	float: left;
}
.navSplashAdvert,.navSplashAdvertOver {
	width: 173px;
	height: 34px;
	float: left;
}
.navSplashMusic,.navSplashMusicOver {
	width: 100px;
	height: 34px;
	float: left;
}
.navSplashContent,.navSplashContentOver {
	width: 127px;
	height: 34px;
	float: left;
}
.navSplashContact,.navSplashContactOver {
	width: 125px;
	height: 34px;
	float: left;
}
.navSplashClient {
	width: 155px;
	height: 34px;
	float: left;
	background: url(../gfx/splash/client.png);	
}
.navSplashWho {
	background: url(../gfx/splash/who.png);	
}
.navSplashWhoOver {
	background: url(../gfx/splash/whoOver.png);	
	cursor: pointer;
}
.navSplashWhat {
	background: url(../gfx/splash/what.png);	
}
.navSplashWhatOver {
	background: url(../gfx/splash/whatOver.png);	
	cursor: pointer;
}
.navSplashAdvert {
	background: url(../gfx/splash/advert.png);	
}
.navSplashAdvertOver {
	background: url(../gfx/splash/advertOver.png);	
	cursor: pointer;
}
.navSplashMusic {
	background: url(../gfx/splash/music.png);	
}
.navSplashMusicOver {
	background: url(../gfx/splash/musicOver.png);	
	cursor: pointer;
}
.navSplashContent {
	background: url(../gfx/splash/content.png);	
}
.navSplashContentOver {
	background: url(../gfx/splash/contentOver.png);	
	cursor: pointer;
}
.navSplashContact {
	background: url(../gfx/splash/contact.png);	
}
.navSplashContactOver {
	background: url(../gfx/splash/contactOver.png);	
	cursor: pointer;
}

/* NAV */
.navWho,.navWhoOver {
	width: 150px;
	height: 25px;
}
.navWhat,.navWhatOver {
	width: 150px;
	height: 25px;
}
.navAdvert,.navAdvertOver {
	width: 150px;
	height: 25px;
}
.navMusic,.navMusicOver {
	width: 150px;
	height: 25px;
}
.navContent,.navContentOver {
	width: 150px;
	height: 25px;
}
.navContact,.navContactOver {
	width: 150px;
	height: 25px;
}
.navClient {
	width: 150px;
	height: 27px;
	background: url(../gfx/nav/client.jpg) no-repeat;	
}
.navClientOver {
	width: 150px;
	height: 27px;
	background: url(../gfx/nav/clientOver.jpg) no-repeat;	
	cursor: pointer;
}
.navWho {
	background: url(../gfx/nav/who.jpg) no-repeat;	
}
.navWhoOver {
	background: url(../gfx/nav/whoOver.jpg) no-repeat;	
	cursor: pointer;
}
.navWhat {
	background: url(../gfx/nav/what.jpg) no-repeat;	
}
.navWhatOver {
	background: url(../gfx/nav/whatOver.jpg) no-repeat;	
	cursor: pointer;
}
.navAdvert {
	background: url(../gfx/nav/advert.jpg) no-repeat;	
}
.navAdvertOver {
	background: url(../gfx/nav/advertOver.jpg) no-repeat;	
	cursor: pointer;
}
.navMusic {
	background: url(../gfx/nav/music.jpg) no-repeat;	
}
.navMusicOver {
	background: url(../gfx/nav/musicOver.jpg) no-repeat;	
	cursor: pointer;
}
.navContent {
	background: url(../gfx/nav/content.jpg) no-repeat;	
}
.navContentOver {
	background: url(../gfx/nav/contentOver.jpg) no-repeat;	
	cursor: pointer;
}
.navContact {
	background: url(../gfx/nav/contact.jpg) no-repeat;	
}
.navContactOver {
	background: url(../gfx/nav/contactOver.jpg) no-repeat;	
	cursor: pointer;
}
.navDirector {
	width: 148px;
	height: 21px;
}
.navSpacer {
	width: 148px;
	height: 10px;
}

/* CONTENT */
.contentLineTop {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 735px;
	height: 21px;
	background: url(../gfx/line.png) center no-repeat #FFFFFF;
}
.contentLineBottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 735px;
	height: 21px;
	background: url(../gfx/line.png) center no-repeat #FFFFFF;
}
.contentPath {
	position: absolute;
	top: 21px;
	left: 0px;
	width: 546px;
	height: 42px;
}
.contentTitle {
	position: absolute;
	top: 21px;
	left: 0px;
	width: 546px;
	height: 42px;
}
.contentMediaTitle {
	position: absolute;
	top: 21px;
	left: 0px;
	width: 546px;
	height: 42px;
}
.contentMediaBack {
	position: absolute;
	bottom: 21px;
	left: 0px;
	width: 252px;
	height: 42px;
	background: #FFFFFF;
}
.contentMediaInfo {
	position: absolute;
	top: 84px;
	left: 0px;
	width: 252px;
	height: 231px;
	background: #FFFFFF;
}
.contentMediaInfo.music {
	position: absolute;
	top: 84px;
	left: 0px;
	width: 357px;
	height: 336px;
	background: #FFFFFF;
}
.contentMedia {
	position: absolute;
	top: 21px;
	right: 0px;
	width: 420px;
	height: 315px;
	background: #FFFFFF;
}
.contentMediaClip {
	position: absolute;
	top: 14px;
	left: 30px;
	width: 360px;
	height: 285px;
	background: #F0F0F0;
}
.contentSort {
	position: absolute;
	top: 21px;
	right: 0px;
	width: 189px;
	height: 21px;
	background: #FFFFFF;
}
#contentArea {
	position: absolute;
	top: 63px;
	left: 0px;
}
#contentArea.music {
	position: absolute;
	top: 63px;
	left: 378px;
}
.contentList,.contentListOver {
	position: relative;
	float: left;
	width: 168px;
	height:168px;
	background: #FFFFFF;
}
.contentListOver {
	cursor: pointer;
}
.contentListHSpace {
	float: left;
	width: 21px;
	height: 21px;
}
.contentListVSpace {
	clear: both;
	width: 21px;
	height: 21px;
}
.contentList .contentListImage {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 148px;
	height: 111px;
	background: #F0F0F0;
}
.contentListOver .contentListImage {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 148px;
	height: 111px;
	background: #F0F0F0;
	opacity: 0.6; 
	filter: alpha(opacity=60)
}
.contentListInfo {
	position: absolute;
	top: 131px;
	left: 10px;
	width: 148px;
}
.contentWho {
	padding: 10px;
}
.contentWho1 {
	position: absolute;
	top: 131px;
	left: 0px;
	width: 168px;
	height: 168px;
	background: #FFFFFF;
}
.contentWho2 {
	position: absolute;
	top: 131px;
	left: 189px;
	width: 168px;
	height: 336px;
	background: #FFFFFF;
}
.contentWho3 {
	position: absolute;
	top: 131px;
	left: 378px;
	width: 168px;
	height: 189px;
	background: #FFFFFF;
}
.contentWho4 {
	position: absolute;
	top: 131px;
	left: 567px;
	width: 168px;
	height: 126px;
	background: #FFFFFF;
}
.contentContact {
	padding: 10px;
}
.contentContactAddress {
	position: absolute;
	top: 131px;
	left: 0px;
	width: 441px;
	height: 294px;
	background: #FFFFFF;
}
.contentContactPeople {
	position: absolute;
	top: 131px;
	left: 483px;
	width: 252px;
	height: 294px;
	background: #FFFFFF;
}

/* PAGER */
.pager {
	position: absolute;
	top: 378px;
	left: 315px;
	width: 105px;
	height: 21px;
}
.pager.music {
	position: absolute;
	top: 378px;
	left: 126px;
	width: 105px;
	height: 21px;
}
.pagerLeft {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 21px;
	height: 21px;
	background: url(../gfx/pagerLeft.png) #FFFFFF;
}
.pagerLeftOver {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 21px;
	height: 21px;
	background: url(../gfx/pagerLeftOver.png) #FFFFFF;
	cursor: pointer;
}
.pagerLeftDisabled {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 21px;
	height: 21px;
	background: #FFFFFF;
}
.pagerRight {
	position: absolute;
	top: 0px;
	left: 84px;
	width: 21px;
	height: 21px;
	background: url(../gfx/pagerRight.png) #FFFFFF;
}
.pagerRightOver {
	position: absolute;
	top: 0px;
	left: 84px;
	width: 21px;
	height: 21px;
	background: url(../gfx/pagerRightOver.png) #FFFFFF;
	cursor: pointer;
}
.pagerRightDisabled {
	position: absolute;
	top: 0px;
	left: 84px;
	width: 21px;
	height: 21px;
	background: #FFFFFF;
}
.pagerArea {
	position: absolute;
	top: 4px;
	left: 21px;
	width: 63px;
	height: 17px;
	text-align: center;
	background: #FFFFFF;
}

/* SCROLLER */
#scrollerA { 
	position: absolute; 
	top: 10px;
	left: 10px;
	overflow: hidden;
	width: 232px;
	height: 211px;
}
#scrollerB { 
	position: absolute; 
	top: 10px;
	left: 10px;
	overflow: hidden;
	width: 337px;
	height: 316px;
}
.scrollerContainer {
	position: absolute;
	top: 0px; 
	left: 0px;
}
.scrollerMask {
	background: url(../gfx/whiteFade.png);
	position: absolute;
	width: 100%;
	height: 21px;
	bottom: -1px; 
	left: 0px;
}
.scrollerControl {
	position: absolute;
	width: 42px;
	height: 21px;
	bottom: 105px; 
	left: 210px;
	background-color: #FFFFFF;
}
.scrollerControl.music {
	position: absolute;
	width: 42px;
	height: 21px;
	bottom: 21px; 
	left: 315px;
	background-color: #FFFFFF;
}
.scrollerUp {
	width: 21px;
	height: 21px;
	background: url(../gfx/scrollerUp.png) #FFFFFF;
	float: left;
}
.scrollerUpOver {
	width: 21px;
	height: 21px;
	background: url(../gfx/scrollerUpOver.png) #FFFFFF;
	cursor: pointer;
	float: left;
}
.scrollerDown {
	width: 21px;
	height: 21px;
	background: url(../gfx/scrollerDown.png) #FFFFFF;
	float: right;
}
.scrollerDownOver {
	width: 21px;
	height: 21px;
	background: url(../gfx/scrollerDownOver.png) #FFFFFF;
	cursor: pointer;
	float: right;
}


/* MEDIA */




/* TEXT & LINKS */
a {
	color: #444444;
	text-decoration: none;
}
a:hover {
	color: #FBD91B;
	text-decoration: none;
}