/* 

LAYOUT STYLE SHEET FOR [ATTIK DESIGNS]
Created by [ADRIAN CORCORAN]
[http://www.attikdesigns.ie]

*/

/* --------- 2. layout	--------- */
div.layout {
	width:100%;
}
div.wrapper {
	width:960px;
	margin:0 auto;
}
div#layout-top {
	background:#336c89;
	border-top:5px solid #5c89a1;
	height:69px;
	z-index:5050;
	border-bottom:1px solid #7198ad;
}
div#layout-banner {
	background:url(/mainpics/bgs/bg-layout-banner.jpg) 0 0 repeat-x;
	z-index:4050;
	height:280px;
}

div.category-list-home{
	margin-right:18px;}
div#layout-mid-homepage {
	background:#fff url(/mainpics/bgs/bg-layout-mid-homepage.jpg) 0 0 repeat-x;
	z-index:3050;
	height:200px;
	border-bottom:1px solid #e5e5e5;
}
div#layout-mid {
	background:url(/mainpics/bgs/bg-layout-mid.jpg) 0 0 repeat-x;
	height:60px;
	
}
div#layout-content-homepage {
	border-top:1px solid #fff;
	background:#fff url(/mainpics/bgs/bg-layout-content-homepage.jpg) 0 0 repeat-x;
	min-height:250px;
}
div#layout-content {
	background:#fff url(/mainpics/bgs/bg-layout-content.jpg) 0 bottom repeat-x;
	min-height:500px;
}
div#layout-footer-homepage {
	background:#16415d url(/mainpics/bgs/bg-layout-footer-homepage.jpg) 0 0 repeat-x;
	height:180px;
	padding-top:20px;
}
div#layout-footer {
	background:#16415d url(/mainpics/bgs/bg-layout-footer.jpg) 0 0 repeat-x;
	height:185px;
	padding-top:20px;
}
div#top {
		clear: both;
		}
div#logo {
		background:url(/mainpics/logo.jpg) 0 0 no-repeat;
		width:180px;
		height:100px;
		position:absolute;
		top:-5px;
		}
div#navContainer {
		clear: both;
		width:80%;
		float:right;
		}
div#layout-banner div.wrapper{
		padding-top:25px;
		background:url(/mainpics/bgs/bg-banner-shad.jpg) center bottom no-repeat;
		padding-bottom:26px;
}
div#banner {
		clear: both;
		background:#fff url(/mainpics/bgs/bg-banner-grad.jpg) 0 bottom repeat-x;
		height:280px;
		border:2px solid #fff;
1		padding:10px;
		}
div#banner div.left {
		width:900px;
		padding-left:30px;
		padding-top:20px;
		}
div#banner div.right {
		width:220px;
		border-left:1px solid #e5e5e5;
		margin-top:2px;
		}
div#layout-mid-homepage div.wrapper {
		padding-top:50px;
}
div#layout-mid div.wrapper {
		width:970px;
		height:60px;
		background:url(/mainpics/bgs/bg-breadcrumb-left.png) 0 bottom no-repeat;
}
div#layout-content div.wrapper {
		width:970px;
}
div.content {
		background:url(/mainpics/bgs/bg-content.png) 0 0 repeat-y;
		min-height:300px;
		padding:10px;
		padding-left:5px;
		min-height:500px;
}
div#layout-content-homepage div.content {
		clear: both;
		padding:10px;
		background:none;
		}
div#breadcrumb {
		width:700px;
		float:right;
}
div.contentLeft {
		clear: both;
		float: left;
		width: 240px;
		}
div.contentCentre {
		float: right;
		width:680px;
		padding:10px;
		}
div.content-bottom {
		height:165px;
		clear:both;
		padding:10px;
}
div#footer {
		clear: both;
		}
div#footer {
		clear: both;
		}
/*	----	*/
div.content:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}