body {
	background: #FFF;
	margin: 0;
    font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.6em;
	color: #666;
	height: 100%;
	
}
	
a{
	text-decoration: none;
	outline: none;
	color:#666;
}
	a:hover{
	color:#111;
	text-decoration: none;
	
	
	
}	
#navigation{
	  		left:30px;
	        top:100px;
			position:absoulute;
			background: url('') no-repeat;
			float: left;
			margin:0px 0px 0 0;
			position: absolute;
          
		}
		#loading {
	position: absolute;
	top: 49.5%;
	left: 49.5%;
	z-index: 3;
	width: 16px;
	height: 16px;
	text-indent: -999em;
	background-image: url(http://www.itswhite.co.uk/Images/progress.gif);
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
		
		
	*html #gallery span {

	display:none;
} 



	#Header {
	position:absolute;
	left:30px;
	top:25px;
	width:800px;
	height:200px;
	z-index:4;
	list-style: none;
}

h1 {
	font-family: Arial, sans-serif;
	margin-bottom: 15px;
	color: #444;
}


.colSmall, .colMed {
	float: left;
	margin-right: 22px;
}	

.colSmall { width: 90px; }

.colMed { width: 200px; }

.end { margin-right: 0px; }





*{
		/*Supersized arrows*/
		}
		#content{
			margin:0px auto;
			height:100px;
			width:100%;
			bottom:5%;
			z-index: 3;
			position:absolute;
			
	
		}
		#contentframe{
			overflow: hidden;
			z-index: 3;
			
		}
		#slidecounter{
			float:left;
			color:#4F4F4F;
			font:50px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:18px 20px;
				
		}
		#slidecaption{
			overflow: hidden;
			float:left;
			color:#FFF;
			font:26px "Helvetica Neue", Arial, sans-serif;
			font-weight:bold;
			margin:33px 0;
		}