/* CSS Reset - Copyright (c) 2011, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 2.9.0	*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
/* CSS Tricks  - some handy css fixes */
.hide {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
* html .clearfix { zoom:1; } /* IE6 */
*:first-child+html .clearfix { zoom:1; } /* IE7 */
strong,b {font-weight:bold;}
i,em {font-style:italic;}

html,
body {
	background: #f0ece5;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color:#757575;
	font-size:100%;
}

.tradeGothic { font-family:'TradeGothicNextW01-Bold 693232', Arial, Helvetica, sans-serif; font-weight:normal;}

a {color:#757575; text-decoration:underline;}
a:hover {color:#8a2226; text-decoration:none;}
.wrapper {
	width:960px;
	margin:0 auto;
}
	#header,
	#footer {
		background: #fbfbfb;
		padding:35px 0 20px;
	}
		#header h1 {
			background:url(../png/title-2.png) no-repeat 0 0;
			width:305px;
			height:156px;
			float:left;
		}
		#headerText {
			float:left;
			padding-left:98px;
			width:555px;
		}
			#headerText p {
				margin-bottom:16px;
			}
#container {
	padding:80px 0 40px;
}
	#slidesContainer {
		position:relative;
		height:646px;
		/*background:url(testbg.png) no-repeat -49px -62px;*/
	}
		#legend {
			position:absolute;
			left:0;
			top:-45px;
		}
		#start {
			position:absolute;
			left:267px;
			top:-56px;
			font-size:43px;
		}
		.item {
			position:absolute;
			display:block;
		}
		.item.top {
			top:0;
		}
		.item.right {
			right:0;
		}
		.item.bottom {
			bottom:0;
		}
		.item.left {
			left:0;
		}
		#item0, #item12 {left:229px;}
		#item1, #item11 {left:402px;}
		#item2, #item10 {left:576px;}
		#item3, #item19 {top:59px;}
		#item4, #item18 {top:136px;}
		#item5, #item17 {top:213px;}
		#item6, #item16 {top:291px;}
		#item7, #item15 {top:368px;}
		#item8, #item14 {top:445px;}
		#item9, #item13 {top:522px;}
			.query {
				display:table-row;
			}
				.query h5 {
					width:140px;
					height:61px;
					padding:1px 7px;
					background:#fff;
					border:1px solid #bcc1c7;
					text-align:center;
					font-size:13px;
					display:table-cell;
					vertical-align:middle;
					position:relative;
					z-index:3;
					border-radius:2px;
				}
				.active .query h5 {
					padding:0 6px;
					border:2px solid #cd5257;
					color:#ab3136;
				}
			.noButton {
				background-image:url(../png/noarrowspritegrey.png);
				background-repeat: no-repeat;
				position:absolute;
				z-index:1;
			}
			.active .noButton {
				background-image:url(../png/noarrowsprite.png);
			}
			.top .noButton {
				background-position:-97px -420px;
				width:36px;
				height:100px;
				left:60px;
				top:37px;
			}
			.right .noButton {
				background-position:-32px -299px;
				width:100px;
				height:36px;
				left:-74px;
				top:16px
			}
			.bottom .noButton {
				background-position:5px -434px;
				width:36px;
				height:100px;
				left:60px;
				bottom:37px;
			}
			.left .noButton {
				background-position:5px -67px;
				width:100px;
				height:36px;
				right:-74px;
				top:16px
			}
			.top.left .noButton {
				background-position:-22px 14px;
				width:100px;
				height:61px;
				left:155px;
				top:16px;
			}
			.top.right .noButton {
				background-position:-3px -208px;
				width:100px;
				height:62px;
				left:-99px;
				top:16px;
			}
			.bottom.left .noButton {
				background-position:-23px -129px;
				width:100px;
				height:78px;
				left:156px;
				top:-12px;
			}
			.bottom.right .noButton {
				background-position:-6px -352px;
				width:100px;
				height:77px;
				left:-97px;
				top:-12px;
			}
				.top .noButton a { margin-top:38px; }
				.bottom .noButton a { margin-top:29px; }
				.right .noButton a { margin-left:28px; }
				.left .noButton a { margin-left:38px; }
				.top.right .noButton a { margin-left:53px; margin-top:0; }
				.top.left .noButton a { margin-left:12px; margin-top:0; }
				.bottom.right .noButton a { margin-left:51px; margin-top:27px; }
				.bottom.left .noButton a { margin-left:11px; margin-top:27px; }

				.noButton a {
					/*position:absolute;
					right:0px;
					top:158px;*/

					display: inline-block;
					*display: inline;
					*zoom: 1;
					padding: 7px 0;
					font-size: 16px;
					line-height: 20px;
					*line-height: 22px;
					color: #777;
					width:34px;
					text-align: center;
					text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
					vertical-align: middle;
					cursor: pointer;
					background-color: #f5f5f5;
					background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
					background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
					background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
					background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
					background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
					background-image: linear-gradient(top, #ffffff, #e6e6e6);
					background-repeat: repeat-x;
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
					border: 1px solid #e6e6e6;
					border-color: #e6e6e6 #e6e6e6 #bfbfbf;
					border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.15);
					*background-color: #e6e6e6;
					filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;
					*margin-left: .3em;
					-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 1px rgba(0,0,0,.05);
					-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 1px rgba(0,0,0,.05);
					box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 1px rgba(0,0,0,.05);
					text-decoration:none;
					font-weight:bold;
					behavior: url(../pie.html);
				}
				.no-cssgradients .noButton a {
					background-image:url(../buttongradient.html);
					background-repeat:repeat-x;
					background-position:0 0;
				}
				.noButton a:hover,
				.noButton a:active {
					background-color: #e6e6e6;
					*background-color: #d9d9d9;
				}
				.noButton a:active {
					background-color: #cccccc \9;
				}
				.noButton a:hover {
					color:#333;
					text-decoration: none;
					background-color: #e6e6e6;
					*background-color: #d9d9d9;
					background-position: 0 -15px;
					-webkit-transition: background-position 0.1s linear;
					-moz-transition: background-position 0.1s linear;
					-ms-transition: background-position 0.1s linear;
					-o-transition: background-position 0.1s linear;
					transition: background-position 0.1s linear;
				}
				.noButton a:focus {
					outline:none;
				}
				.noButton a:active {
					background-color: #e6e6e6;
					background-color: #d9d9d9 \9;
					background-image: none;
					outline: 0;
					-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
					-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
					box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
				}
				.item:hover .noButton a  {
					box-shadow:0 1px 2px rgba(0,0,0,0.2);
				}
				.active .noButton a,
				.active .noButton a:hover,
				.active .noButton a:active,
				.active .noButton a:focus,
				.active:hover .noButton a {
					background:#cd5257;
					color:#fff;
					text-shadow:none;
					box-shadow:none;
					cursor:default;
				}


				.nextArrow {
					background-image:url(../png/yesarrowsprite.png);
					background-repeat: no-repeat;
					display:block;
					position:absolute;
					z-index:1;
				}
				.top .nextArrow {
					background-position:-356px 13px;
					width:19px;
					height:66px;
					left:155px;
					top:0;
				}
				.right .nextArrow {
					background-position:-567px -18px;
					width:25px;
					height:16px;
					left:70px;
					top:64px;
				}
				.bottom .nextArrow {
					background-position:-331px 14px;
					width:19px;
					height:66px;
					left:-19px;
					top:0;
				}
				.left .nextArrow {
					background-position:-567px 0;
					width:25px;
					height:16px;
					left:63px;
					top:-15px;
				}
				.top.left .nextArrow {
					display:none;
				}
				#item2 .nextArrow {
					background-position:-387px 30px;
					width:167px;
					height:62px;
					left:155px;
					top:0;
				}
				.bottom.right .nextArrow {
					background-position:-165px 32px;
					width:167px;
					height:100px;
					left:-74px;
					top:34px;
				}
				#item12 .nextArrow {
					background-position:17px 0;
					width:181px;
					height:40px;
					left:-180px;
					top:5px;
				}
	#centreBox {
		position:absolute;
		z-index:5;
		background:#cd5257;
		width:500px;
		height:374px;
		top:136px;
		left:229px;
		border-radius:3px;
	}
		#centreContent {
			padding:15px 26px;
			color:#fff;
		}
			#centreContent h2 {
				font-size:27px;
				margin-bottom:16px;
			}
			#centreContent li {
				font-size:17px;
				display:table-row;
			}
				#centreContent strong {
					text-align:right;
					padding:2px 10px 2px 0;
					display:table-cell;
					min-width:75px;
					font-weight:normal;
				}
				#centreContent a {
					display:table-cell;
					color:#fff;
					padding:0 3px;
					border-radius:4px;
				}
				#centreContent a:hover,
				#centreContent a:focus {
					background:#d86d72;
					text-shadow:0 1px 1px rgba(0,0,0,0.15);
				}
		#centreControls {
			position:absolute;
			bottom:0;
			left:0;
			height:87px;
			width:100%;
			background:#1b1b1b;
			border-top:5px #757575 solid;
			border-radius:0 0 3px 3px;
		}
			#centreControls li {
				padding:20px 5%;
				width:40%;
				float:left;
				font-size:23px;
			}
			#nextArrow {
				text-align:right;
			}
				#centreControls a {
					color:#909090;
					text-decoration:none;
				}
				#centreControls a:hover {
					color:#bbb;
				}
				#centreControls a.inactive {
					cursor:default;
					color:#444;
				}
		#videoContainer {
			position:absolute;
			top:0;
			left:0;
			background:#000;
			width:100%;
			border-radius:3px 3px 0 0;
		}
			#closeVideo {
				z-index:5;
			}
			#video {
				border-radius:3px 3px 0 0;
				overflow:hidden;
				z-index:1;
				position:relative;
				height:282px;
			}
	#sbLink {
		display:block;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-o-border-radius:5px;
		border-radius:5px;
		-moz-outline-radius:5px;
		outline-radius:5px;
		width:297px;
		height:50px;
		margin:0 auto;
		padding:6px;
		border:none;
		background:url(../png/sblogo-4.png) no-repeat 6px 6px;
	}
	#sbLink:hover {
		margin:-1px auto;
		border:1px solid steelblue;
	}
	#horizontalShare {
		text-align:center;
		padding:30px 0 0;
	}
		.socialBtn {
			display:inline-block;
			position:relative;
		}
		#facebook {
			top:-3px;
		}
		#twitter, #linkedin, #pinterest {
			top:2px;
		}
		#stumbleupon {
			top:1px;
		}
		#facebook,
		#linkedin {
			padding:0 20px;
		}
		#pinterest {
			padding-right:10px;
		}
		#horizontalShare .socialLink {
			display:inline-block;
			position:relative;
			font-size:12px;
			text-align:center;
			padding:1px 6px;
			background:#eee;
			border:1px solid #ddd;
			color:#333;
			text-decoration:none;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			-o-border-radius:3px;
			border-radius:3px;
			margin:0 20px 0 5px;
			top:-4px;
		}
		#horizontalShare .socialLink:hover {
			background:#ddd;
			border:1px solid #ccc;
			color:#000;
		}

	.close {
		overflow:hidden;
		cursor:pointer;
		position:absolute;
		display:block;
		width:16px;
		height:16px;
		padding:3px;
		border-radius:20px;
		-moz-outline-radius:20px;
		-webkit-outline-radius:20px;
		background:url(../png/close-5.png) no-repeat 3px 3px;
		top:-13px;
		right:-13px;
		background-color:#fff;
		border:1px solid rgba(0,0,0,0.3);
	}
	.close:hover {
		border:1px solid rgba(0,0,0,0.5);
		box-shadow:0 1px 3px rgba(0,0,0,0.3);
	}
	#overlay {
		width:100%;
		height:100%;
		position:fixed;
		background:#000;
		background:rgba(0,0,0,0.7);
		z-index:999998;
		top:0;
		left:0;
		display:none;
		cursor:pointer;
	}
	#modalWindow {
		width:640px;
		min-height:480px;
		position:fixed;
		background:#fbfbfb;
		top:70px;
		left:50%;
		margin-left:-322px;
		-moz-border-radius:4px;
		border-radius:4px;
		box-shadow:0 1px 4px rgba(0,0,0,0.5);
		border:1px solid rgba(0,0,0,0.3);
		z-index:999999;
		display:none;
	}
		.modalBookend {
			padding:24px 24px 12px;
			text-align:center;
		}
		#modalContent {
			padding:18px 50px;
			background:#f0ece5;
		}
			#modalContent h3,
			#modalContent h4 {
				font-size:30px;
				margin-bottom:10px;
				color:#CD5257;
			}
			#modalContent h4 {
				margin-top:25px;
				font-size:20px;
			}
			#modalContent li {
				padding:0 0 5px 40px;
				font-size:17px;
				background:url(../check.html) no-repeat 10px 3px;
			}
			#modalContent .links li {
				padding-left:30px;
				background:url(../linkbullet.html) no-repeat 10px 7px;
			}
	#socialFloater {
		position:absolute;
		z-index: 1000;
		top:380px;
		right:18px;
		width:50px;
	}

	.oldie #socialFloater {
		display:none;
	}

	@media only all and (max-width: 1140px) {
		#socialFloater {
			display:none;
		}
	}
		#socialFloater .fb-like {
			margin-left:2px;
			padding-bottom:10px;
		}
		#socialFloater .twitter-share-button {
			margin-left:-3px;
			padding-bottom:7px;
		}
		#stumbleVert {
			display:block;
			padding:7px 0 0;
			margin-left:-5px;
		}
		#pinterestVert {
			display:block;
			padding:15px 3px 0;
		}
		#socialFloater .embedLink,
		#return {
			font-size:12px;
			display:block;
			text-align:center;
			padding:1px 6px;
			background:#eee;
			border:1px solid #ddd;
			color:#333;
			text-decoration:none;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			-o-border-radius:3px;
			border-radius:3px;
			margin:15px 0 0 -2px;
			position:relative;
			top:-6px;
		}
		#socialFloater .embedLink:hover,
		#return:hover {
			background:#ddd;
			border:1px solid #ccc;
			color:#000;
		}
	#embed {
		width:600px;
		height:190px;
		left:50%;
		margin-left:-300px;
		bottom:-200px;
		background:#f8f8f8;
		-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
		-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
		box-shadow:0 0 10px rgba(0,0,0,0.2);
		border-top:5px solid #555;
		position:fixed;
		text-align:center;
		z-index:100;
	}
		#embed h5 {
			font-weight:bold;
			font-size:22px;
			margin:15px 0;
			color:#333;
		}
		#closeEmbed {
			cursor:pointer;
			position:absolute;
			top:8px;
			right:8px;
			display:block;
			width:16px;
			height:16px;
			padding:3px;
			border-radius:20px;
			background:url(../png/close-5.png) no-repeat 3px 3px;
		}
		#embed textarea {
			border:1px #999 solid;
			color:#111;
			font-size:11px;
			font-family:monospace;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;
			padding:5px;
			width:450px;
			height:90px;
		}