/* undohtml.css */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

/* main styles */	
	
.fl {float:left;}
.fr {float:right; margin-left: 11px;}
.clear-after:after, .tab:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}
.clear-after, .tab {zoom:1;}



body{
	font-family: "Myriad Web Pro", "Myriad Pro", "Myriad", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color:#ffffff;
	background-image:url(../_gfx/background.png);
	background-repeat:repeat-x;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Myriad Web Pro", "Myriad Pro", "Myriad", Arial, Helvetica, sans-serif;
	color: #E85613;
}
a{
	text-decoration: none;
}

h1{
	background-image:url(../_gfx/noize-logo.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='_gfx/noize-logo.png');
	background-repeat:no-repeat;
	width: 237px;
	height: 126px;
	position: relative;
	left: 12px;
	margin-top: 0px;
	top: -40px;
}
h1 span{ 
	display: none;
}

h1 a{ 
	width: 100%;
	height: 100%;
	display: block;
}
	
#flashcontent{
	z-index:0;
	position:absolute; 
	width:100%;
	height:100%;
}
#mainContent{
	color: red;
	z-index:1;
	position: absolute;
	top:0px;
	width: 100%;
}
#column1{
	float:left;
	width: 290px;
}
#mainContent h1{
	margin-top: 50px;
	width: 220px;
	float: left;
}

/* navigation styles */

#mainNav{
	margin-top: 20px;
	list-style: none;
	float: left;
	clear: left;
	display:table;
	margin-left: 20px;
	top: 170px;
	position:absolute;
	z-index:900;
}
	#mainNav li{
		float:left;
		clear:left;
		border-bottom: 1px solid gray;
		margin-top: 5px;
	}
	#mainNav a{
		float: left;
		clear:both;
		display: block;
		position: relative;
	}
	#mainNav a:hover{
		cursor:pointer;
	}
	#nav1 a{
		background-image:url(../_gfx/nav_home.png);
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='_gfx/nav_home.png');
		width: 126px;
		height: 19px;
		background-repeat:no-repeat;
	}
	#nav1 span{
		display: none;
	}
	#nav2 a{
		clear:left;
		clear: left;
		background-image:url(../_gfx/nav_service.png);
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='_gfx/nav_service.png');
		width: 126px;
		height: 19px;
		background-repeat:no-repeat;
	}
	#nav2 span{
		display: none;
	}
	#nav3 a{
		width: 126px;
		height: 19px;
		background-image:url(../_gfx/nav_case-studies.png);
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='_gfx/nav_case-studies.png');
	}
	#nav3 span{
		display: none;
	}
	#nav4 a{
		background-image:url(../_gfx/nav_blog.png);
		width: 126px;
		height: 19px;
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='_gfx/nav_blog.png');
	}
	#nav4 span{
		display: none;
	}
	#nav5 a{
		background-image:url(../_gfx/nav_contact.png);
		background-repeat:no-repeat;
		width: 126px;
		height: 19px;
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='_gfx/nav_contact.png');
	}
	#nav5 span{
		display: none;
	}
	#nav6 a{
		background-image:url(../_gfx/nav_links.png);
		background-repeat:no-repeat;
		width: 126px;
		height: 19px;
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='_gfx/nav_links.png');
	}
	#nav6 span{
		display: none;
	}
	.sIFR-alternate{
		display: none;
	}
/* main content block */

#mainContentHolder{
	margin-left: 100px;
	height: 100%;
	display: table;
	color: #3d3b3b;
}
	#column2{
		position: relative;
		float:left;
		min-height: 600px;
		height: 600px;
		z-index:100;
		background-image:url(../_gfx/column2Back.png);
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='_gfx/column2Back.png');
		background-repeat:repeat-y;
	}
	#column2[id] {
		height:auto;
		}
		#frontPageHeaderH{
			border-top: 1px solid #c4c4c4;
			border-bottom: 1px solid #c4c4c4;
			padding-top: 3px;
			padding-bottom: 1px;
			width: 330px;
		}
		#column2Bottom h2{
			font-size:2.3em;
			border-bottom: 1px solid #c4c4c4;
			margin-bottom: 0px!important;
			
			margin-right: 12px!important;
			_margin-right: 20px!important;
		}
		
		#column2 h2, p, h1, h3, h4 {
			margin: 5px;
			margin-left: 10px;
		}
		#column2Top{
			width: 352px;
			_width: 360px;
			color: white;
		}
		#column2Bottom{
			width: 352px;
			_width: 360px;
			float: left;
			color: #222222;
			clear: left;
		}
		#column2 a{
			color: white!important;	
		}
			#column2Bottom p{
				margin-left: 12px;
				margin-right: 12px;
				margin-bottom: 12px;
				_margin-right: 20px;
			}
		#serviceList a{
			text-align: center;
			width: 100%;
			height: 100%;
			margin-left: 10px;
			height: 30px;
			padding-top: 30px;
		}
		.serviceItem{
			color: white;
			width: 100%;
			display: block;
		}
		.serviceListInner{
			margin: 0px!important;
			padding: 0px!important;
			list-style:square!important;
			margin-left: 40px!important;
			margin-bottom: 10px!important;
			width: 290px!important;
		}	
		.serviceItem a{
			color: black!important;
			font-size: 0.8em;
		}
		.serviceItem p{
			color: black;
		}
	
	#column3{
		z-index:  1;
		float: left;
		width: 354px;
		color: white!important;
		background-color: none;
		position: relative;
		left: 679px;
		visibility: none;
	}
		#caseStudyImage{
			margin-left: 11px;
			margin-bottom: 9px;
			margin-top: 3px;
		}
		#column3 h2{
			font-size: 2.3em;
			display: block;
			margin-top: 5px;
			margin-left: 10px;
		}
		#column3 h2{
			font-size:2.3em;
			border-bottom: 1px solid #ffffff;
			margin-bottom: 5px!important;
			margin-right: 10px;
		}
		#column2 a{
			color: white!important;	
		}
		#column3 p, #column3 h3, #column3 h4{
			margin: 0px;
			margin-left: 11px;
			margin-bottom: 11px;
			clear:both;
			width: 330px;
		 }
		 #column3 p{
		 	
		 }
	
		#service1, #service2, #service3, #service4 {
			width: 300px;
			float:left;
			clear:left;
			color: white;
			display: none;
		}
		

#footer{
	background-image:url(../_gfx/dmg.png);
	background-repeat: no-repeat;
	background-position:bottom left;
	position: absolute;
	bottom: 0px;
	width: 287px;
	z-index: 200;
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='_gfx/dmg_ie.png');
}
	#footer ul{
		float: right;
		width: 20px;
		margin-bottom: 15px;
	}
	#footer[id] {
		position:fixed;
	}
	#DMGLink{
		margin-top: 265px;
		width: 210px!important;
		height: 30px!important;
		display: block!important;
		_position: relative!important;
	}

	#footer a{
		display: block;
		height: 100%;
		width: 100%;
		_position: relative;
	}
	#footer a:hover{
		cursor:pointer;
	}
	#footer li{
		width: 14px;
		float: right;
		clear: right;
	}
	#footer span{
		display: none;
	}
	#footerNav1{
		background-image:url(../_gfx/footer_nav_home.png);
		width: 12px;
		height: 31px;
		margin-bottom: 4px;
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='_gfx/footer_nav_home.png');
		cursor:pointer;
	}
	#footerNav2{
		background-image:url(../_gfx/footer_nav_services.png);
		width: 12px;
		height: 46px;
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='_gfx/footer_nav_services.png');
	}
	#footerNav3{
		background-image:url(../_gfx/footer_nav_case-studies.png);
		width: 12px;
		height: 63px;
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='_gfx/footer_nav_case-studies.png');
	}
	#footerNav4{
		background-image:url(../_gfx/footer_nav_blog.png);
		width: 12px;
		height: 31px;
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='_gfx/footer_nav_blog.png');
	}
	#footerNav5{
		background-image:url(../_gfx/footer_nav_contact.png);
		width: 12px;
		height: 44px;
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='_gfx/footer_nav_contact.png');
	}	
	#footerNav6{
		background-image:url(../_gfx/footer_nav_sitemap.png);
		width: 12px;
		height: 43px;
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='_gfx/footer_nav_sitemap.png');
	}
	#footerNav7{
		background-image:url(../_gfx/footer_nav_links.png);
		width: 12px;
		height: 33px;
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='_gfx/footer_nav_links.png');
	}	

#frontPageHeaderFlash{
	margin: 11px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 9px;
}


/* form */
#contactForm{
	margin-left: 11px;
	margin-right: 11px;
	font-size: 12px;
}
	#roboTrick{
		/* trick to stop spam.... */
		display: none;
	}
	#contactForm label{
		float: left;
		clear: both;
		width: 324px;
		margin-bottom: 3px;
	}
	#contactForm input, textarea{
		padding: 3px;
		float: left;
		clear: both;
		width: 324px;
		color: #333333;
		background-color:#eeeeee;
		font-family:"Myriad Web Pro", "Myriad Pro", "Myriad", Arial, Helvetica, sans-serif;
		border: 0px;
		font-size: 12px;
	}
	#contactForm textarea{
		height: 90px;
	}
	#contactForm input:focus, textarea:focus{
		background-color:#dddddd;
	}
	#contactForm input{
		margin-bottom: 8px;
		
	}
	#sendMessage{
		float: right!important;
		background-color: #e85713!important;
		width: 100px!important;
		margin-top: 8px;
		color: white!important;	
		font-weight:bolder;
		background-image:url(../_gfx/submitButton.gif);
		background-position:center;
		clear: both!important;
		_margin-right: 8px;
	}
	/* bit naughty, but I can't stand firefox changing the colours of the fields... */
	.keepWhite{
		background-color: #eeeeee!important;
	}
	.keepWhite:focus{
		background-color:#dddddd!important;
	}
	
/* Blog styles */

.blogEntry {
	margin-left: 4px;
	_margin-left: 2px;
	margin-right: 3px;
	_margin-right: 11px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 8px;
	padding-top: 8px;
	float: left;
	width: 345px;
}
	.blogEntry img{
		margin-top: 8px!important;
		margin-bottom: 8px!important;
		margin-left: 8px!important;
	}
	.blogEntry h4{
		margin-left: 0px;
		margin-top: 8px;
		width: 228px!important;
		color: black!important;
	}
	.blogSummary{
		width: 210px!important;
		position: relative;
		margin-top: -8px;
		left: -11px;
		padding-bottom: 0px;
	}
	.blogDate{
		margin-top: 2px;
	}
	.blogSummary a{
		color: white!important;
		display: block;
		margin-top: 4px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	#blogDateActive{
		float: left;
		font-weight:bold!important;
	}

/* services */

.serviceItem{
	width: 100%;
	display: table;
	height: 120px;
	
}
	.serviceItem h3{
		font-size: 1.8em;
	}
	.serviceItem p{
		width: 250px;
		float: left;
		_position: relative;
		_left: -13px;
		_width: 230px;
		_padding-left: 0px;
	}
	.serviceItem img{
		float: right;
		margin-right: 15px;
	}
	


/* page colours */



/* link */
.linkItem{
	padding-top: 2px;
	padding-bottom: 8px;
	margin-left: 4px;
	margin-right: 3px;
	clear: both;
	float: left;
	width: 100%;
	width: 345px!important;
}
.linkItem h3{
	font-size: 20px;
	margin-left: 7px;
}
.linkLink{
	margin-left: 9px;
	font-weight: bold!important;
	color: #E85613!important;
	text-decoration: none!important;
	float: right!important;
	width: 270px!important;
	_width: 268px!important;
	margin-top: 0px;
}
.linkLink:hover{
	text-decoration:underline!important;
}
.linkImage{
	float: left;
	padding: 0px;
	margin: 0px;
	clear: both;
	width: 51px;
	height: 61px;
	margin-left: 7px;
	position: relative;
	left: -2px;
}
.linkText{
	float: right!important;
	clear: none;
	padding: 0px;
	margin: 0px;
	width: 255px!important;
	_width: 235px!important;
	margin-bottom: 4px!important;
}
.serviceItem5:hover{
	background-color:#EBE5E3;
}
#blogTextOuter{
	position: relative;
	top: 5px;
}
#blogTextOuter a{
	color: white!important;
	font-weight: bold!important;
	text-decoration: none!important;
}
.author{
	color: #222222!important;
	font-size: 0.8em;
	text-align: right;
	position: relative;
	top: -4px;
}
#update h2{
	color: white!important;
}
/* sitemap */

#column2Bottom ul{
	margin-left: 11px;
	font-weight: bold;
}
.siteMapSublist{
	font-weight:lighter!important;
}
.siteMapSublist a{
	font-weight:lighter!important;
	color: #000000!important;
}
#siteMapList{
	margin-top: 6px;
}
#siteMapList a{
	color: #000000!important;
}	

/* services */
#servicesFlash{
	margin-top: 10px;
}
#servicesFlash a{
	color: #000000!important;
}


/* paging */
#pageNav{
	width: 329px;
	margin: auto;
	position: relative;
	top: 10px;
}
#prevPage{
	float: left;
}
#nextPage{
	float: right;
}
#navSeperator{
	width: 92%;
	background-color:#FFFFFF;
	border: 0px;
	height: 1px;
}
#categoryImages{
	width: 350px;
	margin-left: 11px;
	clear: both;
	margin-bottom: 8px;
}


.moreButtonItem {zoom:1;}
.moreButtonItem{ 
	padidng: 0px!important;
}
.moreButtonItem img {
	padding-left:0!important;
	position: relative;
	left: -8px;
}


.lineSeperator{
	border: 0px;
	background-color: #c4c4c4;
	height: 1px!important;
	width: 329px;
	margin-top: 0px;
	margin-left: 10px;
	_margin-left: 6px;
	padding-top: 0px;
	margin-bototm: 0px;
	padding-bottom: 0px;
	float: left;
	clear: left;
	_overflow: hidden;
}

/* **************************** ADDITIONS ******************************** */

	#column3 {
		z-index:  50;
		float: left;
		width: 352px;
		color: white!important;
		position: absolute;
		min-height: 120px;
		left:639px;
		top:0;
		bottom: 0px;
		background-color:#9F9B9A;
		
	}

	#Blog	#column3 {background-color: #9F9B9A;}
	
	#mainContent .selected { /* if Column 3 visible onload */
		left:639px;
	}

.tab {cursor:pointer;}
	.tab .fl {width:80px;text-align:center;}
	.tab .fr {width:250px;}
		
#Blog .tab *,
#CaseStudies .tab * {padding:9; margin:0;}
#Blog .tab,
#CaseStudies .tab {padding:0px 0px;}
#Blog .tab h4,
#CaseStudies .tab h4 {padding:0 0 2px; margin-top: 7px;}

#Blog .tab p.date {margin-top:-3px; padding-bottom:0px;}

#CaseStudies .tab:hover {background-color:#EBE5E3;}
#Blog .tab:hover {background-color:#EBE5E3;}

/*
#serviceItem1:hover {background-color:#ec7239;}
#serviceItem2:hover {background-color:#59bdea;}
#serviceItem3:hover {background-color:#cb3333;}
#serviceItem4:hover {background-color:#397da3;}
*/

#CaseStudies .tab.on {background-color:#9F9B9A;}
#Blog .tab.on {background-color:#9F9B9A;}

#column2 .loading {background-image:url(../_gfx/ajax-loader-trans.gif);background-repeat:no-repeat;background-position:97% 10px;}*/
/*#CaseStudies .tab.loading{background-image:url(../_gfx/ajax-loader.gif);}
#Services .loading {background-image:url(../_gfx/ajax-loader-trans.gif);}*/


/* **************************** END ADDITIONS ******************************** */

#frontPageHeaderFlash h4{
	color: #000000!important;
	position:relative!important;
	left: -5px!important;
}

#frontPageHeaderFlash a{
	color: #000000!important;
	position:relative!important;
	left: -5px!important;
}

.panel{ padding-left:240px; width:740px; margin:auto; text-align:left; }
.panel p{ padding-left:2px; }