/* 

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

*/

/* --------- 2. layout	--------- */

div.wrapper {
		width: 906px;
		margin: 0 auto;
1		border: 1px solid #f00;
		}
div.layout {
		clear: both;
1		border: 1px solid #0f0;
		}
div#layoutTop {
		background: #ece5db url(/mainpics/bg_body.jpg) center top repeat-y;
1		border: 1px solid #f00;
		}
div#layoutContent {
		background: #ece5db url(/mainpics/bg_body.jpg) center top repeat-y;
		}
div#layoutMid {
		}
div#layoutMid_1 {
1	border:1px solid #00f;
}
div#layoutBottom {
		}
div.contentLeft {
		}
div.contentRight {
		}
div.content {
		}
/* --------- backgrounds	--------- */

/*--	body bg 	--	*/
div#layoutContent div.wrapperCurves, 
div#layoutTop div.wrapperCurves {
1		width: 1054px;
		margin: 0 auto;
		height: 1px;
1		display: none;
		}
div#layoutContent div.curves, 
div#layoutTop div.curves {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 220px;
1		display: none;
		}
div#layoutTop div.curve01 {		background: url(/mainpics/bg_curves/curves_01_top.jpg) center top no-repeat;	}
div#layoutContent div.curve01 {	background: url(/mainpics/bg_curves/curves_01_bottom.jpg) center top no-repeat;	}
div#layoutTop div.curve02 {		background: url(/mainpics/bg_curves/curves_02_top.jpg) center top no-repeat;	}
div#layoutContent div.curve02 {	background: url(/mainpics/bg_curves/curves_02_bottom.jpg) center top no-repeat;	}
/*--	top	--	*/
div#wrapperTop {
		height: 114px;
		}
/*--	content --	*/
div#wrapperContent {
		padding: 20px 0;
		}
div#ajaxMainContentArea {
		min-height: 500px;
		}
div#ajaxMainContentArea.portfolio {
1		border:1px solid #00f;
		min-height: 250px;
		padding-bottom:50px;
		}
div#ajaxMainContentArea.noSidebarRight	{
1	border:1px solid #00f;
	width:75%;
	float:right;
}
/* -----------	portfolio page ----------------*/

div#wrapperMid.portfolio {
1		border:1px solid #00f;
1		min-height: 250px;
		}
div#imageRotatorPortfolio {
1		border:1px solid #0f0;
		width:450px;
		float:left;
		height:360px;
}
div.textPortfolio {
1		border:1px solid #f00;
		width:400px;
		float:right;
		}
div#fadeshow1 {
1	border: 3px solid #000;
1	margin-top:0px;
}

div#portfolioClientList {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
1	border:1px solid #f00;
	background:url(/mainpics/sqs/sqWhite30.png);
	border: 1px solid #e3e0d9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	padding:10px;
	z-index:3000;
}
div#portfolioClientList.on {
	background:url(/mainpics/sqs/sqWhite90.png);
}
div#portfolioClientList p{
	display:block;
	clear:both;
	color: #574d38;
}
div#portfolioClientList p a{
	color: #574d38;
}
div#portfolioClientList p#title{
	font-size:1.6em;
}
div#portfolioClientList div#clientListLinks {
	display:block;
	clear:both;
	width:100%;
1	border: 1px solid #00f;
}
div#portfolioClientList div#clientListLinks div.panel {
	display:block;
	float:left;
	width:19%;
1	border:1px solid #f00;
}
div#portfolioClientList div#clientListLinks div.panel p {
	font-size:1.2em;
}
div#portfolioClientList div#clientListLinks div.panel a {
	display:block;
	clear:both;
	margin-bottom:0.5em;
}
div#portfolioClientList div#clientListLinks div.panel a:hover {
	color: #c80000;
}
div#wrapperContent * {
1		border: 1px solid #ccc;
		}
		
/*--	testimonials page--	*/
div#wrapperContent div.testimonials {
	margin:10px 0;
	border-top: 1px solid #e3e0d9;
	padding-top:10px;
}
div#wrapperContent div.testimonials.slideContainer {
	margin:10px 0;
}
div#wrapperContent div.testimonials.slideContainer div.slide {
	display:none;
	margin:10px 0;
}
div#wrapperContent div.testimonials.slideContainer div.sliderBottom {
	display:block;
	clear:both;
	width:100%;
	height:1px;
}
div#wrapperContent div.testimonials div.links {
	clear: both;
}



	/*--	sidebars --	*/
	div#wrapperContent div.sidebar {
			width: 160px;
			margin: 0 10px;
			padding: 0 10px;
			}
		/*--	sidebar left --	*/
		div#wrapperContent div.sidebar.left {
				float: left;
				background: url(/mainpics/bg_sidebar_border.jpg) right 0 repeat-y;
1				border-right: 1px dashed #bbb;
				margin-left: 0;
				margin-right: 20px;
				padding-left: 0;
				padding-right: 20px;
				}
		/*--	sidebar right --	*/
		div#wrapperContent div.sidebar.right {
				float: left;
				background: url(/mainpics/bg_sidebar_border.jpg) left 0 repeat-y;
1				border-left: 1px dashed #bbb;
			margin-top:10px;
				margin-right: 0;
				margin-left: 20px;
				padding-right: 0;
				padding-left: 20px;
				}
	/*--	center --	*/
	div#wrapperContent div.content.center {
			float: left;
			width: 500px;
			}
	div#wrapperContent div.content.center.col2 {
			width: 700px;
			}
	div#wrapperContent div.content.center.col3 {
			width: 900px;
			}
/*--	mid	--	*/
div#wrapperMid {
		padding: 20px 0;
	}
div.layout.bg_01 {
		background: #ded9d0 url(/mainpics/bg_mid.jpg) center top repeat-y;
		}
div.layout.bg_01 div.borderTop {
		position: absolute;
		left: 0;
		top: 0;
		background: url(/mainpics/bg_mid_bar_top.jpg) 0 top repeat-x;
		width: 100%;
		height: 2px;
		}
div.layout.bg_02 {
			background: #b1aea6 url(/mainpics/bg_grey.jpg) center top repeat-y;
		}
/*--	bottom --	*/
div#layoutBottom div.borderTop {
		position: absolute;
		left: 0;
		top: 0;
		background: url(/mainpics/bg_footer_top.jpg) 0 top repeat-x;
		width: 100%;
		height: 2px;
		}