/* Shaun Moore Site - 2003, 2004 */
/* copyright 2003, 2004 Barry Hopwood, applied images */
@import "/styles/reset.css";

body {
	margin:0px;
	font-family:arial, verdana, sans-serif;
	color:#333333;
	background-color:#FFFFFF;
	font-size:11px;
	line-height:16px;
	text-align:left;
	text-decoration:none;	
	}

/*	generic classes	*/

h2{
	font-size:12px;
	line-height:16px;
	color:#000000;
	text-decoration:none;
	font-weight: bold;
}
h3{
	font-size:12px;
	line-height:16px;
	color:#999900;
	text-decoration:none;
	font-weight: bold;
	margin-top:2px
	margin-bottom:2px
}

.rtalign	{
	text-align:right;
	}
	
.nav {
	background-color:#333333;
	}

.site_news {
	background-color:#3399CC;
	}
	
.train {
	background-color:#0099CC;
	}

.home {
	background-color:#999999;
	}

.gallery {
	background-color:#999999;
	}
	
.project {
	background-color:#999999;
	}

.consult {
	background-color:#CCCC00;
	}
	
.welcome {
	background-color:#FF6600;
	}	
	
.company_news {
	background-color:#CCCC00;
	}
	
/*	project types	*/

.tv_recent {
	background-color: #967371;
	}	
.tv_news {
	background-color:#009999;
	}	
	
.tv_arts {
	background-color:#66AAAA;
	}	
	
.tv_sport {
	background-color:#6699CC;
	}	

.tv_comedy {
	background-color:#666699;
	}	

.tv_drama {
	background-color:#6666CC;
	}	

.tv_child {
	background-color:#9999FF;
	}	

.film {
	background-color:#CC9900;
	}	
	
.commercial {
	background-color:#CC3300;
	}	
	
.corporate {
	background-color:#993333;
	}	

/*	chronological types	*/

.newest {
	background-color:#6633CC;
	}	

.older {
	background-color:#6633FF;
	}	

.veryold {
	background-color:#6666FF;
	}	

.oldest {
	background-color:#6699FF;
	}	

/*	main container elements	*/
/*	'container' is a block, full width of the window, centred vertically	*/

#container {
	position:absolute;
	display:block;
	width:100%;
	height:534px;
	left:0px;
	top:50%;
	margin-top:-267px;
	background-color:#FFFFFF;
	overflow:visible;
	}

/*	main container elements	*/

/*	'header-box' is full width of window, fixed height, located at the top of the 'container' block	*/
/*	sub-classes provide alternative background colours	*/

#header-box {
	position:absolute;
	width:100%;
	height:64px;
	left:0px;
	top:0px;
	}
	
/*	'header' is fixed width centred horizontally in the 'header-box'	*/

#header {
	position:absolute;
	width:750px;
	height:64px;
	left:50%;
	top:0px;
	margin-left:-375px;
	}

/*	header sub-parts	*/

/*	'toc' contains 'table of contents' aka 'main menu'	*/
/*	'toc' is built using a text based menu */

#header #toc {
	position:absolute;
	left:0px;
	top:0px;
	width:530px;
	padding-left:12px;
	padding-top:23px;
	font-size: 12px;
	text-align:left;
	visibility: visible;
	}
	
/*	'toc' sub-parts	*/

#toc a {
	color:white;
	text-decoration:none;
	}

#toc a.green {
	color:white;
	text-decoration:none;
	}

#toc a.blue {
	color:white;
	text-decoration:none;
	}

#toc a.yellow {
	color:white;
	text-decoration:none;
	}

#toc a:hover {
	color:black;
	text-decoration:none;
	}

#toc a.current {
	color:black;
	text-decoration:none;
	}
	


/*	'logo' contains logo images, sits fixed location from left side of containing box	*/
/*	sub-classes provide alternative background images	*/

#logo	{
	position:absolute;
	left:538px;
	top:0px;
	width:200px;
	height:64px;
	}

.train_logo {
	background-image: url('../img/logo_med_blu.gif');
	}

.home_logo {
	background-image: url('../img/logo_med_gry.gif');
	}

.gallery_logo {
	background-image: url('../img/logo_med_gry.gif');
	}
	
.project_logo {
	background-image: url('../img/logo_med_gry.gif');
	}

.consult_logo {
	background-image: url('../img/logo_med_yel.gif');
	}

/*	main content elements	*/

/*	'content' is fixed width centred horizontally in the 'container'	*/

#content {
	position:absolute;
	width:750px;
	height:392px;
	left:50%;
	top:78px;
	margin-left:-375px;
	background-color:#FFFFFF;
	overflow:auto;
	}

/*	we need a special content area with hidden overflow for the home page and its complicated scrolling mechanical	*/
#content_nonauto {
	position:absolute;
	width:750px;
	height:392px;
	left:50%;
	top:78px;
	margin-left:-375px;
	background-color:#FFFFFF;
	overflow:hidden;
	}


/* main footer elements */

/*	'footer-box' is full width of window, fixed height, located at the top of the 'container' block	*/
/*	sub-classes provide alternative background colours	*/

#footer-box {
	position:absolute;
	width:100%;
	height:48px;
	left:0px;
	bottom:0px;
	background-color:#FFFFFF;
	}
	
/*	'footer' is fixed width centred horizontally in the 'footer-box'	*/

#footer {
	position:absolute;
	width:750px;
	height:48px;
	left:50%;
	top:0px;
	margin-left:-375px;
	background-color:#FFFFFF;
	}

/*	'copyright' is fixed width box located fixed position from left of 'footer-box'	*/

#copyright {
	position:absolute;
	width:200px;
	height:24px;
	left:550px;
	top:12px;
	font-size: 9px;
	text-align:right;
	text-decoration:none;
	}

/*	'copyright' sub-parts	*/

#copyright a {
	color:#666666;
	text-decoration:none;
	}

#copyright a:hover {
	color:#333333;
	text-decoration:none;
	}


/* scroller */

.scroller .textbox {
	height: 200px;
	width: 310px;
	background: #F7F7F7;
	margin-top: 30px;
	white-space: normal;
}
.scroller .textbox li {
	display: list-item;
	list-style: none;
	height: auto;
}
.scroller .textbox ul {
	line-height: 1.2em;
	padding-right: 10px;
	padding-top: 12px;
}
.scroller {
	white-space: nowrap;
	list-style: none;
	position: absolute;
	top: 60px;
	padding: 0px;
}
.scroller li {
	display: table-cell;
	height: 270px;
	vertical-align: bottom;
	padding-left: 8px;
	padding-right: 8px;
	width: 310px;
}
.item {
	padding-right: 8px;
	padding-left: 16px;
}

/* headings */


#main_box {
	position:absolute;
	width:4010px; height:370px;
	left:0px; top:0px;
	background-image:url('/img/back_matrix.gif');
	}

/*	general stuff	*/

#main_box a {
	color:#333333;
	font-size:11px;
	text-align:left;
	text-decoration:none;
	}
	
#main_box a:hover {
	color:#006699;
	text-decoration:none;
	}
	
#main_box a.heading {
	font-size:12px;
	line-height:16px;
	color:#000000;
	text-decoration:none;
	font-weight: bold;
	}

#main_box a.link	{
	color:#999999;
	}

#main_box a.client	{
	color:black;
	font-weight: bold;
	}
	
#main_box a.client_link	{
	color:black;
	font-weight: bold;
	}
	
#main_box a.client_link:hover	{
	color:#006699;
	font-weight: bold;
	}
	
#main_box a.caption	{
	color:#006699;
	}

#gallery_box a.link {
	color: maroon;
	text-decoration:none;
}

#gallery_introbox{
	display: inline;
	font-size: 11px;
	line-height: 10px;
	color: #424242;
}

#gallery_box a.link:hover {
	color: #6e956a;
}
/*	section heading	*/

#main_heading {
	position:absolute;
	width:450px; height:32px;
	left:0px; top:32px;
	padding:0px 10px;
	}

#main_heading	a {
	color:#666666;
	text-decoration:none;
	}
	
#main_heading	a.headline {
	font-size:18px;
	color:#666666;
	text-decoration:none;
	}

/* those shitty columns */
.column_var{
	position:relative;
	width:400px;height:auto;
	top:80px;
	max-height:320px;
	padding:12px 10px;
	text-align:left;
}

.column{
	position:absolute;
	width:375px;height:auto;
	left:0px;top:80px;
	max-height:320px;
	padding:12px 10px;
	text-align:left;
}

.column .left{
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
	clear: right;
}

.indented {
	padding-left:24px;
}

.small{ width: 210px; }
.medium{ width: 310px;}
.half{ width: 375px;}
.wide{ width: 410px; }
.xwide{ width: 600px; }

.column_col_1 {
	left:0px;
	}
	
.column_col_2 {
	left:375px;
	}

.column_col_3 {
	left:750px;
	}

.column_col_4 {
	left:1125px;
	}

.column_col_5 {
	left:1500px;
	}

.column_col_6 {
	left:1875px;
	}

.column_col_7 {
	left:2250px;
	}

.column_col_8 {
	left:2625px;
	}

.column_col_9 {
	left:3000px;
	}	

.column_col_10 {
	left:3375px;
	}

.column_col_11 {
	left:3750px;
	}

.column_col_12 {
	left:4125px;
	}
/* integration */

#content_box {
	position:absolute;
	width:750px; height:370px;
	left:0px; top:0px;
	overflow:hidden;
	}

#content_box_scroll {
	position:absolute;
	width:4495px; height:370px;
	left:0px; top:0px;
	background-image:url('/img/back_matrix.gif');
	}
	
#introbox {
	position:absolute;
	width: 416px;
	height:266px;
	left:13px;
	top:14px;
	overflow: hidden;
	font-size: 13px;
}

strong {
	font-weight: bold;
}

#introbox p {
margin-bottom: 8px;
}
/* for jquery lightbox */	

#hiddenCopyrightInfo{
visibility: hidden;
}

/* for the gallery items */
div.float {
  float: left;
	margin-right: 5px;
}
  
div.float p {
   text-align: center;
   }
   
div.container {
  position: absolute;
  width: 80%;
  bottom: 10px; 
  left: 150px; 
  }
  
div.spacer {
  clear: both;
  }

/* home image links */

.column ul
{
list-style-type:none;
padding:0px;
margin:0px;
}
.column li
{
background-image:url(/img/noLink.gif);
background-repeat:no-repeat;
background-position:0px 5px; 
padding-left:14px; 
}
.column li.linked
{
background-image:url(/img/prjLink.gif);
background-repeat:no-repeat;
background-position:0px 5px; 
padding-left:14px; 
}

.column b	{
	color:#AA9900;
	text-decoration:none;
}


/* gallery */
#gallery_introfoot1 {
	position:absolute;
	width:172px; height:24px;
	left:13px; top:318px;
	padding-right: 4px;
	}

#gallery_introfoot2 {
	position:absolute;
	width:172px; height:24px;
	left:13px; top:346px;
	padding-right: 4px;
	}