.ClearCSS{height: 0; font-size: 0; clear: both; padding: 0px; margin: 0px;}
		
	/* NAVIGATION CLASS'S
	-------------------------------------------------------------------------*/
	.inv-navigation {position: absolute; visibility: hidden; width:1px; height:1px; top:-20px; left:-20px; margin: 0 0 0 0;}
	
	/*safari wrapper */
	html>body #minHeight{float:left;width:0px;height:430px;}
	
	*{
		font-family	: Arial, Helvetica, sans-serif;
		font-size	: 11pt;
		margin		: 0;
		padding		: 0;
	}
	
	body, html {
		background		: #4a4743 URL("../images/bgrounds/background-grad.png") top left repeat-x;
		text-align		: center;
		color			: #ffffff;
		
		scrollbar-arrow-color: #FFFFFF;
		scrollbar-3dlight-color: #c3071b;
		scrollbar-darkshadow-color: #c3071b;
		scrollbar-face-color: #c3071b;
		scrollbar-shadow-color: #FFFFFF;
		scrollbar-track-color: #FFFFFF;
		
		/*scrollbar-arrow-color: #c3071b;
		scrollbar-3dlight-color: #c3071b;
		scrollbar-darkshadow-color: #c3071b;
		scrollbar-face-color: #FFFFFF;
		scrollbar-shadow-color: #FFFFFF;
		scrollbar-track-color: #FFFFFF;*/
	}
	
	h1 {
		color			: #ffffff;
		font-size		: 1.8em;
		font-weight		: bold;
		margin-bottom	: 15px;
	}
	
	h2 {
		color			: #ffffff;
		font-size		: 1.5em;
		font-weight		: bold;
		margin-bottom	: 10px;
	}
	
	h3 {
		color			: #ffffff;
		font-size		: 1.1em;
		font-weight		: bold;
		margin-bottom	: 0px;
	}
	
	P {
		font-size		: 0.8em;
		line-height		: 1.5em;	
		margin-bottom	: 10px;
	}
	
	a {
		font-size		: 1em;
		color			: #ffffff;
		text-decoration	: none;
	}
	
	a:link {
		font-size		: 1em;
		color			: #ffffff;
		text-decoration	: none;
	}
	
	a:visted {
		font-size		: 1em;
		color			: #ffffff;
		text-decoration	: none;
	}
	
	a:hover {
		text-decoration	: underline;
	}
	
	li {
		font-size		: 0.8em; 
		margin-bottom	: 5px; 
		line-height		: 1.5em;
	}
	
	#page-container UL, #page-container OL, OL {
		margin-right	: 5px;
		margin-left		: 25px;
		margin-bottom	: 15px;
	}
	
	IMG { border: 0px; }
	
	#container {
		
		width		: 960px;
		margin		: auto;
		text-align	: left;
		font-size	: 0.5em;
		z-index		: 1;
		position	: relative;
	}
	
	#site-container { 
		background	: #c3071b URL("../../../../images/bgrounds/roofspace/content-bground.jpg") bottom left repeat-x;
		text-align	: left; 
	}
	
	#header{
		position	: relative;
		z-index		: 5;
		background	: #c3071b URL("../../../../images/bgrounds/roofspace/header-bground.gif") top left repeat-x;
		height		: 120px;
	}
	
	#logo-holder{
		float		: right;
		margin-top	: 20px;
		margin-right: 20px; 
	}
	
	#top-banner-holder {
		float		: left;
		margin-top	: 20px;
		margin-left : 30px; 
	}

	#navigation-holder{
		background	: #3e3a36 URL("../../../../images/bgrounds/roofspace/nav-bground.jpg") top left repeat-x;
		height		: 40px;
		padding-left: 30px;
		padding-top : 7px;
	}


	#navigation-holder UL.udm {
		/*background	: URL("../../../../images/bgrounds/copalgroup/nav-bground.jpg") top left repeat-x;
		height		: 47px;
		margin		: 0px;
		padding		: 1px 5px 5px 10px;
		font-size	: 1em;
		margin-left	: 340px;
		width		: 589px;
		*width		: 574px;*/
	}
	
	#page-container {
		position		: relative;
	}
	
	#content-floating-left{
		/*background	: URL("../../../../images/bgrounds/roofspace/content-left-bground.png") top left repeat-x;*/
		width		: 298px;
		position	: absolute;
		padding		: 30px;
		/*overflow	: auto;
		
		*overflow	: visible;
		*overflow-y	: auto;*/
		
		height		: 451px;
	}
	
	#body-copy {
		padding		: 30px;
	}
	
	#content-floating{
		position	: absolute;
		padding		: 30px;
	}
	
	#content-left{
		float		: left;
		width		: 298px;
		margin-right: 28px;		
	}
	
	#content-right{
		float		: right;
		width		: 515px;
		overflow	: auto;
		
		*overflow	: visible;
		*overflow-y	: auto;
		
		height		: 421px;
		color		: #514b47;
		/*border		: 1px solid #c3071b;*/
		padding		: 15px;
		padding-top : 0px;
		
		margin-left: 27px;
	}
	
	#content-right h3 {
		color: #c3071b;
	}
	
	#content-right A {
		/*color		: #004c96;*/
	}
	
	#full-image{
		height		: 510px;
		overflow	: hidden;
	}
	
	#project-content-floating-left{
		background	: URL("../../../../images/bgrounds/copalgroup/project-content-floating-left.png") top left no-repeat;
		
		
		/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bgrounds/copalgroup/project-content-floating-left.png', sizingMethod='crop');
		_bckground	: URL("");*/
		
		width		: 120px;
		position	: absolute;
		padding		: 25px;
		overflow	: hidden;
		
		/**overflow	: visible;
		*overflow-y	: auto;*/
		
		color		: #004c96; 
		height		: 459px;
		padding-right: 10px;
	}
	
	
	#project-content-floating-left h2{
		color		: #004c96;
		font-size	: 1.5em;
		font-weight	: bold;
	}
	
	#project-content-floating-left #image-thumbs-holder {
		height		: 470px;
		overflow	: auto;
	}
	
	#project-content-floating-left #image-thumbs-holder IMG {
		margin: 0px 0px 11px 0px;
		border:	1px solid #5c5955;
	}
	
	#project-content-floating-left #project-desc-holder {
		height			: 155px;
		padding-right	: 5px;
		overflow		: auto;
		
		*overflow		: visible;
		*overflow-y		: auto;
	}

	.news-headline{
		color			: #c3071b;
		font-weight		: bold;
		text-transform	: uppercase;
	}
	
	.news-headlines td {
		color:#514b47;
	}
	
	.news-headlines td a:link {
		color:#c3071b;
	}
	
	.news-headlines td a:visited {
		color:#c3071b;
	}
	
	#news-scroller {
		overflow	: auto;
		
		*overflow	: visible;
		*overflow-y	: auto;
		
		height		: 275px;
		
		/*border		: 1px solid #c3071b;*/
		padding		: 15px;
		padding-left: 0px;
		
		color		: #514b47;
	}
	
	#news-scroller a:link {
		color:#c3071b;
	}
	
	#news-scroller a:visited {
		color:#c3071b;
	}
	
	#back-holder {
		margin-top: 10px;
	}
	
	#back-holder a:link {
		color:#c3071b;
	}
	
	#back-holder a:visited {
		color:#c3071b;
	}
	
	

	

	/*-------------------------------------------------------------------------*/
	#footer {
		background	: #c3071b;
		height		: 55px; 
		/*padding		: 7px 15px 7px 15px;
		text-align	: left;
		margin-top	: 15px;*/
	}
	
	#footer-copyright {
		font-size	: 0.5em;
		color		: #ffffff;
		font-weight	: normal;
		padding-top	: 15px;
		margin-left	: 30px;	
		float:left;
		width:300px;
	}
	
	#footer-copyright ul {
		list-style-type	: none;
		white-space 	: nowrap;
		margin			: 0px;
		padding			: 0px;
	}
	
	#footer-copyright ul li {
		list-style	: none;
		display		: inline;
		float		: left;
		font-size	: 0.6em;
		color		: #ffffff;
		/*margin-top	: 5px;*/
	}
	
	#copal-logo-holder {
		display		: block;
		margin-left	: 10px;
		margin-right: 10px;
		margin-top	: -5px;
		_margin-top	: 0px;
	}
	
	#footer-copyright a:link, #footer-copyright a:visited {
		font-size		: 1em;
		color			: #ffffff;
		font-weight		: normal;
		text-decoration	: underline;
	} 
	
	#footer-copyright a:hover {
		color			: #648dc1;
		text-decoration	: none;
	} 
	
	/*------------------------------------------------------------------*/
	
	#site-builder-holder {
		float:right;
		margin-right	: 20px;
		color			: #ffffff;
		text-align:right;
		padding-top:8px;
	}
	
	#site-builder-holder a:link, #site-builder-holder a:visited {
		font-size		: 0.8em;
		color			: #ffffff;
		font-weight		: normal;
		text-decoration	: none;
	} 
	
	#site-builder-holder a:hover {
		text-decoration	: underline;
	} 
	
	#site-builder-holder UL {
		list-style-type	: none;
		white-space 	: nowrap;
		overflow		: hidden;
	}

	#site-builder-holder LI {
		display			: inline;
		float			: left;
	}
	*html .#site-builder-holder LI img {
		visibility		: hidden;
		behavior		: url("css/pngbehavior.htc")
	}