/* 

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

*/

/* --------- 8. panels  --------- */

/*--	top	--	*/
div#wrapperTop {
	}
	/*--	login --	*/
	div#wrapperTop div#login * {
1	border: 1px solid #f00;
		}
	div#wrapperTop div#loginClosed {
1	border: 1px solid #f00;
		width:160px;
		}
	div#wrapperTop div#login {
		width:401px;
		z-index:3000;
		position:absolute;
		top:-60px;
1		top:0px;
		left:0;
		}
	div#wrapperTop div#login * {
1		border: 1px solid #ccc;
		}
	div#login p#errors {
		position: absolute;
		left: 0;
		top: 35px;
1		border: 1px solid #c80000;
		width: 100%;
		height: 20px;
		font-size:1em;
		color: #c80000;
		float:left;
		text-align:center;
1		margin-top: 10px;
		z-index: 4000;
	}
	div#login div#loginOpenTop {
		padding-top:10px;
		background: url(/mainpics/panels/login/open_grad_small.png) 0 bottom repeat-x;
1		background: url(/mainpics/sqs/cream-40.png) 0 0 repeat;		
		min-height:35px;
	}
	div#login div#loginOpenBottom {
		background:url(/mainpics/panels/login/open_bg_bottom.png) 0 0 no-repeat;
		height:45px;
		z-index:3001;
	}
	div#login div#loginOpenBottom p {
		font-size:1.4em;
		color: #fff;
		float:left;
		width:160px;
		text-align:center;
		margin-top: 10px;
	}
	div#login div#loginOpenBottom p a {
		color: #777570;
	}
	div#login div#loginOpenBottom p a:hover {
		color: #f3f2ef;
	}
	div#login div#loginOpenBottom p a#close {
1		display:none;
	}
	/*--	quick nav TOP --	*/
	
	div#wrapperTop div#quicknav {
1	border: 1px solid #f00;
	
		}
	div#wrapperTop div#loginClosed {
1	border: 1px solid #f00;
		width:160px;
		}
	div#wrapperTop div#quicknav {
		width:401px;
		z-index:3000;
		position:absolute;
		top:-200px;
		right:0px;
		}
	div#quicknav div#quicknavOpenTop {
		padding-top:10px;
		background: url(/mainpics/panels/login/open_grad_small.png) 0 bottom repeat-x;
		background: url(/mainpics/sqs/cream-40.png) 0 0 repeat;		
		min-height:35px;
	}
	div#quicknav div#quicknavOpenBottom {
		background:url(/mainpics/panels/login/open_bg_bottom.png) 0 0 no-repeat;
		height:45px;
		z-index:3001;
	}
	div#quicknav div#quicknavOpenBottom p {
		font-size:1.4em;
		color: #fff;
		float:left;
		width:160px;
		text-align:center;
		margin-top: 10px;
	}
	div#quicknav div#quicknavOpenBottom p a {
		color: #777570;
	}
	div#quicknav div#quicknavOpenBottom p a:hover {
		color: #f3f2ef;
	}
	div#quicknav div#quicknavOpenBottom p a#close {
1		display:none;
	}
	/*--	logo --	*/
	div#wrapperTop div#logo {
		position: absolute;
		left: 309px;
		top: 24px;
		width: 284px;
		height: 36px;
		}
	/*--	tweety --	*/
	div#tweety {
1	border:1px solid #00f;
		background:url(/mainpics/icons/twitter.png) 0 0 no-repeat;
		width:69px;
		height:69px;
		position:absolute;
		right:0;
		top:-40px;
		z-index:5600;
		}
/*	div#tweety div.slide {
		display:none;
1		border:1px solid #f00;
		background: url(/mainpics/sqs/sqWhite90.png) 0 0 repeat;
		width:220px;
		color: #000;
		top:-15px;
		right:180px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border:1px solid #b40000;
		border:1px solid #d4a4a5;
		}
*/	
	div#tweety div.slide {
		display:none;
1		border:1px solid #f00;
		background: url(/mainpics/sqs/sqWhite90.png) 0 0 repeat;
		width:220px;
		color: #000;
		top:-15px;
		right:180px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		border:1px solid #b40000;
		border:1px solid #d4a4a5;
		}
	div#tweety a {
		}
	div#tweety a.twitterLink {
		display:block;
		width:80px;
		height:80px;
		}
	/*--	tag --	*/
	div#wrapperTop div#tag {
		position: absolute;
		right: 10px;
		top: 25px;
		width: 284px;
		height: 40px;
	1	border: 1px solid #ccc;
		}
	div#wrapperTop div#tag p {
		font-size: 1.3em;
		font-weight: bold;
		color: #a59985;
		line-height: 40px;
		letter-spacing: 0.1em;
		text-align: right;
		}
	/*--	nav	--	*/
	div#wrapperTop div#navContainer {
		position: absolute;
		left: 0px;
		top: 69px;
		width: 906px;
		height: 46px;
		}
	div#wrapperTop div#navContainer div.left {
		float: left;
		width: 20px;
		height: 46px;
		background: url(/mainpics/menu/bar_left.png) 0 0 no-repeat;
		}
	div#wrapperTop div#navContainer div.mid {
		float: left;
		width: 865px;
		height: 46px;
		background: url(/mainpics/menu/bar_mid.png) 0 0 repeat-x;
		}
	div#wrapperTop div#navContainer div.right {
		float: left;
		width: 20px;
		height: 46px;
		background: url(/mainpics/menu/bar_right.png) 0 0 no-repeat;
		}
/*--	contentLeft --
div.contentLeft div.col1 {
	}
/*--	contentRight --
div.contentRight div.col1 {
	}
/*--	content --	*/
div#wrapperContent {
	}
	/*--	banners --	*/
	div#wrapperContent div.bannerItem {
		float: left;
		margin: 0 auto;
		width: 900px;
		height: 300px;
		padding-top: 5px;
		}
	div#wrapperContent div.bannerItem * {
1		border: 1px solid #ccc;
		}
	div#wrapperContent div.bannerItem div.left {
1		border: 1px solid #ccc;
		float: left;
		width: 250px;
		padding: 10px;
		height: 300px;
		text-align:center;
		}
	div#wrapperContent div.bannerItem div.right {
		float: left;
		width: 600px;
		height: 300px;
		}
	div#wrapperContent div.bannerItem h1 {
		margin-top: 5px;
		margin-bottom: 0.2em;
		font-size: 3em;
		color: #b40000;
		line-height: 1.2em;
		}
	div#wrapperContent div.bannerItem p {
		margin-bottom: 0.2em;
		font-size: 2em;
		color: #4c4334;
		line-height: 1.6em;
		}
	div#wrapperContent div.bannerItem p a.more {
1		border: 1px solid #f00;
		position: relative;
		display: block;
1		margin-left: 250px;
		float:right;
		margin-right:50px;
		height: 47px;
		background: url(/mainpics/buttons/banner_learn_more.png) right top no-repeat;
		}
	div#wrapperContent div.bannerItem p a.more:hover {
		background: url(/mainpics/buttons/banner_learn_more_over.png) right top no-repeat;
		}
	div#wrapperContent div.bannerItem p a.more span {
	visibility: hidden;
		}
	/*--	sidebars --	*/
	div#wrapperContent div.sidebar {
			}
	div#wrapperContent div.sidebar div.panel {
		margin-bottom:20px;
		
			}
	div#wrapperContent div.sidebar div.panel.menu {
			}
	div#wrapperContent div.sidebar div.panel.menu * {
1			border: 1px solid #ccc;
			}
	div#wrapperContent div.sidebar div.panel.menu a {
			display: block;
			padding: 7px;
			margin: 0 0 0.2em;
			font-size: 1.2em;
			line-height: 1.4em;
			}
	div#wrapperContent div.sidebar div.panel.menu a:hover {
			background: #f6f3ee;
			}
	div#wrapperContent div.sidebar div.panel.menu a:active {
			border: none;
			}
	div#wrapperContent div.sidebar div.panel.menu a.on {
			background: #f6f3ee;
			border: 1px solid #e6e2d7;
			border-bottom: 2px solid #e6e2d7;
			}
	div#wrapperContent div.sidebar div.panel.menu a img.menuImg {
1			border:1px solid #f00;
			display:inline-block;
			float:left;
			margin-right:25px;
			border: 1px solid #ccc;
			}

	div#wrapperContent div.sidebar div.panel.menu a.titleLink {
			display: inline;
			padding: 0px;
			margin:0;
			font-size: 1em;
			line-height: 1em;
			color: #b40000;
			}
	div#wrapperContent div.sidebar div.panel.menu a.titleLink:hover {
			background: none;
			}
	div#wrapperContent div.sidebar div.panel.menu a.titleLink:active {
			border: none;
			}

	div#wrapperContent div.sidebar div.panel div#testimonials {
1		border:1px solid #f00;
	}
	div#wrapperContent div.sidebar div.panel div#testimonials p.text{
1		border:1px solid #f00;
		
	}
	div#wrapperContent div.sidebar div.panel div#testimonials p.customer {
1		border:1px solid #f00;
		color: #b40000;
		display:block;
1		float:right;
		text-align:right;
	}

		/*--	sidebar left --	*/
		div#wrapperContent div.sidebar.left {
				}
		/*--	sidebar right --	*/
		div#wrapperContent div.sidebar.right {
				}
		/*--	sidebar right CONTACT DETAILS FROM TEXT SNIPPETS --	*/
		div#wrapperContent div.sidebar.right .postal h3{
			margin-top:30px;
			color:4c4334;
			font-size:1.3em;
				}
		div.sidebar.right div.postal {
			clear: left;
			}
		div.sidebar.right p#contactInfoFirst strong {
			font-weight: normal;
			display: block;
			}
		div.sidebar.right p#contactInfoFirst strong#first {
			color:#b40000;
			}
		div.sidebar.right p#contactInfoFirst span {
			display: block;
			}
		div.sidebar.right p a {
1			color: #ddd3af;
			}
		div.sidebar.right p a:hover {
			text-decoration:underline;
			}
		div.sidebar.right p#contactInfoSecond span {
			display: block;
			}
		div.sidebar.right p#contactInfoSecond span.hidden {
			display: none;
			}
			
		/*--	sidebar right GOOGLE MAP IFRAME --	*/
		div#wrapperContent div.sidebar.right div#googleMapsmall{
			margin:30px auto;
				}
		div#googleMapsmall iframe {
			border: 2px solid #ccc;
				}

/*--	mid	--*/
	/*--	midPanel panels	--*/
	div#wrapperMid div.midPanel div.imgLeft {
1		border:1px solid #f00;
		float:left;
1		width:54%;
	}
	div#wrapperMid div.midPanel div.textRight {
1		border:1px solid #f00;
		float:right;
1		width:54%;
	}
	div#wrapperMid div.midPanel div.textRight {
1		border:1px solid #f00;
		float:right;
1		width:54%;
	}
	div#wrapperMid div.midPanel {
		float: left;
		}
	div#wrapperMid div.midPanel h3 {
		margin-bottom: 0.5em;
		font-size: 1.6em;
		color: #b40000;
		}
	div#wrapperMid div.midPanel h4 {
		font-size: 1.3em;
1		color: #666;
		color: #b40000;
		font-weight:bold;
1		text-align:right;
		margin-right:20px;
		}
	div#wrapperMid div.midPanel h3.newsHeadline a {
		margin-bottom: 0.5em;
		font-size: .8em;
		color: #666;
		font-weight:bold;
		}
	div#wrapperMid div.midPanel h3.newsDate {
		margin-bottom: 0.5em;
		font-size: 1.3em;
		color: #666;
		text-align:right;
		}
	div#wrapperMid div.midPanel p {
		margin-bottom: 1em;
		color: #4c4334;
		}
	div#wrapperMid div.midPanel img {
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;
		}

	div#wrapperMid div.midPanel div#testimonials {
		padding:0;
	}

	div#wrapperMid div.midPanel a.more {
		display: block;
		background: url(../mainpics/icons/arrow_red_right.png) right 0 no-repeat;
		height: 29px;
		margin-right: 5px;
		padding-right: 29px;
		font-size: 1.6em;
		text-align: right;
		color: #c80000;
		line-height: 23px;
		text-decoration: none;
		}
	div#wrapperMid div.midPanel a.more:hover {
		margin-right: 0;
		padding-right: 34px;
		text-decoration: underline;
		}
		/*--	hovering	--*/
		div#wrapperMid div.hovering span.bottom, 
		div#wrapperMid div.hovering span.top {
			display: none;			
			}
		div#wrapperMid div.hovering {
			margin: 0 10px;
			padding-bottom: 13px;
			}
		div#wrapperMid div.hovering p.end {
			background: url(/mainpics/effects/shadow_main.png) center bottom no-repeat;
			padding-bottom: 30px;
			margin-bottom: -10px;
			}
			/*--	col 1	--*/
			div#wrapperMid div.col1.hovering {
				width: 200px;
				background: url(/mainpics/effects/shadow_small.png) 140px bottom no-repeat;
				}
			/*--	col 2	--*/
			div#wrapperMid div.col2.hovering {
				width: 420px;
				background: url(/mainpics/effects/shadow_small.png) 360px bottom no-repeat;
				}
			/*--	col 3	--*/
			div#wrapperMid div.col3.hovering {
				width: 640px;
				background: url(/mainpics/effects/shadow_small.png) 580px bottom no-repeat;
				}
			/*--	col 3	--*/
			div#wrapperMid div.col3.hovering {
				width: 860px;
				background: url(/mainpics/effects/shadow_small.png) 800px bottom no-repeat;
				}
		/*--	panel	--*/
		div#wrapperMid div.panel {
			padding: 0 15px;
			margin: 0 2px;
			}
		div#wrapperMid div.panel span.top {
			display: block;
			margin-top: -12px;
			margin-left: -15px;
			height: 12px;
			}
		div#wrapperMid div.panel span.bottom {
			display: block;
			clear: both;
			margin-bottom: -13px;
			margin-left: -15px;
			height: 13px;
			}
			/*--	col1	--*/
			div#wrapperMid div.col1.panel {
				background: url(/mainpics/panels/bg_1col_mid.png) center 12px repeat-y;
				width: 192px;
				}
			div#wrapperMid div.col1.panel span.top {
				width: 222px;
				background: url(/mainpics/panels/bg_1col_top.png) center 0 no-repeat;
				}
			div#wrapperMid div.col1.panel span.bottom {
				width: 222px;
				background: url(/mainpics/panels/bg_1col_bottom.png) center 0 no-repeat;
				}
			/*--	col2 --*/
			div#wrapperMid div.col2.panel {
				background: url(/mainpics/panels/bg_2col_mid.png) center 12px repeat-y;
				width: 414px;
				}
			div#wrapperMid div.col2.panel span.top {
				width: 444px;
				background: url(/mainpics/panels/bg_2col_top.png) center 0 no-repeat;
				}
			div#wrapperMid div.col2.panel span.bottom {
				width: 444px;
				background: url(/mainpics/panels/bg_2col_bottom.png) center 0 no-repeat;
				}
			/*--	col3 --*/
			div#wrapperMid div.col3.panel {
				background: url(/mainpics/panels/bg_3col_mid.png) center 12px repeat-y;
				width: 636px;
				}
			div#wrapperMid div.col3.panel span.top {
				width: 666px;
				background: url(/mainpics/panels/bg_3col_top.png) center 0 no-repeat;
				}
			div#wrapperMid div.col3.panel span.bottom {
				width: 666px;
				background: url(/mainpics/panels/bg_3col_bottom.png) center 0 no-repeat;
				}
			/*--	col4 --*/
			div#wrapperMid div.col4.panel {
				background: url(/mainpics/panels/bg_4col_mid.png) center 12px repeat-y;
				width: 858px;
				}
			div#wrapperMid div.col4.panel span.top {
				width: 888px;
				background: url(/mainpics/panels/bg_4col_top.png) center 0 no-repeat;
				}
			div#wrapperMid div.col4.panel span.bottom {
				width: 888px;
				background: url(/mainpics/panels/bg_4col_bottom.png) center 0 no-repeat;
				}
	/*--	grey bar	--*/
	div#wrapperMid div.greyBar {
		padding: 0;
1		border: 1px solid #000;
		min-height: 55px;
		}
	div#wrapperMid div.greyBar * {
1		border: 1px solid #000;
		}
	div#wrapperMid div.greyBar h3 {
		float: left;
		width: 180px;
		margin-right: 20px;
		font-size: 1.6em;
		color: #eee;
		line-height: 55px;
		}
	div#wrapperMid div.greyBar img {
1		display: block;
1		float: left;
1		margin-right: 20px;
		}
	div#wrapperMid div.greyBar div.container  {
		display: block;
		float: left;
		width: 700px;
		margin-bottom: -20px;
		}
	div#wrapperMid div.greyBar a {
		display: block;
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		line-height: 55px;
		font-size: 1.8em;
		color: #666;
		text-decoration: none;
		letter-spacing: -0.2px;
		}
	div#wrapperMid div.greyBar a:hover {
		color: #fff;
		}
	div#wrapperMid div#ourClients div.client {
		display: block;
		float: left;
		width: 160px;
		text-align: center;
		}
/*--	bottom --	*/
div#wrapperBottom {
	padding-top: 20px;
	font-family:Verdana, Geneva, sans-serif;
	}
div#wrapperBottom h3 {
	font-size: 1.3em;
	color: #947818;
	margin-bottom: 0.3em;
	}
div#wrapperBottom p {
	font-size: 1.2em;
	color: #998b5c;
	margin-bottom: 0.5em;
	}
div#wrapperBottom p a {
	color: #998b5c;
	color: #bcaf84;
	text-decoration: none;
	}
div#wrapperBottom p a:hover {
	color: #ddd3af;
	text-decoration: underline;
	}
	/*--	quick nav --	*/
	div#wrapperBottom div#quickNav {
		clear: left;
		float: left;
		width: 100%;
		background: url(/mainpics/bg_footer_div_h.jpg) 0 bottom repeat-x;
		padding-bottom: 20px;
		margin-bottom: 20px;
		}
	div#wrapperBottom div#quickNav h1 {
		font-size: 1.6em;
		margin-bottom: 10px;
		color: #947818;
		}
	div#wrapperBottom div#quickNav h1 span.explanNote {
		font-size:0.7em;
	color: #998b5c;
	}
	div#wrapperBottom div#quickNav div.panel {
		float: left;
		width: 150px;
		padding-right: 10px;
		margin-right: 10px;
		}
	div#wrapperBottom div#quickNav.portfolio div.panel{
1		border:1px solid #f00;
		width: 160px;
		padding-right: 10px;
		margin-right: 10px;
		}
	div#wrapperBottom div#quickNav div.panel h1 {
		font-size: 1.6em;
		margin-bottom: 10px;
	color: #947818;
		}
	div#wrapperBottom div#quickNav div.panel h3 {
		font-size: 1.1em;
		margin-bottom: 0;
		}
	div#wrapperBottom div#quickNav div.panel p {
		font-size: 1.1em;
		}
	div#wrapperBottom div#quickNav div.panel a {
		display: block;
		}
	/*--	contact --	*/
	div#wrapperBottom div#contact {
		clear: left;
		float: left;
		width: 250px;
		}
	div#wrapperBottom div#contact p#contactInfoFirst strong {
		font-weight: normal;
		display: block;
		}
	div#wrapperBottom div#contact p#contactInfoFirst span {
		display: block;
		}
	div#wrapperBottom div#contact p a {
		color: #ddd3af;
		}
	div#wrapperBottom div#contact p#contactInfoSecond span {
		display: block;
		}
	div#wrapperBottom div#contact p#contactInfoSecond span.hidden {
		display: inline;
		}
	/*--	feedback --	*/
	div#wrapperBottom div#feedback {
		float: left;
		width: 330px;
		background: url(/mainpics/bg_footer_div.jpg) 0 0 repeat-y;
		padding-left: 20px;
		}
	/*--	legal --	*/
	div#wrapperBottom div#legal {
		float: left;
		width: 230px;
		background: url(/mainpics/bg_footer_div.jpg) 0 0 repeat-y;
		padding-left: 20px;
		}
	div#wrapperBottom div#legal p#copyright {
		font-size: 1em;
		color: #947818;
		}
	div#wrapperBottom div#legal a {
		display: block;
		}