/*
	colour palettes
		Blue: 			#00AEEF
		Orange:			#F7941E

		Blue 50%:		#6DCFF6
		Blue 40%: 		#8ED8F8 - nav off
		Blue 20%: 		#C7EAFB
		Blue 10%: 		#E1F4FD
		Blue 5%: 		#EFF9FE
	
		Grey text:		#58595B = 80%
		WP Grey Text:	#777777 = approx. 65%
		Grey text:		#6D6E71 = 70% (not used)
		Grey 20%:		#D1D3D4 - nav select
		Grey 50%:		#939598
		
		Black:		#000
		White:		#FFF
*/


/* ------ Tabbed Slider specific tags ------ */

#homeSlider {
	height: 396px;
	background-color: #FFF;
	background-image: url(../images/home/homeSliderNavBar.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	}

 /* container for slides */
 
.images {
	position: relative;
	height: 362px;
	width: 900px;
	float: left;
	cursor: pointer;
	margin-bottom: 11px;
	}

/* single slide */

.images div {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	height: 362px;
	}

/* tabs (those little circles below slides) */

.slidetabs {
	clear: both;
	margin-left: 428px;
	}

/* single tab */

.slidetabs a {
	width: 13px;
	height: 12px;
	float: left;
	margin-right: 18px;
	display: block;
	font-size: 1px;
	background-image: url(../images/home/homeSliderTabs.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	}

/* mouseover state */

.slidetabs a:hover {
	background-position: 0 -12px;
	}

/* active state (current page state) */

.slidetabs a.current {
	background-position: 0 -12px;
	} 	

/* prev and next buttons */

.forward {
	position: absolute;
	margin-top: 371px;
	margin-right: 13px;
	margin-left: 849px;
	background-position: -38px 0;
	display: block;
	width: 38px;
	height: 15px;
	cursor: default;
	background-image: url(../images/home/homeSliderNav.png);
	background-repeat: no-repeat;
	}
.backward {
	position: absolute;
	margin-top: 371px;
	margin-left: 13px;
	margin-right: 849px;
	background-image: url(../images/home/homeSliderNav.png);
	background-position: 0 0;
	display: block;
	width: 38px;
	height: 15px;
	cursor: default;
	}

/* next */

.forward:hover {
	background-position: -38px -15px;
	}
.forward:active {
	background-position: -38px -15px;
	} 

/* prev */

.backward:hover {
	background-position: 0 -15px;
	}
.backward:active {
	background-position: 0 -15px;
	}

/* ------ promo specific tags ------ */

#container #promoContent {
	height: 201px;
	width: 900px;
	padding: 0;
	margin: 0;
	position: relative;
}
#promoContent #promoLeft {
	height: 201px;
	width: 277px;
	float: left;
	display: inline-block;
	padding-left: 23px;
	background-image: url(../images/home/promoLeft01.png);
}
#promoContent #promoMiddle {
	height: 201px;
	width: 282px;
	float: left;
	display: inline-block;
	padding-left: 18px;
	background-image: url(../images/home/promoMiddle01.png);
}
#promoContent #promoRight {
	height: 201px;
	width: 300px;
	float: left;
	display: inline-block;
	background-image: url(../images/home/promoRight02.png);
}
.promoLink {
	position: absolute;
	margin-top: 159px;
	color: #666;
}
.promoLink a:link, .promoLink a:visited {
	font-style: italic;
	font-size: 11pt;
	color: #F7941E;
	text-decoration: none;
}
.promoLink a:hover {
	color: #939598;
}
.facebookLink a {
	width: 66px;
	height: 66px;
	position: absolute;
	margin: 107px 0 0 67px;
	display: block;
}
.linkedinLink a {
	width: 66px;
	height: 66px;
	position: absolute;
	margin: 107px 0 0 165px;
	display: block;
}

/* ------ Testimonial specific tags ------ */

#container #testimonial {
	height: 106px;
	width: 900px;
	top: 0;
	background-color: #FFF;
}
#container #testimonial #leftSection {
	width: 755px;
	height: auto;
	float: left;
	background-color: #FFF;
}
#leftSection #bracketLeft {
	width: 26px;
	height: 60px;
	margin: 23px 0 0 21px;
	float: left;
}
#leftSection #homeTestimonial {
	margin: 0;
	padding: 33px 0;
	width: 708px;
	height: auto;
	float: right;
}

#container #testimonial #rightSection {
	width: 145px;
	height: auto;
	float: right;
	background-color: #FFF;
}
#rightSection #bracketRight {
	width: 26px;
	height: 60px;
	float: left;
	margin: 23px 0 0 0;
}

/* next */

#rightSection .readMore a {
	position: relative;
	display: block;
	margin: 39px 0 0 36px;
	background-image: url(../images/home/readmore.gif);
	background-repeat: no-repeat;
	width: 80px;
	height: 26px;
}
.readMore a:hover {
	background-position: 0 -26px;
	}
.readMore a:active {
	background-position: 0 0;
	} 


 HOME SLIDER CONTENT BOXES 

.slide1 {
	height: 130px;
	width: 200px;
	float:left;
	position:relative;
	padding: 40px 30px 30px 30px;
	background-image: url(../images/home/images/home/Writing.jpg);
	overflow:hidden;
	
}