body {
	margin:20px 0 0 0;
	padding:0px;
	font-family: Arial;
	font-size:12px;	
 	background-attachment:fixed;
	background-color:#fff;
}

#mainLayout{	
	width:920px;
	margin:0px auto;
	position:relative;
}


#content{
	width:100%;	
	float:left;		
}

#title{
	height:75px;
	width:100%;
}

#mainLogo {
	display:block;
	float:left;
	width:244px;
	height:75px;
	margin-bottom:20px;
	background: url(../images/metaforalogo.png) no-repeat 0 15px;
	_background:none;
	_margin-top:15px;	
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/metaforalogo.png', , sizingMethod='crop');
	cursor:pointer;
}

#menuLayout{
	float:right;
	margin-right:20px;
	margin-top:31px;	
	padding-bottom:5px;
}

#menuLayout img{
	border:none;
}

#menuLayout a{
	text-decoration:none;
	margin-left:20px;	
	height:24px;	
}

#menuLayout span.active{
	margin-left:20px;	
	height:24px;	
}

#mainFlash {
	width:100%;
	height: 285px;
	margin-top:10px;
/*	background: url(/application/media/images/mainillustration.jpg) no-repeat top left;		*/
}

#mainContentTitle {
	margin-left:2px;
	margin-top:50px;
	margin-bottom:32px;
}

.contentColumn {
	position:relative;	
	float:left;
	color:#5c5c5c;
	font-family:Arial;
	padding-left:2px;
	margin-right:69px;
	_width:200px;
	margin-bottom:100px;*
}

.contentColumn span.date{
	padding-left:8px;	
}

#newsWindow .closeBottomLink{
	font-size:18pt;
	color:#fff;
	position:absolute;
	bottom:20px;
	left:400px;
}

.newsImage{
	height:121px;
}

.newsImage a{
	text-decoration:none;
}

.newsImage img{
	margin-top:5px;
	border:none;
}

.contentColumn span.text{
	display:block;
	width:242px;
	margin-left:10px;
	color:#fff;
	font-family:Arial;
	font-size:10pt;
}

#centerContent {
	margin: 20px 20px 0 20px;
	//margin: 88px 0px 0 0px;	
}

#bottom a {
	font-size:13px;	
	color:#2268be;
	font-weight:normal;
	text-decoration:underline;
	vertical-align:text-top;
}

#bottom a:hover {
	font-size:13px;		
	color:#318af7;
	text-decoration:underline;	
	vertical-align:text-top;	
}

#bottom {
	position:relative;
	margin-top:60px;
	width:100%;
	float:left;
	margin-bottom:20px;
}
#footer {
	float:left;
	font-size:8pt;
	font-family:Arial;
	color:#5c5c5c;
	width:800px;
	text-align:center;
}
#footer a{
	color:#b71766;
	font-size:8pt;	
	text-decoration:underline;
}
#footer a:hover{
	color:#dd197a;
	font-size:8pt;	
	text-decoration:underline;	
}
#theColourLogo {
	position:relative;
	z-index:100;
	float:right;
	margin-right:15px;	
	background-image: url(../images/thecolourlogo.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/thecolourlogo.png', , sizingMethod='crop');
	cursor:pointer;
	width:24px;
	height:22px;	
	overflow:hidden;
	display:block;	
}

#newsWindow {
	position:absolute;
	left:-4px;
	top:80px;

	height:544px;
	width:908px;
	font-family:Arial;
	font-size:8pt;
	display:none;
	color:#fff;
}
#newsWindow .title{	
	float:right;
	margin-right:4px;
	_margin-right:2px;
	height:15px;
	width:75px;
	background-color:#5c5c5c;
	color:#fff;
	z-index:11;	
}

#newsWindow .title a{	
	padding-left:10px;
	color:#fff;
	text-decoration:none;
	padding-right:15px;	
	background: url(../images/closebutton.jpg) no-repeat center right;			
}

#newsWindow .content{
	position:relative;
	float:left;
	width:868px;
	height:495px;
	margin-top:-4px;
	background: url(../images/news_back.png) no-repeat top left;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/news_back.png', , sizingMethod='crop');		
	padding:20px;
	z-index:10;	
}

#newsWindow span.date{
	display:block;
	font-size:9pt;
}

#newsWindow span.contentTitle{
	display:block;
	font-size:18pt;
	margin-top:15px;
}

#newsWindow span.newsContent{
	margin-top:15px;	
	display:block;
	font-size:10pt;
}

#content .contentText {
	width:538px;
	float:left;
}

#content .contentText a{
	color:#2980e4;
}

#content .contentText a:hover{
	color:#2da4ff;
	text-decoration:none;
}

#content .contentText div{
	margin:0;
	padding:0;
	font-family:Arial;
}

#content .contentText div p{
	margin:0;
	padding:0;
}
#content .contentText div p img{
	margin:0;
	padding:0;
}

#content .infobox {
	width: 322px;
	height: 145px;
	padding:4px 0 0 14px;	
	font-size:10pt;
	background: url(../images/infobox.jpg) no-repeat top left;
	float:right;
	margin-right:20px;
	margin-top:5px;
	color:#fff;
	font-family:Arial;
}

#content .infobox p{
	padding:0;
	margin:0;
}

#content .infobox a{
	color: #4398fb;
	text-decoration: underline;
}

#content .infobox a:hover{
	color: #6eb1ff;
	text-decoration: underline;
}

#galleryPreviews{
	background:url('../../../media/images/clash-trash.css') no-repeat top left;
	margin-top:-25px;
	//margin-top:0px;
	padding-top:130px;
	margin-left:-15px;
	padding-left:15px;
	margin-bottom:-20px;
	float:left;
	width:100%;
	height:500px;
}

#galleryPreviews #imgPreview{
	float:left;
	display:block;
	width:112px;
	height:150px;
	margin-right:45px;
	margin-bottom:30px;
	padding-left:2px;
	//margin-top:15px;
}

#imgPreview img{
	border:none;
	margin-left:-3px;
}

#imgPreview a.title{
	background-color:#b640ca;
	color:#fff;
	font-family:Arial;
	font-size:10pt;
	padding: 0 0 0 0;
	max-width:50px;
	text-decoration:none;
}

#imgPreview a.title:hover{
	background-color:#3377e3;
}

#galleryLayout{
	float:left;
	width:100%;
	font-family:Arial;
}

#galleryLayout .photo{
	float:left;
	width:200px;
	height:200px;
}

#galleryLayout span.name{
	color: #4a55a8;
	margin-left:100px;
	font-size:11pt;
	font-weight:lighter;
	float:left;
	display:block;
}

#galleryLayout span.galleryTitle{
	color: #4a55a8;
	font-size:11pt;
	font-weight:lighter;
	clear:both;
	display:block;
	margin-bottom:5px;
}

#galleryLayout span.metaphorTitle{
	color: #4a55a8;
	font-size:11pt;
	font-weight:lighter;
	margin-left:6px;
	margin-bottom:5px;
	display:block;	
}

#galleryLayout div.info{
	width:616px;
	min-height:110px;
	margin-left:90px;	
	margin-top:10px;		
	background: url(../images/infotopback.gif) no-repeat top left;	
	padding-top:50px;
	background-color: #924cc6;
	display:block;	
	float:left;	
}

#galleryLayout div.infobottom{
	width:591px;
	min-height:110px;
	background: url(../images/infobottomback.jpg) no-repeat bottom left;	
	background-color: #924cc6;
	padding:0 10px 0 15px;
	color:#fff;
	display:block;
	float:left;		
}
#galleryLayout div.imageGallery{
	margin-left:85px;
	width:620px;
	float:left;
}
#galleryLayout div.metaphor{
	float:left;
	width:211px;
}

#topInfo {
	width:100%;
	float:left;
}
#bottomInfo{
	width:100%;
	float:left;
	margin-top:40px;	
}

#bottomInfo #imgPreview{
	float:left;
	display:block;
	width:100px;
	height:100px;
	margin-right:3px;
	margin-bottom:3px;
}

#galleryLayout .leftColumn{
	width:83px;
	margin-top:265px;
	float:left;
}

#galleryLayout img{
	border:none;
}

#galleryLayout .centerColumn{
	min-height:500px;	
	width:740px;
	text-align:center;
	margin-top:13px;
	float:left;
}

#galleryLayout .centerColumn span{
	float:left;
	margin-left:20px;
	width:100%;
	text-align:center;
	color:#4a55a8;
}

#galleryLayout .centerColumn span.title{
	margin-top:15px;
	margin-bottom:7px;	
	font-size:12pt;
}

#galleryLayout .centerColumn span a{
	color:#2980e4;
}

#galleryLayout .centerColumn span a:hover{
	color:#2da4ff;
}

#galleryLayout .rightColumn{
	width:83px;
	margin-top:265px;	
	float:right;
}

#imageLayout{
	position:relative;
	display:none;
}

#bigPic {
	cursor:pointer;
}

