/*

	ORG Background Color:
		1. background-color:#BFBFBF;
		2. background-color:#A6B51B;
		3. background-color:#CADB2D;

*/

/* ######################################################################

######################################################################*/

body {
	background-color:#A6B51B;
	background-image:url(../../CC_website_bg08.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
}

#page-wrapper {
	background-color:#ffffff;
	xopacity:0.9;
	x-moz-opacity:0.9;
	x-khtml-opacity:0.9;
	xfilter:alpha(opacity=90);
}

/* ######################################################################

######################################################################*/

body {
	background-color:#A6B51B;
	text-align:center;
	padding:0px;
	margin:0px;}

body {
	font-family:Arial;
	font-size:8pt;
	line-height:160%;
	color:#585757;}

h1, h2, h3, h4, h5, h6 {
	line-height:100%;
	padding:0px;
	margin:0px;}
h2 span, h3 span, h4 span, h5 span, h6 span {
	display:none;}

form {
	margin:0px;
	padding:0px;}

#page-wrapper {
	background-color:#ffffff;
	margin:0px auto;
	text-align:left;
	width:786px;}

#page-header {
	background-image:url(../graphics/page-header.gif);
	background-repeat:no-repeat;
	height:188px;}
#page-header h1 {
	height:153px;}
#page-header h1 span { display:none; }
#page-header #page-navigation {
	height:35px;
	overflow:hidden;}
#page-header #page-navigation ul {
	list-style:none;
	padding:0px;
	margin:0px;}
#page-header #page-navigation ul li {
	float:left;
	height:35px;
	xwidth:100px;}
#page-header #page-navigation ul li a { display:block; height:35px; }
#page-header #page-navigation ul li a span { display:none; }

#page-header #page-navigation ul li.nav-home a { width:70px; }
#page-header #page-navigation ul li.nav-aboutus a { width:90px; }
#page-header #page-navigation ul li.nav-clients a { width:75px; }
#page-header #page-navigation ul li.nav-games a { width:72px; }
#page-header #page-navigation ul li.nav-websites a { width:92px; }
#page-header #page-navigation ul li.nav-animation a { width:101px; }
#page-header #page-navigation ul li.nav-projects a { width:85px; }
#page-header #page-navigation ul li.nav-products a { width:91px; }
#page-header #page-navigation ul li.nav-contactus a { width:101px; }


#page-body {
	padding:0px 14px 14px 14px;}
#page-body {
	background-image:url(../graphics/cclogo_bottom.gif);
	background-position:bottom right;
	background-repeat:no-repeat;}

#page-fullscreen-body {
	xbackground-color:#CADB2A;
	padding-top:14px;}

#page-content {
	float:left;
	width:470px;}
#page-news {
	float:right;
	width:273px;}
#page-content {
	padding-top:14px;}
#page-news {
	padding-top:14px;}

#page-footer {  }
#page-footer-text {
	padding:8px 16px;
	color:#ffffff;
	background-color:#cadb2a;}
#page-footer-text a {
	color:#ffffff;}


/*
page-media-showreel 242
page-media-highlights 206
page-media-playground 210
page-media-news 242
page-media-latestproductions 439
page-sec-theteam 242
page-sec-whoweare 157
page-sec-recruitment 285
page-sec-aboutus 242
page-sec-whereweare 242
page-sec-whatwegetupto 215
*/

#page-sec-errorpage { margin-bottom:14px; }
#page-sec-errorpage div.dbx-handle { overflow:hidden; height:28px; background-color:#CADB2A; }
#page-sec-errorpage div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-pagenotfound.gif); }
#page-sec-errorpage div.dbx-content { background-color:#E4E4E4; }
#page-sec-errorpage div.dbx-content div.padContent { padding:8px; }

#page-media-showreel { margin-bottom:14px; }
#page-media-showreel div.dbx-handle { overflow:hidden; height:28px; background-color:#CADB2A; }
#page-media-showreel div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-welcome.gif); }
#page-media-showreel div.dbx-content {  }

#page-media-highlights { height:212px; overflow:hidden; margin-bottom:14px; }
#page-media-highlights div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-media-highlights-item { height:184px; }
#hl-sec-01 div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-clients.gif); }
#hl-sec-02 div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-games.gif); }
#hl-sec-03 div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-websites.gif); }

#page-sec-playground { margin-bottom:14px; }
#page-sec-playground div.dbx-handle { overflow:hidden; height:28px; background-color:#CADB2A; }
#page-sec-playground div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-outplayground.gif); }
#page-sec-playground-media {  }

#page-media-news { height:406px; margin-bottom:14px; }
#page-media-news div.dbx-handle { overflow:hidden; height:28px; background-color:#CADB2A; }
#page-media-news div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-newsfromthefarm.gif); }
#page-media-news div.dbx-content { height:378px; }

#page-media-latestproductions { margin-bottom:14px; }
#page-media-latestproductions div.dbx-handle { overflow:hidden; height:28px; background-color:#CADB2A; }
#page-media-latestproductions div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-whatshot.gif); }
#page-media-latestproductions div.dbx-content {  }

#page-sec-theteam { height:242px; overflow:hidden; margin-bottom:14px; }
#page-sec-theteam div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-theteam div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-theteam.gif); }
#page-sec-theteam div.dbx-content { height:214px; background-color:#E4E4E4; }

#page-sec-whoweare { margin-bottom:14px; }
#page-sec-whoweare div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-whoweare div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-whoweare.gif); }
#page-sec-whoweare div.dbx-content { background-color:#E4E4E4; }

#page-sec-recruitment { margin-bottom:14px; }
#page-sec-recruitment div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-recruitment div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-recruitment.gif); }
#page-sec-recruitment div.dbx-content { background-color:#E4E4E4; }

#page-sec-aboutus { margin-bottom:14px; }
#page-sec-aboutus div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-aboutus div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-aboutus.gif); }
#page-sec-aboutus div.dbx-content { background-color:#E4E4E4; }
#page-sec-aboutus div.dbx-content div.padContent { padding:16px; }

#page-sec-aboutourclients { margin-bottom:14px; }
#page-sec-aboutourclients div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-aboutourclients div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-aboutourclients.gif); }
#page-sec-aboutourclients div.dbx-content { background-color:#E4E4E4; }
#page-sec-aboutourclients div.dbx-content div.padContent { padding:16px; }

#page-sec-kindwords { margin-bottom:14px; }
#page-sec-kindwords div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-kindwords div.dbx-content { background-color:#E4E4E4; }
#page-sec-kindwords div.dbx-content div.padContent { padding:16px; }
#page-sec-kindwords div.dbx-content div.page-sec-quote { padding-bottom:16px; }

#page-sec-whereweare { margin-bottom:14px; }
#page-sec-whereweare div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-whereweare div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-whereweare.gif); }
#page-sec-whereweare div.dbx-content { background-color:#E4E4E4; }

#page-sec-whatwegetupto { margin-bottom:14px; }
#page-sec-whatwegetupto div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-whatwegetupto div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-whatwegetupto.gif); }
#page-sec-whatwegetupto div.dbx-content { background-color:#E4E4E4; }

#page-sec-clients {  }
#page-sec-clients div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-clients div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-clients-lg.gif); }
#page-sec-clients div.dbx-content {  }
#page-sec-clients ul {
	list-style:none;
	margin:0px;
	padding:4px 0px;}
#page-sec-clients ul li {
	float:left;
	margin:2px 4px;}

#page-sec-kindwords {  }
#page-sec-kindwords div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-kindwords div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-kindwords.gif); }
#page-sec-kindwords div.dbx-content { xheight:214px; background-color:#E4E4E4; }
#page-sec-kindwords div.padContent { padding:8px; }
#page-sec-kindwords p { margin:0em 0em 1em 0em; }

#page-sec-traileroflatestgame { height:242px; overflow:hidden; margin-bottom:14px; }
#page-sec-traileroflatestgame div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-traileroflatestgame div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-traileroflatestgame.gif); }
#page-sec-traileroflatestgame div.dbx-content { height:214px; }

#page-sec-ourhotpick { margin-bottom:14px; }
#page-sec-ourhotpick div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-ourhotpick div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-traileroflatestgame.gif); }
#page-sec-ourhotpick div.dbx-content { height:214px; }
#page-sec-ourhotpick div.dbx-content { background-color:#E4E4E4; }
#page-sec-ourhotpick div.dbx-content div.padContent { padding:8px; }

#page-sec-catalogue { margin-bottom:14px; }
#page-sec-catalogue div.dbx-handle { height:28px; overflow:hidden; background-color:#CADB2A; }
#page-sec-catalogue div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-catalogue.gif); }
#page-sec-catalogue div.dbx-content {  }

#page-media-catalogue-search {
	background-color:#E4E4E4;
	height:33px;
	overflow:hidden;
	margin-bottom:10px;}
#page-media-catalogue-search div.padContent { padding:8px; }
#page-media-catalogue-search div.padForm { padding:6px; }

#page-sec-ourgames { height:242px; overflow:hidden; margin-bottom:14px; }
#page-sec-ourgames div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-ourgames div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-ourgames.gif); }
#page-sec-ourgames div.dbx-content { height:214px; background-color:#E4E4E4; }
#page-sec-ourgames div.dbx-content div.padContent { padding:8px; }

#page-sec-themakingof { height:206px; overflow:hidden; margin-bottom:14px; }
#page-sec-themakingof div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-themakingof div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-themakingof.gif); }
#page-sec-themakingof div.dbx-content { height:178px; background-color:#E4E4E4; }

#page-sec-top5games { margin-bottom:14px; }
#page-sec-top5games div.dbx-handle { overflow:hidden; height:28px; background-color:#CADB2A; }
#page-sec-top5games div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-top5games.gif); }
#page-sec-top5games div.dbx-content { background-color:#FFFFFF; padding:4px 0px; }

#page-sec-contact-frm {  }
#page-sec-contact-frm div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-contact-frm div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-contactus.gif); }
#page-sec-contact-frm div.dbx-content { background-color:#E4E4E4; }
#page-sec-contact-frm div.dbx-content div.padContent { padding:16px; }

#page-sec-website {  }
#page-sec-website div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-website div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-whatwedid.gif); }
#page-sec-website div.dbx-content { xheight:416px; background-color:#E4E4E4; }
#page-sec-website div.section-pad img { margin:0em 0em 1em 1em; }

#page-sec-website-list { margin-bottom:14px; }
#page-sec-website-list div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-website-list div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-ourwebsites.gif); }
#page-sec-website-list div.dbx-content { background-color:#E4E4E4; }
#page-sec-website-list ul {
	color:#CCCC33;
	margin:0px;
	padding:0em 0em 0em 1.0em;}
#page-sec-website-list ul li a {
	color:#585757;
	text-decoration:none;}

#page-sec-animation {  }
#page-sec-animation div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-animation div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-whatwedid.gif); }
#page-sec-animation div.dbx-content { xheight:416px; background-color:#E4E4E4; }

#page-sec-animation-panel { xmargin-top:14px; }
#page-sec-animation-panel div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-animation-panel div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-characterdesigns.gif); }
#page-sec-animation-panel div.dbx-content { background-color:#E4E4E4; }

#page-sec-animation-list { margin-bottom:14px; }
#page-sec-animation-list div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-animation-list div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-ouranimation.gif); }
#page-sec-animation-list div.dbx-content { background-color:#E4E4E4; }
#page-sec-animation-list ul {
	color:#CCCC33;
	margin:0px;
	padding:0em 0em 0em 1.0em;}
#page-sec-animation-list ul li a {
	color:#585757;
	text-decoration:none;}


#page-sec-products {  }
#page-sec-products div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-products div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-whatwedid.gif); }
#page-sec-products div.dbx-content { xheight:416px; background-color:#E4E4E4; }

#page-sec-products-list { margin-bottom:14px; }
#page-sec-products-list div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-products-list div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-ourproducts.gif); }
#page-sec-products-list div.dbx-content { background-color:#E4E4E4; }
#page-sec-products-list ul {
	color:#CCCC33;
	margin:0px;
	padding:0em 0em 0em 1.0em;}
#page-sec-products-list ul li a {
	color:#585757;
	text-decoration:none;}

.dbx-content a {
	color:#585757;
	xfont-weight:bold;
	text-decoration:none;}
.dbx-content a:hover {
	text-decoration:underline;}

/****************************************************************
	Games Player - Section
*****************************************************************/
#page-sec-gamesplayer {  }
#page-sec-gamesplayer div.dbx-handle { height:28px; background-image:url(../graphics/layout/headings/h-ccgamesplayer-alt.gif); }
#page-sec-gamesplayer div.dbx-handle a { height:28px; display:block; }
#page-sec-gamesplayer div.dbx-content { height:550px; background-color:#000000; }

#page-media-gamesplayer { width:756px; }
#page-media-gamesplayer-data { background-color:#E4E4E4; }
#page-media-gamesplayer-data div.padContent { padding:8px; }

#page-sec-sharelinks {
	padding-top:14px;
	width:273px;
	padding-bottom:14px; }


/* ############################################################

############################################################ */


#page-sec-sendtoafriend { width:273px; }
#page-sec-sendtoafriend div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-sendtoafriend div.dbx-handle { background-image:url(../graphics/layout/headings/h-sendtoafriend-sml.gif); }
#page-sec-sendtoafriend div.dbx-content { background-color:#E4E4E4; }
#page-sec-sendtoafriend div.padContent {
	padding:8px;}
#page-sec-sendtoafriend form {
	margin:0px;
	padding:0px;}
#page-sec-sendtoafriend label {
	font-weight:bold;}
#page-sec-sendtoafriend input.fldText {
	border-width:0px;
	margin:0em 0em 0.25em 0em;
	width:256px;}
#page-sec-sendtoafriend input.fldImageSubmit {
	margin-left:163px;}

#page-sec-sendtoafriend-alt { padding-top:14px; padding-bottom:28px; width:470px; }
#page-sec-sendtoafriend-alt div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-sendtoafriend-alt div.dbx-handle { background-image:url(../graphics/layout/headings/h-sendtoafriend-sml.gif); }
#page-sec-sendtoafriend-alt div.dbx-content { background-color:#E4E4E4; }
#page-sec-sendtoafriend-alt div.padContent {
	padding:8px;}
#page-sec-sendtoafriend-alt form {
	margin:0px;
	padding:0px;}
#page-sec-sendtoafriend-alt label {
	font-weight:bold;}
#page-sec-sendtoafriend-alt input.fldText {
	border-width:0px;
	margin:0em 0em 0.25em 0em;
	width:256px;}
#page-sec-sendtoafriend-alt input.fldImageSubmit {
	margin-left:163px;}


/* ############################################################

############################################################ */


#page-sec-share { padding-top:14px; padding-bottom:28px; width:273px; }
#page-sec-share div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-share div.dbx-content { xheight:152px; background-color:#E4E4E4; }
#page-sec-share div.dbx-content div.padContent {
	padding:8px;}
#page-sec-share form {
	margin:1em 0em;}
#page-sec-share form input {
	border:0px solid;
	padding:2px;
	font-size:8pt;
	width:98%;}

#page-sec-gameinfo {
	padding-top:14px;
	width:470px;
	padding-bottom:28px; }
#page-sec-gameinfo div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-gameinfo div.dbx-handle { background-image:url(../graphics/layout/headings/h-gameinfo.gif); }
#page-sec-gameinfo div.dbx-content { background-color:#E4E4E4; }
#page-sec-gameinfo div.dbx-content {
	background-image:url(../graphics/layout/media/m-cornerbob.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;}
#page-sec-gameinfo div.dbx-content div.gameGraphic {
	height:140px;
	width:153px;}
#page-sec-gameinfo div.dbx-content div.gameGraphic img {
	margin-bottom:8px;}
#page-sec-gameinfo div.dbx-content div.gameGraphic div.padContent {
	padding:8px 8px 8px 8px;}
#page-sec-gameinfo div.dbx-content div.gameInfo {
	width:200px;}
#page-sec-gameinfo div.dbx-content div.gameInfo div.padContent {
	padding:8px 8px 8px 0px;}


/****************************************************************
	Playground - Section
*****************************************************************/
#page-sec-playground {  }
#page-sec-playground div.dbx-content { xheight:550px; background-color:#FFFFFF; }
#page-media-playground {  }

/****************************************************************
	CC TV Viewer - Section
*****************************************************************/

#page-sec-video-player { padding:8px; background-color:#E4E4E4; }
#page-sec-video-player a {
	color:#585757;
	text-decoration:none;}
#page-sec-video-player a:hover {
	text-decoration:underline;}

#page-sec-cc-viewer { margin-bottom:14px; }
#page-sec-cc-viewer div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-cc-viewer div.dbx-handle { background-image:url(../graphics/layout/headings/h-cctv.gif); }
#page-sec-cc-viewer div.dbx-content { background-color:#E4E4E4; }
#page-sec-cc-viewer div.dbx-content div.padContent { padding:8px; }

#page-sec-cc-prog-list {  }
#page-sec-cc-prog-list div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-cc-prog-list div.dbx-content { background-color:#E4E4E4; }
#page-sec-cc-prog-list div.dbx-content div.padContent { padding:16px; }
#page-sec-cc-prog-list ul {
	color:#CCCC33;
	margin:1em 0px 0px 0px;
	padding:0em 0em 0em 1.0em;}
#page-sec-cc-prog-list ul li a {
	color:#585757;
	text-decoration:none;}

/****************************************************************
	CC TV Viewer - Section (Animation)
*****************************************************************/

#page-sec-anim-cc-viewer { margin-bottom:14px; }
#page-sec-anim-cc-viewer div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-anim-cc-viewer div.dbx-handle { background-image:url(../graphics/layout/headings/h-animationshowreel.gif); }
#page-sec-anim-cc-viewer div.dbx-content { background-color:#E4E4E4; }
#page-sec-anim-cc-viewer div.dbx-content div.padContent { padding:8px; }

/****************************************************************
	CC TV Viewer - Section
*****************************************************************/

#page-sec-hello { margin-bottom:14px; }
#page-sec-hello div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-hello div.dbx-handle { background-image:url(../graphics/layout/headings/h-hello.gif); }
#page-sec-hello div.dbx-content { height:172px; background-color:#E4E4E4; }
#page-sec-hello div.dbx-content div.padContent { padding:8px; }










/* TEST DIV */
#page-media-late { background-color:#CADB2D; height:242px; margin-bottom:14px; }

/*  */
.div-spacer {
	clear:both;
	overflow:hidden;
	height:1px;}
.div-clear {
	clear:both;}
/*
*/
.nudge-left { float:left; }
.nudge-right { float:right; }
.section-pad { padding:16px; }

a.catalogue-img img {
	border:1px solid #000;}


/*
	High
*/
#hl-sec-01 { margin-right:14px; }
#hl-sec-02 { margin-right:14px; }
#hl-sec-03 {  }
#hl-sec-04 {  }
.highlights { height:212px; width:147px; }
.hl-28 { height:28px; width:147px; overflow:hidden; }
.hl-81 { height:81px; width:147px; overflow:hidden; }
.hl-87 { height:87px; width:147px; overflow:hidden; }
.hl-97 { height:97px; width:147px; overflow:hidden; background-color:#E4E4E4; }
.hl-pad { padding:6px; }


/*
	Whats Hot
*/
#wh-sec-01 { background-color:#E4E4E4; height:130px; margin-bottom:4px; }
#wh-sec-02 { background-color:#E4E4E4; height:130px; margin-bottom:4px; }
#wh-sec-03 { background-color:#E4E4E4; height:130px; margin-bottom:4px; }
#wh-sec-04 { background-color:#E4E4E4; height:130px; margin-bottom:4px; }
.wh-section { background-color:#E4E4E4; height:130px; margin-bottom:4px; }
.wh-media { height:130px; width:155px; overflow:hidden; }
.wh-content { height:130px; width:116px; overflow:hidden; }



/****************************************************************
	TOP 5 List 273x81px
*****************************************************************/
.page-media-mo-item { height:174px; background-color:#E4E4E4; overflow:hidden; margin:0px 0px 4px 0px; }
	.moContent { float:left; width:150px; }
		.moContent div.padContent { padding:8px; }
	.moContent a { font-weight:bold; }
	.moPicture { float:right; width:105px; }


/****************************************************************
	TOP 5 List 273x81px
*****************************************************************/
.page-media-top5-item { height:81px; background-color:#E4E4E4; overflow:hidden; margin:0px 0px 4px 0px; }
	.top5Content { float:right; width:130px; }
		.top5Content div.padContent { padding:4px; }
	.top5Picture { float:left; width:137px; }


/****************************************************************
	CCTV Scroller 273x340px
*****************************************************************/

#page-media-cctv {}
#page-media-cctv { xheight:267px; margin-bottom:14px; }
#page-media-cctv div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-media-cctv div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-cctvlistings.gif); }
#page-media-cctv div.dbx-content { height:512px; overflow:hidden; }

div#page-media-cctv-hold {
	overflow:hidden; width:273px; height:512px;}
div#page-media-cctv-hold div#wn {
	width:273px; height:512px; clip:rect(0px, 273px, 512px, 0px); overflow:auto; z-index:1;}
div#page-media-cctv-hold div#layerNews {
	width:250px;}

div.page-media-cctv-item {
	background-color:#E4E4E4; margin:4px 0px; width:100%; }
div.page-media-cctv-item div.newsContent {
	float:left; margin-top:8px; width:150px;}
div.page-media-cctv-item div.newsContent div.padContent {
	padding-left:8px;}
div.page-media-cctv-item div.newsPicture {
	float:left; text-align:center; padding-top:12px; padding-bottom:12px; width:100px;}
div.page-media-cctv-item div.newsPicture img {  }


#page-sec-cctv-about { margin-bottom:14px; }
#page-sec-cctv-about div.dbx-handle { height:28px; background-color:#CADB2A; }
#page-sec-cctv-about div.dbx-handle { background-image:url(/assets/graphics/layout/headings/h-cctvabout.gif); }
#page-sec-cctv-about div.dbx-content { background-color:#E4E4E4; }
#page-sec-cctv-about div.dbx-content div.padContent {
	padding:6px;}
#page-sec-cctv-about div.img-logo {
	float:right;
	height:40px;
	width:90px;}

/****************************************************************
	News Scroller 273x214px
*****************************************************************/
div#page-media-news-hold {
	float:left; position:relative; overflow:hidden; width:273px; height:378px; z-index:100;}
div#page-media-news-hold div#wn {
	position:absolute; left:0px; top:0px; width:273px; height:378px; clip:rect(0px, 273px, 378px, 0px); overflow:auto; z-index:1;}
div#page-media-news-hold div#wn div.content {
	position:absolute; left:0px; top:0px; z-index:1;}
div#layerNews {
	width:250px;}
div#page-media-news-scroller {
	background-color:#C6C4C4; float:right; position:relative; overflow:hidden; width:19px; height:378px; z-index:100;}
div.page-media-news-item {
	background-color:#E4E4E4; xheight:102px; margin:4px 0px; position:relative; width:100%; overflow:hidden;}
div.page-media-news-item div.newsContent {
	float:left; margin-top:8px; overflow:hidden; xheight:102px; width:150px;}
div.page-media-news-item div.newsContent div.padContent {
	padding-left:8px;}
div.page-media-news-item div.newsPicture {
	float:left; text-align:center; overflow:hidden; height:102px; width:100px;}
div.page-media-news-item div.newsPicture img {
	margin-top:12px;}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar { 
	position:relative; left:2px; top:2px; width:15px; font-size:1px; z-index:1;}
div.scrollbarNews {
	xheight:239px;
	height:235px;}
div.scrollbarCatalogue {
	height:634px;}
div#track { 
	position:absolute; left:0px; top:17px; width:15px; z-index:1;}
div.trackNews {
	xheight:176px;
	height:201px;}
div.trackCatalogue {
	height:600px;}
div#dragBar {
	position:absolute; left:0; top:0; width:15px; height:28px; background:url(../graphics/layout/dx_scroll/ctrl-scroller.gif); z-index:1;}  
div#up {
	position:absolute; left:1; top:1; z-index:2;}
div#down {
	position:absolute; left:0; bottom:0; z-index:3;}


/****************************************************************
	Catalogue Scroller 470x638px
*****************************************************************/

div#page-media-catalogue-hold {
	overflow:hidden; width:470px; height:611px; position:relative; z-index:100; }
div#page-media-catalogue-scroller {
	background-color:#C6C4C4; overflow:hidden; width:19px; height:611px; z-index:100; }
div#wnCatalogue {
	width:470px; height:611px; clip:rect(0px, 470px, 611px, 0px); overflow:auto; z-index:1; position:relative; }
div#layerCatalogue { width:447px; }

div.page-media-catalogue-item {
	float:left; height:140px; margin:4px 12px 0px 0px; position:relative; width:137px; overflow:hidden; }
div.page-media-catalogue-item div.catalogueHeading { background-color:#CADB2A; height:28px; position:relative; z-index:5; }
div.page-media-catalogue-item div.cataloguePicture {  }
div.page-media-catalogue-item div.catalogueContent { background-color:#E4E4E4; height:28px; position:relative; }
div.page-media-catalogue-item div.catalogueContent div.padConent {
	padding:8px 0px 0px 8px;}

div.page-media-catalogue-item div.catalogueData { 
	background-color:#D4D4D4; 
	position:absolute; 
	visibility:hidden;
	top:-180px; 
	xheight:80px;
	width:137px; 
	z-index:4; 
	opacity:0.8; 
	-moz-opacity:0.9; 
	-khtml-opacity:0.9; 
	filter:alpha(opacity=90);}
div.page-media-catalogue-item div.catalogueData div.padConent {
	padding:4px;}


#page-media-flash-cornerbob {
	background-image:url(../graphics/layout/media/m-cornerbob.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	xposition:absolute;
	height:121px;
	xwidth:120px;
	xright:0px;
	xbottom:0px;}

/****************************************************************
  Docking Boxes core CSS: YOU MUST NOT CHANGE OR OVERRIDE THESE 
*****************************************************************/
.dbx-clone {
	position:absolute;
	visibility:hidden;
	}
.dbx-clone, .dbx-clone .dbx-handle-cursor {
	cursor:move !important;
	}
.dbx-dummy {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	}
.dbx-group, .dbx-box, .dbx-handle {
	position:relative;
	display:block;
	}
.dbx-handle {
	xdisplay:none;
	cursor:move !important;}
.dbx-handle a {
	text-decoration:none;}

/****************************************************************
  avoid padding, margins or borders on dbx-box, 
  to reduce visual discrepancies between it and the clone.  
  overall, dbx-box is best left as visually unstyled as possible 
*****************************************************************/
.dbx-box {
	margin:0;
	padding:0;
	border:none;}

/****************************************************************
  otherwise, do what you like :) 
*****************************************************************/
.dbx-group {
	xbackground-image:url(../graphics/bob-who.gif);
	xbackground-repeat:no-repeat;
	xbackground-position:center;}
.dbx-clone {
	margin:0;
	padding:0;
	border:none;}

/* additional clone styles */
.dbx-clone {
	opacity:0.8;
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	filter:alpha(opacity=80);}





/****************************************************************
	CC TV Viewer - Section
*****************************************************************/
.page-loading {
	height:600px;
	text-align:center;}
.page-loading p {
	padding-top:260px;
	padding-bottom:2em;
	color:#ededed;
	font-weight:bold;
	font-size:64px;}







/**/