/*	-------------------------------------------------------------
	Global declarations
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	*, body {
		margin: 0;
		padding: 0;
		}
		
	body {
		background-color: #19388A;
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align: center; /* IE5.x centering fix */
		}
		
/*	-------------------------------------------------------------
	Helpers
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	br.clear {
		line-height: 0;
		font-size: 0;
		height: 0;
		overflow: hidden;
		clear: both;
		}
		
	h2 span {
		display: block;
		text-indent: -9999em;
		font-size: 1px;
		}
		
/*	-------------------------------------------------------------
	Main container
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#container {
		width: 760px;
		margin: 0 auto;
		text-align: left;
		}
		
	#header {
		height: 57px;
		}
		
/*	-------------------------------------------------------------
	Logo
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	
	h1 {
		width: 112px;
		height: 35px;
		float: right;
		margin: 15px 0 0;
		background: url(../images/logo.gif);
		}
		
	h1 a {
		display: block;
		height: 35px;
		text-indent: -9999em;
		font-size:1px;
		}
		
/*	-------------------------------------------------------------
	Sections
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	
	#sections ul {
		list-style-type: none;
		}
		
	#sections ul li {
		float: left;
		width: 181px;
		height: 55px;
		margin: 0 12px 12px 0;
		background-color: #FFFFFF;
		}
		
	#sections ul li.last {
		margin-right: 0;
		}
		
	#sections ul li a {
		display: block;
		height: 55px;		
		text-indent:-9999px;
		outline:0;
		}
		
	#sections ul li#sustainability { height: 189px; }
	#sections ul li#sustainability a { height: 189px; }
	#sections ul li#brick-selector { height: 122px; }
	#sections ul li#brick-selector a { height: 122px; }
	
		
	li#sustainability { background: url(../images/new-sections/sustainability.jpg); }
	li#brick-selector { background: url(../images/new-sections/brick-selector-big.jpg); }
	li#slip-selector { background: url(../images/new-sections/thin-brick-selector.jpg); }
	/*li#slip-selector { background: url(../images/new-sections/brickslip.gif); }*/
	li#order-samples { background: url(../images/new-sections/order-samples.jpg); }
	li#literature { background: url(../images/new-sections/literature.jpg); }
	li#design-info { background: url(../images/new-sections/design-tech-info.jpg); }
	li#dis-forum { background: url(../images/new-sections/discussion-forum.jpg); }
	li#eco-bricks { background: url(../images/new-sections/Ecoterre-Earth-Brick-box.jpg); }
	li#cladding { background: url(../images/new-sections/rain-screen-cladding.jpg); }
	li#riba-awards { background: url(../images/new-sections/riba-awards.jpg); }
	li#see-us { background: url(../images/new-sections/see-us.jpg); }
	li#work { background: url(../images/new-sections/work-for-ibstock.jpg); }
	li#clay-blocks { background: url(../images/new-sections/clay-blocks.jpg); }
	li#glazed { background: url(../images/new-sections/glazed-bricks.jpg); }
	li#health { background: url(../images/new-sections/health-and-safety.jpg); }
	li#pre-assembled { background: url(../images/new-sections/pre-assembled.jpg); }
	li#calculator { background: url(../images/new-sections/brick-morter-selector.jpg); }
	li#handmade { background: url(../images/new-sections/handmade-bricks.jpg); }
	li#tile-hanging { background: url(../images/new-sections/tile-hanging.jpg); }
	li#design-guide { background: url(../images/new-sections/design-guide.jpg); }
	li#umbra { background: url(../images/new-sections/umbra.jpg); }
	li#linear { background: url(../images/new-sections/linear.jpg); }
	li#sustainability2 { background: url(../images/new-sections/sustainability2.jpg); }
	li#bricktiles { background: url(../images/new-sections/bricktiles.jpg); }
	li#brickshield { background: url(../images/new-sections/brickshield.jpg); }
		
/*	-------------------------------------------------------------
	Forms
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#forms {
		height: 144px;
		margin: 20px 0 12px;
		}
	
	#mailing, #login {
		width: 374px;
		height: 144px;
		float: left;
		background: url(../images/layout/mailingBG.gif);
		}
		
	#mailing form, #login form {
		padding: 0 15px;
		}
		

	#mailing p, #login p {
		padding: 0 15px 8px;
		}
		
	#mailing {
		margin: 0 12px 0 0;
		}
		
	#mailing h2 {
		width: 105px;
		height: 15px;
		margin: 15px 15px 5px;
		background: url(../images/headings/mailing.gif);
		}
		
	#login h2 {
		width: 187px;
		height: 15px;
		margin: 15px 15px 5px;
		background: url(../images/headings/register.gif);
		}
		
	input {
		font-size: 10px;
		}
		
	.inputbox {
		width: 234px;
		height: 16px;
		margin-bottom: 7px;
		border: 1px solid #ffffff;
		background-color: #D8E3FF;
		float: left;
		display: inline;
		color: #666666;
		}
		
	.mailinglistbutton, .registerbutton{
		float:left;
		display:inline;
		margin-left:7px;
	}
	
/*	-------------------------------------------------------------
	News headings
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#tickertape {
		line-height: 26px;
		background-color:#2E54B7;
		margin: 0 0 12px;
		font-size:12px;
		height: 50px;
	}
	
	#tickertape{
		padding:0 0 0 10px;
	}	

/*	-------------------------------------------------------------
	News
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#news {
		height: auto !important;
		height: 0;
		background: url(../images/layout/newsBG.gif) repeat-y;
		}
		
	#latest, #product {
		float: left;
		width: 374px;
		}
		
	#latest {
		margin-right: 12px;
		}
		
/*	-------------------------------------------------------------
	News headings
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#latest h2 {
		width: 374px;
		height: 32px;
		background: url(../images/headings/latest-news.gif);
		}
		
	#product h2 {
		width: 374px;
		height: 32px;
		background: url(../images/headings/product-news.gif);
		}		
		
	h3 {
		margin: 5px 0;
		font-size: 11px;
		}
		
/*	-------------------------------------------------------------
	General
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	a {
		color: #E0C71B;
		text-decoration: none;
		}
		
	p {
		padding: 0 0 15px 0;
		text-align:justify;
		}
		
	.brick{
		float:right;
		margin:0 0 5px 10px;
	}
	
	div.greyLine {
		background-image: url(../../images/home/line.gif) repeat-x;
		height: 10px;
		display: block;
		}
		
/*	-------------------------------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
	#footer {
		height: 21px;
		line-height: 21px;
		margin: 12px 0 0;
		color: #ACAFB7;
		font-size: 10px;
		background-color: #2E4A95;
		}
		
	#footer p {
		line-height: 21px;
		margin: 0;
		padding: 0;
		text-align: center;
		}
		
	#footer a {
		color: #A1E070;
		text-decoration: none;
		}
		
	#iWeb i {
		display:none;
		}

		
	/**
	* clearfix
	*/
	.clearfix:after {
	   content:".";
	   display:block;
	   height:0;
	   clear:both;
	   visibility:hidden;
	}
	.clearfix { display:inline-block; }
	/* Hide from IE Mac \*/
	.clearfix { display:block; }
	/* End hide from IE Mac */