/* The Insight Shed */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clearer {
	clear: both;
	width: 99%;
	height: 1px;
}

/*******************************************************************************************/

html, body {
	width: 100%;
	height: 100%;	
	font-family: Arial, Helvetica, sans-serif;
}

#nav-outer {
	width: 100%;
	height: 65px;
	background: #FFFFFF url(/images/site/nav-outer-bg.jpg) center top no-repeat;
}

#banners-outer {
	width: 100%;
	height: 598px;
	background: #FFFFFF url(/images/site/banners-outer-bg.jpg) center top no-repeat;	
}
	
#info-outer {
	width: 100%;
	background: #FFFFFF url(/images/site/info-outer-bg.jpg) center top repeat-y;		
}

#featured-outer {
	width: 100%;
	height: 260px;
	background: #FFFFFF url(/images/site/banners-outer-bg.jpg) center -220px no-repeat;		
}

#testimonials-outer {
	width: 100%;
	background: #FFFFFF url(/images/site/info-outer-bg.jpg) center top repeat-y;		
}

#footer-outer {
	width: 100%;
	height: 61px;
	background: #FFFFFF url(/images/site/footer-outer-bg.jpg) center top no-repeat;		
}

	.home #outer {
		background-image: url(/images/site/bg-home.jpg);
	}

	.happy-clients #outer {
		background-image: url(/images/site/bg-home.jpg);
	}
	
	.client-area #outer {
		background-image: url(/images/site/bg-home.jpg);
	}
	
#container {
	width:976px;
	margin: 0 auto;
}



/*****************************************************************************************
Masthead
*****************************************************************************************/

#masthead {
	width: 976px;
	height: 72px;
	height: 68px;
	margin: 0 auto;
	background: url(/images/site/nav-bg-grey.jpg) right top no-repeat;
}


	#masthead a#logolink {
		float: right;
		display: block;
		width: 220px;
		height: 54px;
	}
	
	#masthead ul {
		display: block;
		float: left;
		margin-top: 12px;
		height: 56px;
	}
	
		#masthead ul li {
			display: block;
			float: left;
			margin-right: 4px;
			height: 56px;		
		}
		
			#masthead ul li a {
				color: #914919;	
				text-decoration: none;
				font-size: 16px;
				height: 47px;
				padding-top: 9px;
				display: block;
			}

				
				#masthead ul li a:hover {
					color: #FFFFFF;	
					text-decoration: none;
					font-size: 16px;
					background-position: left top;
					background-repeat: no-repeat;
				}



#masthead ul li#home a {
	width: 62px;	
	padding-left: 12px;
}
		
	.home #masthead ul li#home a, 
	#masthead ul li#home a:hover {
		width: 62px;	
		color: #FFFFFF;
		background-image: url(/images/site/nav-item-home.png);
	}
		
#masthead ul li#about a {
	width: 84px;	
	padding-left: 12px;
}
	
	.about #masthead ul li#about a,
	#masthead ul li#about a:hover {
		width: 84px;	
		color: #FFFFFF;
		background-image: url(/images/site/nav-item-about.png);
	}
	
#masthead ul li#happy-clients a {
	width: 120px;	
	padding-left: 14px;
}
	
    .happy-clients #masthead ul li#happy-clients a,
	#masthead ul li#happy-clients a:hover {
		width: 120px;	
		color: #FFFFFF;
		background-image: url(/images/site/nav-item-happy.png);
	}
	
#masthead ul li#use-us a {
	width: 70px;	
	padding-left: 12px;
	margin-right: 6px;
}
	
	.use-us #masthead ul li#use-us a,
	#masthead ul li#use-us a:hover {
		width: 70px;
		color: #FFFFFF;
		background-image: url(/images/site/nav-item-use.png);
	}
	

#masthead ul li#contact a {
	width: 97px;	
	padding-left: 11px;
}
	
	.contact #masthead ul li#contact a,
	#masthead ul li#contact a:hover {
		width: 97px;	
		color: #FFFFFF;
		background-image: url(/images/site/nav-item-contact.png);
	}		
	
/*****************************************************************************************
Home Banner Content
*****************************************************************************************/
#banner-content {
	width: 	976px;
	height: 600px;
	position: relative;
	margin: 0 auto;
}

	#banner-content #welcome {
		padding: 52px 28px 30px 28px;
		width: 282px;
		height: 383px;
		position: absolute;
		left: 0;
		top: 48px;
		background: url(/images/site/welcome-bg.png) -8px top no-repeat;
		font-size: 14px;
		line-height: 18px;
	}

		#banner-content #welcome p {
			padding: 9px 5px 5px 15px;
			font-size: 14px;
			line-height: 18px;
		}

			#banner-content #welcome a.continue {
				display: block;	
				margin-left: 14px;
				text-indent: -2000px;			
				margin-top :12px;
				width: 244px;
				height: 46px;
				background: url(/images/site/continue.png) left top no-repeat;	
			}

				#banner-content #welcome a.continue:hover {			
					background: url(/images/site/continue-over.png) left top no-repeat;		
				}
			
	#banner-content #tile-about {
		width: 234px;
		height: 306px;
		position: absolute;
		left: 345px;
		top: 5px;
		background: url(/images/site/about-bg.png) left top no-repeat;
		font-size: 12px;
		line-height: 16px;
		z-index: 10;
	}
	
		#banner-content #tile-about a {
			display: block;
			width: 234px;
			height: 306px;
			background: url(/images/site/about-bg-over.jpg) 1px 1px no-repeat;
			
		}
		
		
	#banner-content #tile-happy-new {
		width: 234px;
		height: 306px;
		position: absolute;
		left: 620px;
		top: 9px;
		background: url(/images/site/happy-bg_new.png) left top no-repeat;
		font-size: 12px;
		line-height: 16px;
		z-index: 10;
		
	}
		#banner-content #tile-happy-new a {
			display: block;
			width: 234px;
			height: 306px;
            background: url(/images/site/happy-bg-over.jpg) left top no-repeat;
		}

	
	#banner-content #tile-happy {
		width: 234px;
		height: 306px;
		position: absolute;
		left: 620px;
		top: 9px;
		background: url(/images/site/happy-bg.png) left top no-repeat;
		font-size: 12px;
		line-height: 16px;
		z-index: 10;
	}

		#banner-content #tile-happy a {
			display: block;
			width: 234px;
			height: 306px;
            background: url(/images/site/happy-bg-over.jpg) left top no-repeat;
		}
		
		
	#banner-content #tile-use {
		width: 234px;
		height: 306px;
		position: absolute;
		left: 402px;
		top: 280px;
		background: url(/images/site/use-bg.png) left top no-repeat;
		font-size: 12px;
		line-height: 16px;
		z-index: 5;
	}

		#banner-content #tile-use a {
			display: block;
			width: 234px;
			height: 306px;
			background: url(/images/site/use-bg-over.jpg) left top no-repeat;
		}

		
	#banner-content #tile-whatsnew {
		width: 234px;
		height: 306px;
		position: absolute;
		left: 750px;
		top: 270px;
		background: url(/images/site/whatsnew-bg.png) left top no-repeat;
		font-size: 12px;
		line-height: 16px;
		z-index: 15;
	}

		#banner-content #tile-whatsnew a {
			display: block;
			width: 234px;
			height: 306px;
            background: url(/images/site/whatsnew-bg-over.gif) left top no-repeat;
		}
	
	/*
	#banner-content #tile-contact {
		width: 234px;
		height: 306px;
		position: absolute;
		left: 750px;
		top: 270px;
		background: url(/images/site/contact-bg.png) left top no-repeat;
		font-size: 12px;
		line-height: 16px;
		z-index: 15;
	}

		#banner-content #tile-contact a {
			display: block;
			width: 234px;
			height: 306px;
            background: url(/images/site/contact-bg-over.gif) left top no-repeat;
		}
	*/

	#banner-content #keys {
		width: 126px;
		height: 249px;
		position: absolute;
		left: 851px;
		top: 0px;
		background: url(/images/site/keys.png) left top no-repeat;
		z-index: 100;
	}

		#banner-content #keys a {
			display: block;
			width: 126px;
			height: 249px;
			background: url(/images/site/orange-arrow.jpg) 90px 26px no-repeat;
		}


/*****************************************************************************************
Home Call To Actions
*****************************************************************************************/
#ctas {
	width: 976px;
	height: 580px;
	padding-top: 25px;
	margin: 0 auto;
}

.cta {
	float: left;
	width: 325px;
	height: 250px;
	font-size: 12px;
	line-height: 17px;
	color: #333333;
}

	.cta h1 {
		color: #CC6600;
		font-size: 17px;
		background: url(/images/site/cta-title-bg.png) left top no-repeat;	
		display: block;
		width: 293px;
		height: 50px;
		line-height: 30px;
		padding-left: 32px;
		margin-bottom: 12px;
	}

		.cta h1 a {
			color: #CC6600;
			text-decoration: none;
		}
	
			.cta h1 a:hover {
				color: #333333 !important;
				text-decoration: none;
			}
	
	.cta .img-surround {
		background: url(/images/site/cta-image-surround.png) left top no-repeat;		
		padding: 3px;
		width: 90px;
		height: 94px;
		float: left;
		margin: 0 12px 12px 10px;
		padding: 9px 8px 8px 8px;
	}

	.cta div.more {
		display: block;
		width: 140px;
		height: 50px;				
		/*background: url(/images/site/more.png) left top no-repeat;*/	
		margin: 23px 0 0 125px;
	}
	
		.cta div.more a {
			display: block;
			width: 155px;
			height: 50px;				
			background: url(/images/site/more.png) left top no-repeat;		
			text-indent: -2000px;
		}

			.cta div.more a:hover {
				display: block;
				width: 155px;
				height: 47px;				
				background: url(/images/site/more-over.png) left top no-repeat;		
				text-indent: -2000px;
			}
		
/*****************************************************************************************
Internal Featured Content
*****************************************************************************************/

#featured {
	width: 976px; 
	height: 260px; 
	position: relative;
	margin: 0 auto;
}
	
	#featured  #tile-about {
		width: 195px;
		height: 253px;
		position: absolute;
		left: 4px;
		top: 4px;
	}
	
	#featured #featured-content {
		width: 420px;
		height: 260px;
		position: absolute;
		left: 218px;
		top: 0px;
		font-size: 14px;
		line-height: 18px;
		color: #333333;
	}

		#featured #featured-content strong {
			font-weight: bold;	
		}
		
		#featured #featured-content h1 {
			margin: 44px 0 28px 0;
			font-size: 30px;
			line-height: 24px;
			color: #D86D1B;	
		}

	#featured #keys {
		width: 126px;
		height: 249px;
		position: absolute;
		left: 851px;
		top: 0px;
		background: url(/images/site/keys.png) left top no-repeat;
		z-index: 10;
	}

		#featured #keys a {
			display: block;
			width: 126px;
			height: 249px;
			background: url(/images/site/orange-arrow-featured.jpg) 90px 26px no-repeat;
		}

	#welcome h1 {
		margin: 20px 0 6px 0;
		color: #CC6600;
		font-size: 30px;
		line-height: 1.5em !important;
		padding: 0 0 20px 20px;
		background: url(/images/site/title-underline.gif) left bottom no-repeat;			
	}
	
	
/*****************************************************************************************
Internal Main Content
*****************************************************************************************/

#info-inner {
	width: 976px;
	margin: 0 auto 0 auto;
	padding-bottom: 25px;
}


#main {
	float: left;
	width: 636px;
	margin-top: 15px;
}

	#main-content {
		width: 596px;
		background:#e4e4e4 url(/images/site/main-bg2.jpg) left top no-repeat;
		font-size: 14px;
		line-height: 18px;
		color: #333333;
		padding: 30px 20px 30px 20px;
	}

		#main-content h2 {
			border-top: 1px solid #C39F7B;
			border-bottom: 1px solid #C39F7B;
			font-size: 18px;
			line-height: 26px;
			color: #963500;
			padding: 18px 15px 18px 15px;
			margin: 5px 0 20px 0;
		}
	
		#main-content p {
			font-size: 14px;
			line-height: 18px;
			margin: 0 0 18px 15px;
			color: #333333;
		}
		
		#main-content h3, h4, h5, h6 {
			color: #333333;
			font-weight: bold;
			margin: 0px 0 4px 15px;
		}

		#main-content strong {
			font-weight: bold;
		}
		
		#main-content em {
			font-style: italic;
		}

		#main-content a {
			color: #333333;
			text-decoration: underline;
		}

			#main-content a:hover {
				color: #111111;
				text-decoration: none;
			}
		
		#main-content ul {
			margin-bottom: 18px;
			margin-left: 10px;
		}
		
			#main-content ul li {
				font-size: 14px;
				line-height: 18px;
				color: #333333;
				background: url(/images/site/asterisk.gif) left top no-repeat;
				padding: 6px 0 7px 36px;
			}
		

	#main-footer {
		width: 636px;
		height: 20px;
		background: url(/images/site/main-bg-footer.jpg) left bottom no-repeat;
	}


/*****************************************************************************************
Internal Secondary Content
*****************************************************************************************/
#about-flash-container {
	background: #e4e4e4 url(/images/site/about-flash-bg.jpg) right top no-repeat;	
	float: right; 
	width: 294px;
	height: 305px;
	margin-top: 15px; 
	padding: 30px 0 115px 30px;
}

	#about-flash-container h1 {
		color: #CC6600;
		font-size: 17px;
		background: url(/images/site/cta-title-bg.png) left top no-repeat;	
		display: block;
		width: 223px;
		height: 50px;
		line-height: 30px;
		padding-left: 32px;
		margin-bottom: 2px;	
	}
	
#secondary {
	float: right;
	width: 320px;
	margin-top: 25px;
}


/*****************************************************************************************
Testimonials
*****************************************************************************************/

#client-logos {
	margin: 0 auto;
	width: 976px;
	height: 80px;
	text-align: center;
	background: url(/images/site/testimonial-logos.gif) 320px 6px no-repeat;
}

#client-logo-strip {
	margin: 0 auto; 
	width: 754px; 
	width: 976px;
	height: 96px; 
	height: 200px;
	background-position: left top;
	background-repeat: no-repeat;
}




#banner-content #testimonial-map a#more-testimonials {
	display: block;	
	margin-left: 14px;
	text-indent: -2000px;			
	margin-top :12px;
	width: 244px;
	height: 46px;
	background: url(/images/site/more-testimonials.png) left top no-repeat;	
}

	#banner-content #testimonial-map a#more-testimonials:hover {			
		background: url(/images/site/more-testimonials-over.png) left top no-repeat;		
	}
	
#testimonial-boxes {
	width: 976px;
	margin: 0 auto;
	padding-top: 25px;
}

.testimonial-box {
	float: left; 
	margin: 0 10px 20px 10px; 
	width: 300px; 
	height: 215px; 
	background: url(/images/site/testimonial-box.gif); 
	
}

	.testimonial-box q {
		font-size: 13px;
		line-height: 19px;
		color: #333333;		
		margin: 18px 18px 0 18px;	
		height: 140px;
		width: 264px;
		display: block;
	}
	
	.testimonial-box cite {
		display: block;
		height: 40px;
		width: 200px;
		clear: both;	
		background: url(/images/site/asterisk.gif) -5px top no-repeat;
		padding-left: 25px;
		margin-top: 25px;
		font-size: 13px;
		line-height: 22px;
	}




	#banner-content #testimonial-map {
		padding: 52px 28px 30px 28px;
		width: 282px;
		height: 383px;
		position: absolute;
		left: 0;
		top: 48px;
		background: url(/images/site/welcome-bg.png) -8px top no-repeat;
		font-size: 14px;
		line-height: 18px;
	}

		#banner-content #testimonial-map h1 {
			margin: 20px 0 6px 0;
			color: #CC6600;
			font-size: 30px;
			padding: 0 0 20px 20px;
			line-height: 1.5em !important;
			background: url(/images/site/title-underline.gif) left bottom no-repeat;			
		}
		
		#banner-content #testimonial-map p {
			padding: 12px 5px 2px 15px;
			font-size: 14px;
			line-height: 18px;
		}

			#banner-content #testimonial-map a.continue {
				display: block;
				width: 244px;
				height: 46px;
				margin-top: 12px;
				background: url(/images/site/continue.png) left top no-repeat;		
				margin-left: 14px;
				text-indent: -2000px;
			}

				#banner-content #testimonial-map a.continue:hover {			
					background: url(/images/site/continue-over.png) left top no-repeat;		
				}
				
	#banner-content #post-it-notes {
		width: 656px;
		height: 565px;
		position: absolute;
		left: 330px;
		top: 0px;
	}							

	#banner-content #post-it-note1 {
		width: 228px;
		height: 251px;
		position: absolute;
		left: 345px;
		top: 45px;
		background: url(/images/site/post-it-note1.png) left top no-repeat;	
		z-index: 50;
	}	

	#banner-content #post-it-note2 {
		width: 228px;
		height: 251px;
		position: absolute;
		left: 545px;
		top: 18px;
		background: url(/images/site/post-it-note2.png) left top no-repeat;	
		z-index: 60;
	}	
	
	#banner-content #post-it-note3 {
		width: 228px;
		height: 251px;
		position: absolute;
		left: 730px;
		top: 140px;
		background: url(/images/site/post-it-note3.png) left top no-repeat;	
		z-index: 20;
	}	
	
	#banner-content #post-it-note4 {
		width: 235px;
		height: 251px;
		position: absolute;
		left: 334px;
		top: 255px;
		background: url(/images/site/post-it-note4.png) left top no-repeat;	
		z-index: 30;
	}	
	
	#banner-content #post-it-note5 {
		width: 235px;
		height: 251px;
		position: absolute;
		left: 530px;
		top: 240px;
		background: url(/images/site/post-it-note5.png) left top no-repeat;	
		z-index: 40;
	}	
	
	#banner-content #post-it-note6 {
		width: 235px;
		height: 251px;
		position: absolute;
		left: 740px;
		top: 315px;
		background: url(/images/site/post-it-note6.png) left top no-repeat;	
		z-index: 10;
	}	

/*****************************************************************************************
Use Us
*****************************************************************************************/


p#continue-use {
	display: block;	
	margin-left: 14px;
	text-indent: -2000px;			
	margin-top: 18px;
	width: 244px;
	height: 46px;
	background: url(/images/site/pick-an-option.png) left top no-repeat;		
}


ul#subnav {
	
}

	ul#subnav li {
		margin-bottom: 4px;
		
		background: url(/images/site/asterisk-small.gif) left top no-repeat;
		padding-left: 25px;
		
		text-decoration: none;
		color: #333333;
		font-weight: bold;
	}
	
		ul#subnav li a {
			display: block;
			width: 240px;
			text-decoration: none;
			color: #333333;
			font-weight: bold;
		}
	
			ul#subnav li a:hover {
				text-decoration: none;
				color: #CC6600;
				font-weight: bold;
			}
			
	ul#subnav li ul  {
		margin:10px 0 10px 0;
	}

	#banner-content .paper a {
		width: 100%;
		height: 100%;
		display: block;
	}
	
	#banner-content #paper1 {
		width: 204px;
		height: 270px;
		position: absolute;
		left: 359px;
		top: 45px;
		background: url(/images/site/paper1.png) left top no-repeat;	
		z-index: 50;
	}	

	#banner-content #paper2 {
		width: 234px;
		height: 270px;
		position: absolute;
		left: 550px;
		top: 48px;
		background: url(/images/site/paper2.png) left top no-repeat;	
		z-index: 60;
	}	
	
	#banner-content #paper3 {
		width: 242px;
		height: 263px;
		position: absolute;
		left: 334px;
		top: 255px;
		background: url(/images/site/paper3.png) left top no-repeat;	
		z-index: 20;
	}	
	
	#banner-content #paper4 {
		width: 278px;
		height: 202px;
		position: absolute;
		left: 530px;
		top: 292px;
		background: url(/images/site/paper4.png) left top no-repeat;	
		z-index: 40;
	}	
	
	#banner-content #paper5 {
		width: 258px;
		height: 302px;
		position: absolute;
		left: 729px;
		top: 202px;
		background: url(/images/site/paper5.png) left top no-repeat;	
		z-index: 30;
	}	

#paper1 a {
	width: 100%;
	height: 100%;
	display: block;
	background: url(/images/site/paper1-over.jpg) 25px 92px no-repeat;
}
#paper2 a {
	width: 100%;
	height: 100%;
	display: block;
	background: url(/images/site/paper2-over.jpg) 27px 85px no-repeat;
}
#paper3 a {
	width: 100%;
	height: 100%;
	display: block;
	background: url(/images/site/paper3-over.jpg) 59px 93px no-repeat;
}
#paper4 a {
	width: 100%;
	height: 100%;
	display: block;
	background: url(/images/site/paper4-over.jpg) 38px 63px no-repeat;
}
#paper5 a {
	width: 100%;
	height: 100%;
	display: block;
	background: url(/images/site/paper5-over.jpg) 60px 96px no-repeat;
}

/*****************************************************************************************
Contact Page
*****************************************************************************************/

#featured #title-content {
	width: 420px;
	height: 60px;
	position: absolute;
	left: 218px;
	top: 0px;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
}

	#featured #title-content {
		margin: 44px 0 0 0;
		font-size: 24px;
		line-height: 24px;
		color: #D86D1B;	
	}
	
#featured #address-content {
	width: 210px;
	height: 200px;
	position: absolute;
	left: 218px;
	top: 104px;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
}


#featured #email-content {
	width: 210px;
	height: 200px;
	position: absolute;
	left: 440px;
	top: 104px;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
}

	#featured #address-content a,
	#featured #email-content a {
		color: #CC6600;
		text-decoration: none;
	}

		#featured #address-content a:hover,
		#featured #email-content a:hover {
			color: #333333;
			text-decoration: underline;
		}
	
	#featured #address-content strong,
	#featured #email-content strong {
		font-weight: bold;	
	}
	
	
h1.main-title {
	color: #CC6600;
	font-size: 17px;
	background: url(/images/site/cta-title-bg.png) left top no-repeat;	
	height: 50px;
	line-height: 30px;
	padding-left: 32px;
	margin-bottom: 10px;
	margin-top: 15px;
}

p.main-info {
	font-size: 12px;
	line-height: 15px;
	color: #333333;
}

div.enquiry-form {
	padding: 30px 0 0 40px;
	background: url(/images/site/form-surround.gif) left top no-repeat;
	width: 620px;
	height: 450px;
}

	div.enquiry-form fieldset#detailsFieldset {
		
	}
	
		div.enquiry-form legend {
			display: none;
		}
	    
		div.enquiry-form label {
			display: block;
			clear: both;
			margin: 12px 0 3px 0;
			font-size: 12px;
		}
		
		div.enquiry-form input {
			width: 250px;
			height: 20px;
			line-height: 20px;
		}
		
		div.enquiry-form textarea {
			width: 530px;
			height: 120px;	
			overflow: auto;
		}
		
		div.enquiry-form #submit {
			width: 157px;
			height: 29px;
			margin-top: 6px;
		}				

/*****************************************************************************************
Client Area
*****************************************************************************************/
p#logged-in-as {
	position: absolute;
	width: 160px;
	height: 60px;
	left: 812px;
	top: 0px;
	text-align: right;
	font-size: 12px;
	line-height: 17px;
}

	p#logged-in-as strong {
		font-weight: bold;
	}


	#client-form {
		width: 250px;
		height: 155px;
		margin: 20px 0 0 0;
		padding: 10px;
		border: 2px dashed #555;
	}

	#client-form label {
		margin: 3px 0 1px 3px;
	}

	#client-form input {
		margin: 6px 0 0 3px;
		width: 230px; 
		height: 20px;
		line-height: 20px;
	}
	
	#client-form input#submit {
		margin: 12px 0 0 0 !important;
		width: 155px !important; 
		height: 47px !important;
	}
	
	#banner-content #login-box {
		padding: 52px 28px 30px 28px;
		width: 282px;
		height: 383px;
		position: absolute;
		left: 0;
		top: 48px;
		background: url(/images/site/welcome-bg.png) -8px top no-repeat;
		font-size: 12px;
		line-height: 16px;
	}

		#banner-content #login-box h1 {
			margin: 20px 0 10px 0;
			color: #CC6600;
			font-size: 30px;
			padding: 0 0 20px 20px;
			line-height: 1.5em !important;
			background: url(/images/site/title-underline.gif) left bottom no-repeat;			
		}
		
		#banner-content #login-box #intro {
			padding: 0px 5px 2px 15px;
			font-size: 12px;
			line-height: 17px;
		}

			#banner-content input#submit {
				display: block;
				width: 130px;
				height: 50px;				
			}

#links-surround {
	position: absolute;	
	top: 70px;
	left: 340px;
	width: 510px;
	height: 490px;
	font-size: 12px;
	line-height: 17px;
}

#useful-docs {
	position: absolute;
	width: 170px;
	font-size: 12px;
	line-height: 17px;
	left: 528px;
	top: 140px;
}

.links-area {
	float: left;
	width: 230px;
	/*height: 220px;*/
	font-size: 12px;
	line-height: 17px;
	margin: 12px 0 0 22px;
}

	.links-area h1,
	#useful-docs h1 {
		font-size: 20px;
		color: #CC6600;
		margin-bottom: 18px;
		border-bottom: 2px dashed #5C5C5C;
		padding-bottom: 6px;
		width: 215px;
		line-height: 28px;
	}

	.links-area h2,
	#useful-docs h2 {
		font-size: 14px;
		color: #CC6600;
		margin: 18px 0 2px 0;
		font-weight: bold;
	}

	.links-area em,
	#useful-docs em {
		font-size: 11px;
		font-style: italic;
	}
	
	.links-area a,
	#useful-docs a {
		text-decoration: none;
		color: #333333;
	}
	
		.links-area a:hover,
		#useful-docs a:hover {
			text-decoration: none;
			color: #CC6600;
		}


		
#gallery-area {
	position: absolute;	
	top: 80px;
	left: 660px;
	width: 305px;
	height: 410px;
	font-size: 12px;
	line-height: 17px;
	border: 1px dashed green;
}

	#gallery-area h1 {
		font-size: 20px;
		color: #333333;
	}
	
	#gallery-area a {
		text-decoration: none;
		color: #CC6600;
	}
	
		#gallery-area a:hover {
			text-decoration: none;
			color: #333333;
		}


#logobox {
	background: url(/images/site/cta-image-surround.png) left top no-repeat;		
	padding: 3px;
	width: 90px;
	height: 94px;
	float: left;
	margin: 0 12px 12px 10px;
	padding: 9px 8px 8px 8px;
	position: absolute;
	left: 857px;
	top: 70px;
}
	
/*****************************************************************************************
Footer
*****************************************************************************************/

#footer {
	width: 976px;
	height: 61px;
	margin: 0 auto;
	padding-top: 18px;
}

	#footer #copyright {
		float: right;
		width: 450px;
		height: 20px;
		font-size :12px;
		color: #CC6600;
		text-align: right;
	}

	#footer #extreme {
		float: left;
		width: 340px;
		height: 30px;
		font-size :11px;
		color: #555555;
	}

		#footer #extreme a {
			color: #555555;
			text-decoration: none;
		}

			#footer #extreme a:hover {
				color: #FFFFFF;
				text-decoration: none;
			}
		
	#footer #footernav {
		float: left;
		width: 560px;
		height: 20px;
	}
	
		#footer #footernav ul {
			float: left;
			width: 560px;
			height: 20px;
		}		
		
			#footer #footernav ul li {
				float: left;
				display: block;
				margin-right: 7px;
				padding-right: 7px;
				font-size: 12px;
				color: #333333;
				border-right: 1px solid #FFFFFF;
			}	

			#footer #footernav ul li.last {
				margin-right: 0;
				padding-right: 0;
				border-right: none;
			}
			
				#footer #footernav ul li a {
					text-decoration: none;
					color: #FFFFFF;
				}	
				
					#footer #footernav ul li a:hover {
						text-decoration: none;
						color: #CC6600;
					}
					
				
#address-details {
	float: left; 
	width: 500px; 
	height: 12px; 
	color: #FFF; 
	font-size: 11px; 
	line-height: 11px;
}








/*****************************************************************************************
New client area - Alex.C - 10/11/11
*****************************************************************************************/

#clientarea {
	width:620px;
	
	padding:20px 0px 0px 0px;
	margin:0px;
	
	float:right;
}

	#clientarea .login-box {
		width:160px;
		
		padding:0px;
		margin:0px;
		
		float:right;
		
		text-align:right;
	}
	
		#clientarea .login-box p#logged-in-as {
			position:inherit;
			top:inherit;
			left:inherit;
		}
		
		#clientarea .login-box img {
			width:92px;
			height:92px;
			
			padding:10px;
			margin:0px;
			
			background:url(../images/site/cta-image-surround.png) top center no-repeat;
		}
	
	#clientarea .list-box {
		width:450px;
		
		padding:0px;
		margin:0px;
		
		float:left;
	}
	
		#clientarea .list-box p {
			padding:5px 0px;
			margin:0px;
			
			font-size:14px;
			color:#333;
			line-height:20px;
		}
		
		#clientarea .list-box p strong {
			font-weight:bold !important;
		}
		
		#clientarea .list-box a {
			color:#000;
			text-decoration:underline;
		}
		
		#clientarea .list-box a:hover {
			color:#CC6600;
			text-decoration:none;
		}
		
		#clientarea .list-box .client-category {
			width:450px;
		
			padding:0px;
			margin:20px 0px 0px 0px;
		}
		
			#clientarea .list-box .client-category p {
				padding:0px;
				margin:0px;
			}
			
				#clientarea .list-box .client-category p strong {
					font-weight:bold !important;
				}
			
				#clientarea .list-box .client-category p a {
					padding:10px;
					margin:0px;
					
					display:block;
					
					background:#000;
					font-size:14px;
					color:#fff;
					text-decoration:none;
				}
				
				#clientarea .list-box .client-category p a:hover,
				#clientarea .list-box .client-category:hover p a {
					color:#CC6600;
				}
				
				
				
.brands {
	width:532px;
	height:236px;
	background:url(../images/site/shed-thinking-bg.png) top no-repeat;
	padding:0 50px 0 0;
}


.brands img {
	margin:28px 0 0 0;
}


#main-content h3.brand-title {
	font-size:18px;
	color:#cc6600;
	margin:0 0 20px 0;
}

/*
.side-quote {
	width: 325px;
	height:90px;
	float:left;
	margin:0 0 8px 0;
}

.side-quote p {
	color: #CC6600;
	line-height:22px;
	font-size:14px;
}

*/


/**********************************************************************************
Twitter
**********************************************************************************/

#twitter-outer {
	width: 100%;
	height:110px;
	background: #FFFFFF url(/images/site/info-outer-bg.jpg) center -600px repeat-y;		
}


	#twitter-wrapper {
		width:956px;
		height:72px;
		margin:0px auto 40px auto;
		background:url(/images/site/twitter-border-bg.png) top center no-repeat;
	}
	

		#twitter-wrapper a.cta {
			width:280px;
			height:72px;
			display:block;
			float:right;
		}
			
	
		#twitter-wrapper .tweet {
			width:676px;
			float:left;
		}
		

			#twitter-wrapper .tweet a.cta_btn {
				width:72px;
				height:72px;
				display:block;
				float:left;
			}





			#twitter-wrapper .tweet .message {
				height:50px;
				width:560px;
				float:right;
				margin:18px 0 0 0;
			}
			
				#twitter-wrapper .tweet .message p {
					font-family:Arial, Helvetica, sans-serif;
					font-size:13px;
					font-weight:bold;
					color:#000;
				}
				
				#twitter-wrapper .tweet .message p.date {
					font-family:Arial, Helvetica, sans-serif;
					font-size:13px;
					font-weight:bold;
					color:#f78428;
					margin:10px 0 0 0;
				}




/***********************************************************************************
Home image banner area 
***********************************************************************************/

#image-banners-outer {
	width:100%;
	background:url(/images/site/homepage-banners-bg.jpg) top center no-repeat;
	height:239px;
}


	#image-banners {
		width:976px;
		height:239px;
		margin:0 auto;
		position:relative;
	}
	
	
		#image-banners #cta-1 {
			width:232px;
			height:193px;
			background:url(/images/site/who-are-we-working-with.png) top no-repeat;
			position:absolute;
			bottom:20px;
			left:0;
		}
		
		#image-banners #cta-2 {
			width:232px;
			height:193px;
			background:url(/images/site/workshop-of-the-month.png) top no-repeat;
			position:absolute;
			bottom:20px;
			right:245px;
		}
		
		
		#image-banners #image-1 {
			width:206px;
			height:151px;
			background:url(/images/site/home-image-banners-img-1.png) top no-repeat;
			position:absolute;
			bottom:29px;
			left:250px;
			padding:39px 0 0 22px;
		}
	
		#image-banners #image-1 #image-1-rotate {
			width:180px;
			height:126px;
		}
			
		#image-banners #image-2 {
			width:204px;
			height:152px;
			background:url(/images/site/home-image-banners-img-1.png) top no-repeat;
			position:absolute;
			bottom:29px;
			right:0px;
			padding:38px 0 0 24px;
		}
		
			#image-banners #image-2	.image {
				width:180px;
				height:140px;
			}			

			#image-banners #image-2 .image p.img-bnr-title {
				color:#cc6600;
				font-size:16px;
				text-align:center;
				margin:6px 0 0 0;

			}	
			
#image-banners a.cta-twitter {
	background:url(/images/site/twitter-bird.png) top left no-repeat;	
	display:block;
	width:485px;
	height:121px;
	position:absolute;
	top:-88px;
	left:-112px;
}
			
/**************************************************************************************
Workshop Page rotator
**************************************************************************************/

#main-content #workshop-rotater-wrapper {
	width:592px;
	height:236px;
	background:url(/images/site/workshop-page-door-bg.png) top no-repeat;
}


	#main-content #workshop-rotater-wrapper #workshop-rotate-info {
		width:414px;
		height:230px;
		float:right;
	}

	#main-content #workshop-rotater-wrapper #workshop-rotate {
		width:170px;
		height:230px;
		float:left;
		overflow:hidden;
	}
	
	#main-content #workshop-rotater-wrapper #workshop-rotate-text-info {
		width:374px;
		height:190px;
		float:right;
		padding:20px;
	}
	
	#main-content #workshop-rotater-wrapper #workshop-rotate-text-info p {
		font-size:18px;
		color: #CC6600;
		line-height:30px;
	}
	
/****************************************************************************************
Sidebar Quote 
****************************************************************************************/


.side-quote {
	float: left;
	width: 320px;
	height: 200px;
	font-size: 12px;
	line-height: 17px;
	color: #333333;
	margin:10px 0 10px 5px;
}


	.side-quote p {
		font-size:16px;
		color: #CC6600;
		line-height:28px;
		margin:0;
	}
	
.side-quote img {
	margin:5px 0 0 0;
}