/* 

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

*/

/* --------- 7. classes  --------- */

/* float-clearing rules */
.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}		
/* font colours */
.errorRed {
		color: #c80000;
		}
.messageGreen {
		color: #00c800;
		}
.lightGreen {
	color: #7ebf41;
}
.brown {
	color: #b97b2a;
}
.darkGreen {
	color: #1f552a;
}
/* type classes */
span.big {
	font-size:1.2em;
}
span.hidden{
	display:none;
}
span.bigNote {
	font-size:1.5em;
	color: #7ebf41;
	text-align:center;
	display:block;
}
span.note {
	font-size:1.1em;
	color:#b97b2a;
	text-align:center;
	display:block;
}
span.smallNote {
	font-size:0.75em;
	color:#b97b2a;
	font-weight:normal;
}
h3.loopsHeading {
	display:block;
	clear:both;
	margin-bottom:5px;
	margin-top:10px;
	font-size:1.6em;
	color: #7ebf41;
1	font-weight:bold;
}
/* rounded corners */
.round-5 {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}
/*	general	*/
.hideInIE6 {
		display: block;
		height: 1%;	
		}
.showInIE6 {
		display: none;
		height: 1%;	
		}
/*	javascript slidecontainers	*/

div.slideContainer * {
1		border: 1px solid #f00;
}
div.slideContainer {
	clear:both;
	width:100%;
}
div.slideContainer a.more {
	background:none;
}
div.slideContainer a.more:hover {
}
div.slideContainer div.slide {
		clear:both;
		padding-bottom: 20px;
		width:90%;
		float:left;
		padding:0 10px 10px;
		background: #fff;
		border:1px solid #ccc;
}
div.slideContainer div.slide p {
		color: #444;
		font-size: 1.3em;
		line-height:2em;
}
div.slide a.less {
		font-size:1.3em;
		float:right;
		text-align:right;
		color: #ce720f;
}
div.slideContainer div.slide a:hover {
		color: #67beeb;
}
div.slideContainer div.slide:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}		
/*	classes for smelly IE6*/
div.contentCenter div.notForIE6 {
		display: block;
		}
div.contentCenter div.forIE6 {
		display: none;
		}
/*	javascript fade show*/
div#fadeshow3 {
}
div.fadeshowBanner {
		width:450px;
		height:150px;
		}
div.fadeshow {
		width:300px;
		height:200px;
		border: 2px solid #ccc;
		background: #fff;
		padding: 10px;
		z-index:2;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-border-radius:10px;
	
}