html, body {
		padding: 0;
		margin: 0;
	}
	
	body {
		background: #000 url(../images/pattern.jpg) 1024px 0 repeat-x;
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #848282;
	}
	
	div#top, div#middle, div#bottom {
		position: relative;
		float: left;
		width: 100%;
	}
	
	div#top {
		width: 100%;
		height: 190px;
		background: url(../images/ambient-top.jpg) no-repeat;
	}
	
	div#top h1, div#top p {
		display: none;
	}
	
	div#middle {
		height: 387px;
		background: url(../images/ambient-middle.jpg) 556px 0 no-repeat;
	}
	
	div#bottom {
		height: 100px;
		background: url(../images/ambient-bottom.jpg) no-repeat;		
	}
	
	div#bottom div#footer {
		position: absolute;
		left: 15px;
		bottom: 10px;
		color: #333;
	}
	
	#content strong {
		font-weight: normal;
	}
	
	p {
		margin: 5px 15px 10px 5px;
		color: #848282;
	}
	
	h3 {
		font-family: Arial, Helvetica, sans-serif;
		color: #37577c;
		font-size: 18px;
		font-weight: normal;
		letter-spacing: -1px;
		margin: 5px 15px 10px 5px;
	}
	
	h4 {
		font-family: Arial, Helvetica, sans-serif;
		color: #37577c;
		font-size: 13px;
		font-weight: bold;
		margin: 5px 15px 10px 5px;
	}
	
	div#content a {
		color: #37577c;
	}
	div#content a:link, div#content a:visited {
		text-decoration: none;
	}
	
	div#content a:hover, div#content a:focus {
		text-decoration: underline;
	}
	
	
	div#content {
		position: absolute;
		padding: 5px 0 0 10px;
		top: 0;
		left: 0;
		
		width: 556px;
		height: 387px;
		
		background: url(../images/content.jpg) repeat-y;
	}
	
	div#title {
		margin: 15px 0 0 3px;
		width: 422px;
		height: 33px;
	}
	
	div.date {
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		color: #999;
		margin: -5px 15px 10px 5px;
	}
	
	div#title h2 {
		display: none;
	}
	
	div.welcome {
		background: url(../images/title-welcome.gif) no-repeat;
	}
	
	div.about {
		background: url(../images/title-about.gif) no-repeat;
	}
	
	div.showcase {
		background: url(../images/title-showcase.gif) no-repeat;
	}
		
	div.contact {
		background: url(../images/title-contact.gif) no-repeat;
	}
	


	
	div.ruler {
		clear: both;
		height: 6px;	
		margin: 25px 15px 15px 5px;
		width: 517px;
		background: url(../images/ruler.gif) no-repeat;
	}
	
	div.miniruler {
		clear: both;
		height: 6px;	
		position: relative;
		top: 8px;
		
		margin: 0 15px 20px 5px;
		width: 365px;
		border-bottom: 1px dotted #ccc;
	}
	
	div#leftCol, div#rightCol {
		width: 47%;
		margin-right: 10px;
	}
	
	.left {
		position: relative;
		float: left;
	}
	
	.right {
		position: relative;
		float: right;
	}
	
	label {
		margin: 10px 0 5px 5px;
	}
	
	div#menu {
		position: absolute;
		top: 160px;
		font-size: 11px;
	}
	
	div#menu a {
		color: #fff;
		font-weight: bold;
	}
	
	div#menu ul {
		list-style-type: none;
		display: inline;
	}
	
	div#menu ul li {
		position: relative;
		float: left;
		width: 125px;
		margin: 0 0 0 5px;
		text-align: center;
	}
	
	div#menu ul li a {
		padding: 3px;
		display: block;
	}
	
	div#menu ul li a:link, div#menu ul li a:visited  {
		text-decoration: none;
	}
	
	div#menu ul li a:hover, div#menu ul li a:focus  {
		text-decoration: underline;
	}
	
	
	input {
		padding: 1px 0 2px 3px;
		height: 12px;
		width: 165px;
	}
	
	label, input, textarea {
		margin: 3px 25px 7px 5px;
	}
	
	label {
		margin-right: 5px;
		color: #37577c;
	}
	
	input, textarea {
		color: #999;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		border: 1px solid #ccc;	
	}
	
	input.submit {
		height: 23px;
		width: 100px;
		font-weight: bold;
	}
	
	textarea {
		width: 300px;
		height: 133px;
	}
	
	.clear {
		padding: 3px 0 0 0;
		clear: both;
	}
	
	.raquo {
		list-style-image: url( ../images/raquo.gif);
	}
	
	
	div#showcase {
		position: absolute;
		top: 60px;
		left: 0px;
		width: 100%;
		height: 324px;
		/*background: #000;*/
	}
	
	div#showcase div#overview {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 150px;
		height: 100%;
	}

	div#showcase div#spacer {
		position: absolute;
		top: 0px;
		left: 150px;
		width: 13px;
		height: 100%;
		background: url(../images/showcase-shadow-left.gif) no-repeat;
	}

	div#showcase div#casecontent {
		position: absolute;
		top: 0px;
		left: 163px;
		width: 371px;
		height: 100%;
		background: url(../images/showcase-shadow-top.gif) no-repeat;
	}
	
	div#showcase div#casecontent div#casewrapper {
		position: absolute;
		height: 300px;
		top: 30px;
		left: 15px;
		background: none;		
	}
	
	#resetButton {
		position: absolute;
		top: 70px;
	}
	
	dl#cases {
		position: absolute;
		width: 140px;
		margin: 36px 0 0 0;
		left: 0px;
	}
	
	dl#cases dt {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #37577c;
		padding: 4px 0 4px 15px;
		margin: 0 0 0 0;
		background: url(../images/showcase-casename-bg.gif) repeat-x;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	
	dl#cases dd {
		position: relative;
		
		left: 0px;
		margin: 0;
		padding: 0;
		background: url(../images/showcase-caselist-bg.gif) repeat-x;
	}

	.centre {
		text-align: center;
	}

		
	dt.casenameActive {
		cursor: none;
	}
	
	dt.casenameHover {
		cursor: pointer;
		background: #fff;
	}
	
	
	ul#sitelist, ul#graphicslist, #misclist {
		position: absolute;
		top: 10px;
		left: -20px;
	}
	
	ul#homelist {
		position: absolute;
		left: -20px;
		width: 100%;
	}
	
	ul#sitelist li {
		margin: 0 0 3px 0;
	}


	img#thumbnail {
		position: relative;
		border: 1px solid #ccc;
		padding: 2px;
		left: 10px;
	}
	
	div#introtext {
		left: 17px;
		width: 70%;
	}

	table#siteproperties {
		position: absolute;
		left: 10px;
		bottom: 3px;
		width: 325px;
		border: 1px solid #ccc;
	}
	

	table#siteproperties tr.headrow {
		font-weight: bold;
		color: #37577c;
	}
	
	table#siteproperties  a.online {
		color: green;
	}
	
	img.border {		
		border: 1px solid #ccc;
		padding: 2px;
		margin: 5px;
	}
	


	#caseLoader {
		position: relative;
		width: 360px;
		text-align: center;
		padding: 75px 0 0 0;
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
	}
	

	#slideshow {
		position: relative;
		width: 330px;
		margin-left: 15px;
	}
	
	#slideshow div.slideShowMenu {
		position: absolute;
		width: 100%;
		text-align: right;
	}
	
	#slideshow div.slideShowMenu ul {
		position: relative;
		margin: 0;
		padding: 0;
		display: inline;
	}
	
	#slideshow div.slideShowMenu ul li {
		display: inline;
		margin: 0 0 0 7px;
	}
	
	#slideshow div.slideName, #slideshow div.slideImage, #slideshow div.slideDescription {
		width: 100%;
	}
	
	#slideshow div.slideName {
		font-size: 11px;
		/*font-weight: bold;*/
		color: #37577c;
	}
	
	#slideshow div.slideImage {
		text-align: center;
		padding: 10px 0 10px 0;
	}
	
	#slideshow div.slideImage img {
		border: 1px solid #ccc;
		padding: 2px;	
	}
	
	#misccontent a.downloadButton {
		position: relative;
		float: left;
		display: block;		 
		height: 40px;
		width: 40px;
		margin: 3px 0 0 50px;
	}
	
	#misccontent a#winDownload {
		background: url(../images/download-win.gif) no-repeat;
	}
	
	#misccontent a#macDownload {
		background: url(../images/download-mac.gif) no-repeat;
	}	
	
	#misccontent a.downloadButton span {
		display: none;
	}