/* --------------------------------------------------------------

   OrangeSprocket Front-end Development Kit based on blueprint

-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/superfish.css";
@import "lib/nivo-slider.css";
@import "lib/jquery-ui-1.8.11.custom.css";
@import "lib/slideLock.css";


/* Site
-------------------------------------------------------------- */

/*** SPLASH STYLES ***/
#splash {
	position: relative;
	display: none;
	width: 529px;
	height: 226px;
	margin: 0 0 0 -275px;
	font-size: 14px;
	padding: 10px;
	color: #000;
	font-family: Tahoma;
	font-weight: bold;
	background: url(../images/bg_splash_new.png) no-repeat; }

	#splash a:link,
	#splash a:visited {
		color: #44698f;
		outline: none;
		text-transform: uppercase;
		text-decoration: none; }

		div.english {
			position: absolute;
			left: 10px;
			top: 130px;
			text-align: right;
			width: 240px;
			height: 100px;
			display: block; }

		div.french {
			position: absolute;
			right: 18px;
			top: 130px;
			text-align: left;
			width: 240px;
			height: 100px;
			display: block; }

section#wrapper {
	position: relative;
	width: 980px;
	min-height: 100%;
	margin: 0 auto; }


	/*** HEADER STYLES ***/
	header.main {
		position: relative;
		width: 980px;
		height: 159px;
		z-index: 2; }

		header.inner { margin-bottom: 20px; }


		/*** LOGO STYLES ***/
		header.main a#logo {
			position: absolute;
			top: 30px;
			left: 10px;
			display: block;
			width: 310px;
			height: 70px;
			text-indent: -9999px;
			background: url(../images/snb-logo.jpg) no-repeat;
			background-size: contain; }


		/*** TOOLS STYLES ***/
		header.main p#tools {
			position: absolute;
			top: 15px;
			right: 0px;
			margin: 0;
			font-size: 12px;
			line-height: 10px; }

			/* #lang-button {
				position: absolute;
				top: 15px;
				right: 0;
				margin: 0;
				font-size: 12px;
				line-height: 10px;
			} */


		/*** QUOTE STYLES ***/
		header.main blockquote {
			position: absolute;
			top: 68px;
			right: 0px;
			width: 600px;
			margin: 0;
			padding: 0;
			font-style: italic;
			font-size: 120%;
			text-align: right;
			color: #00443e; }


		/*** MAINNAV STYLES ***/
		header.main ul#nav {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 980px;
			height: 39px;
			margin: 0;
			padding: 0;
			list-style: none; }

			header.main ul#nav li {
				float: left;
				margin: 0 20px 0 0; }

				header.main ul#nav li a {
					float: left;
					height: 39px;
					padding: 0 20px;
					font-size: 14px;
					font-weight: bold;
					text-transform: uppercase;
					line-height: 39px;
					color: #fff; }

				header.main ul#nav li.sfHover a,
				header.main ul#nav li.here a,
				header.main ul#nav li.parent_here { background: #666; }

				header.main ul#nav li.sfHover a:hover,
				header.main ul#nav li.here a:hover,
				header.main ul#nav li.parent_here a:hover { text-decoration: none; }

					/*** SECOND LEVEL STYLES ***/
					header.main ul#nav ul {
						padding: 20px 12px 12px 12px;
						background: #666; }

						header.main ul#nav ul li {
							float: none;
							margin: 0 0 6px 0;
							padding: 0 0 6px 0;
							border-bottom: 1px solid #8b8b8b; }

						header.main ul#nav ul li.last {
							margin: 0;
							padding: 0;
							border: none; }

							header.main ul#nav ul li a {
								float: none;
								display: block;
								height: auto;
								padding: 0;
								font-family: Tahoma, Verdana, Geneva, sans-serif;
								font-size: 13px;
								font-weight: normal;
								text-transform: none;
								line-height: normal; }

							header.main ul#nav ul li a:hover { text-decoration: underline !important; }

							header.main ul#nav ul li.here a { text-decoration: underline; color: #f9f9f9; }

							header.main ul#nav ul li ul { margin: 0 0 0 20px; }

			header #breadcrumbs {
				color: #333;
				position: absolute;
				top: 165px;
				left: 20px;
			}

				header #breadcrumbs a {
					color: #333;
					text-transform: uppercase;
					font-size: 10px;
				}


	/*** BANNER STYLES ***/
	section#banner {
		position: relative;
		width: 980px;
		height: 277px;
		text-align: left;
		background-position: top right;
		background-repeat: no-repeat;
		z-index: 1; }

		section#banner h2 {
			width: 360px;
			margin: 0 0 10px 0;
			font-size: 30px;
			line-height: 40px;
			color: #000; }

		section#banner h3 {
			width: 430px;
			font-size: 18px;
			font-weight: normal;
			line-height: 22px;
			color: #000; }

		section#banner ul {
			width: 980px;
			height: 277px;
			display: block;
			margin: 0; }

			section#banner ul li {
				width: 980px;
				height: 227px;
				padding: 50px 0 0 0;
				display: block;
				border: none;
				background-repeat: no-repeat; }

	/*** slider STYLES ***/
	section#slider {
		position: relative;
		width: 980px;
		height: 277px;
		display: block;
		text-align: left;
		background-position: top right;
		background-repeat: no-repeat;
		z-index: 1;
		overflow: hidden; }

		div.nivo-caption h2 {
			width: 360px;
			margin: 0 0 10px 0;
			font-size: 30px;
			line-height: 40px;
			color: #000; }

		div.nivo-caption h3 {
			width: 430px;
			font-size: 18px;
			font-weight: normal;
			line-height: 22px;
			color: #000; }
.nivo-prevNav:hover { background-position: bottom left; }
.nivo-nextNav:hover { background-position: bottom right; }


	/*** CONTENTWRAPPER STYLES ***/
	section#contentWrapper {
		clear: both;
		margin: 20px 0 340px 0; }


		/*** LEFTCOL STYLES ***/
		section#leftCol {
			float: left;
			width: 150px; }

			section#leftCol.inner {
			float: left;
			width: 150px; }

			section#leftCol img { width: 150px; }

			/*** ANNUALREPORT STYLES **/
			section#leftCol figure#annualReport {
				width: 121px;
				margin: 0 auto;  }


			/*** CHILDNAVIGATION STYLES ***/
			section#leftCol aside#childNavigation {
				margin: 0 0 20px 0; }

				section#leftCol aside#childNavigation ul {
					margin: 0;
					padding: 0;
					list-style: none; }

					section#leftCol aside#childNavigation ul li {
						margin: 0 0 12px 0;
						padding: 0 0 12px 0;
						border-bottom: 1px solid #ebebeb; }

						section#leftCol aside#childNavigation ul li ul {
							padding-left: 10px; }

					section#leftCol aside#childNavigation ul li.overview {
						margin: 0 0 15px 0;
						padding: 0;
						border: none; }

					section#leftCol aside#childNavigation ul li.last {
						margin: 0;
						padding: 0;
						border: none; }

						section#leftCol aside#childNavigation ul li a { color: #333; }

						section#leftCol aside#childNavigation ul li.here a {
							text-decoration: underline;
							color: #999; }

						section#leftCol aside#childNavigation ul li.overview a {
							font-family: Tahoma, Verdana, Geneva, sans-serif;
							font-size: 14.5px;
							line-height: 1;
							text-decoration: none;
							color: #990000; }

			/*** LEFT BTNS STYLES ***/
			section#leftCol aside#leftBtns {
				margin: 0 0 20px 0; }


		/*** CONTENTSTYLES ***/
		section#content {
			float: left;
			width: 536px;
			margin: 0 0 0 18px;
			padding: 0 20px;
			/* border: 1px solid #ececec; */
			border-width: 0 1px; }

		body.inner section#content {
			width: 536px;
			margin: 0 0 0 20px; }

		body.inner section#content.wide {
			width: 726px;
			border: none;
			padding: 0 10px 0 0; }

			/*** EXECUTIVE TEAM STYLES ***/
			div.teamMember {
				width: 536px;
				background: url(../images/bg_teamMember.jpg) bottom center no-repeat;
				margin: 0 0 15px 0;
				float: left; }

				div.teamMember h3 {
					color: #990000;
					font-size: 16px;
					margin: 0;
					padding: 0; }

				div.teamMember img {
					width: 77px;
					height: 96px;
					border: 1px solid #d1d1d1;
					padding: 3px;
					margin: 0 15px 0 0;
					float: left; }

				div.bio {
					width: 430px;
					float: left; }


		/*** RIGHTCOL STYLES ***/
		section#rightCol {
			float: left;
			width: 212px; }

		body.inner section#rightCol { width: 212px; }

			/*** SOCIALMEDIA STYLES ***/
			section#rightCol ul#socialMedia {
				height: 33px;
				margin: 0 0 18px 18px;
				padding: 0;
				list-style: none; }

			section#rightCol ul#socialMedia.full { height: auto; margin: 0 0 0 18px; }

				section#rightCol ul#socialMedia li {
					float: left;
					margin: 0 12px 0 0; }

				section#rightCol ul#socialMedia.full li {
					float: none;
					margin: 0 0 25px 0; }

					section#rightCol ul#socialMedia li a {
						display: block;
						width: 33px;
						height: 33px;
						text-indent: -9999px; }

					section#rightCol ul#socialMedia li a.facebook { background: url(../icons/icon_facebook.jpg) no-repeat; }
					section#rightCol ul#socialMedia li a.linkedin { background: url(../icons/icon_linkedin.jpg) no-repeat; }
					section#rightCol ul#socialMedia li a.twitter { background: url(../icons/icon_twitter.jpg) no-repeat; }

					section#rightCol ul#socialMedia.full li a.facebook {
						width: 95px;
						height: 21px;
						background: url(../icons/icon_wide_facebook.jpg) no-repeat; }

					section#rightCol ul#socialMedia.full li a.linkedin {
						width: 100px;
						height: 26px;
						background: url(../icons/icon_wide_linkedin.jpg) no-repeat; }

					section#rightCol ul#socialMedia.full li a.twitter {
						width: 100px;
						height: 24px;
						background: url(../icons/icon_wide_twitter.jpg) no-repeat; }


			/*** SIDEBAR STYLES ***/
			section#rightCol aside { margin: 0 0 40px 18px; }

				section#rightCol aside h3 { margin: 0 0 12px 0; }

				section#rightCol aside h4 {
					margin: 0 0 10px 0;
					font-size: 12px;
					font-weight: bold;
					line-height: 15px;
					color: #666; }

				section#rightCol aside ul {
					margin: 0 0 0 14px;
					padding: 0;
					line-height: 14px;
					color: #666; }

					section#rightCol aside ul li { margin: 0 0 5px 0; }

				body.inner section#rightCol aside ul {
						list-style: none;
						margin: 0 0 20px 0; }

						body.inner section#rightCol aside ul li { margin: 0 0 6px 0; }

					body.inner section#rightCol aside div.enableList ul {
						list-style: disc;
						margin: 0 0 0 15px; }


			/*** SIDECUSTOM CONTENT STYLES ***/
			section#rightCol aside#sideCustom {
				margin-left: 0;
				padding: 16px 0;
				font-size: 12px;
				background: url(../images/rightCol_widget_bg.jpg) top left repeat-y #deebf7; }

				section#rightCol aside#sideCustom h3 {
					margin: 0 14px 10px 0;
					padding: 0 0 6px 14px;
					color: #5782ae;
					border-bottom: 1px solid #c6daee; }

				section#rightCol aside#sideCustom ul {
					margin: 0 14px 0 0;
					padding: 0;
					list-style: none; }

					section#rightCol aside#sideCustom ul li {
						padding: 0 0 0 20px;
						background: url(../images/bullet_blue.jpg) 10px 5px no-repeat; }

				section#rightCol aside#sideCustom p { margin-left: 20px; margin-right: 14px; }




			/*** QUICKCONTACT STYLES ***/
			section#rightCol aside#quickContact {
				margin-left: 0;
				padding: 16px 0;
				font-size: 12px;
				color: #666;
				background: url(../images/rightCol_widget_bg.jpg) top left repeat-y #deebf7;
				border-bottom: 1px solid #ebebeb; }

				section#rightCol aside#quickContact h3 {
					margin: 0 14px 10px 0;
					padding: 0 0 6px 14px;
					color: #5782ae;
					border-bottom: 1px solid #c6daee; }

				section#rightCol aside#quickContact ul {
					margin: 0 0 0 14px;
					padding: 0;
					list-style: none; }

					section#rightCol aside#quickContact ul li { margin: 0 0 6px 0; }



	/*** FEATUREDSERVICES STYLES ***/
	ul#featuredServices {
		height: 150px;
		margin: 0 0 65px 0;
		padding: 20px 0 0 0;
		list-style: none;
		border-top: 1px solid #ececec; }

		ul#featuredServices li { float: left; margin: 0 17px 0 0; }
		ul#featuredServices li.last { margin: 0; }

	/*** PAGE-FORM STYLES ***/
	.page-form {

	}


/*** FOOTERWRAPPER STYLES ***/
section#footerWrapper {
	position: relative;
	min-height: 320px;
	margin-top: -320px;
	background: url(../images/footerWrapper_bg.jpg) top left repeat-x #8c0b06; }

	section#footerWrapper section#footer {
		position: relative;
		width: 1020px;
		height: 320px;
		margin: 0 auto;
		color: #fff;
		background: url(../images/footer_bg_new.jpg) top right no-repeat; }


		/*** SITEMAP STYLES ***/
		section#footer ul#siteMap {
			position: absolute;
			top: 55px;
			left: 10px;
			width: 640px;
			margin: 0;
			padding: 0;
			font-size: 11px;
			list-style: none; }

			section#footer ul#siteMap li {
				float: left;
				width: 185px;
				margin: 2px 5px 10px 0;
				line-height: 12px; }

				section#footer ul#siteMap ul {
					margin: 0 0 10px 0;
					padding: 0;
					list-style: none;
					float: left; }

					section#footer ul#siteMap li a {
						font-size: 14px;
						font-weight: bold;
						color: #fff; }

					/* section#footer ul#siteMap li.parent { height: 150px; } */

					section#footer ul#siteMap ul li {
						float: left;
						line-height: 14px;
						margin: 5px 0 4px 0; }

						section#footer ul#siteMap ul li a {
							font-size: 12px;
							font-weight: normal;
							color: #f9dfde; }


		/*** LOGO STYLES ***/
		section#footer a.logo {
			position: absolute;
			top: 55px;
			right: 90px;
			display: block;
			width: 280px;
			height: 65px;
			text-indent: -9999px; }


		/*** COPYRIGHT STYLES ***/
		section#footer p#copyright {
			position: absolute;
			bottom: 10px;
			right: 10px;
			margin: 0;
			font-size: 11px;
			text-align: right; }

			section#footer p#copyright a { color: #fff; }


/**** FONT CHANGE STYLES ****/
#fontChange {
	position: absolute;
	top: 130px;
	right: 0px;
	z-index: 999;
	margin: 0;
	padding: 0; }

	.smallest { font-size: 70%; }
	.reset { font-size: 80%; }
	.largest { font-size: 90%; }

	#fontChange a { margin: 0 2px; text-decoration: none; color: #fff; }

		#fontChange span.smallest { font-size: 11px; }
		#fontChange span.reset { font-size: 12px; }
		#fontChange span.largest { font-size: 13px; }


/*** LOGIN PAGE ***/
ul.login {
	width: 100%;
	list-style: none;
	float: left;
	margin: 0 0 0 -15px; }

	ul.login li {
		width: 200px;
		float: left; }

ul.loginThin {
	width: 150px;
	list-style: none;
	float: left;
	margin: 0 0 10px -15px; }

	ul.loginThin li {
		width: 150px; }

		ul.loginThin li input { width: 150px; }


/*** MAP ***/
#mapWrap {
	width: 720px;
	height: 300px;
	border: 1px solid #990000;
	padding: 2px; }

#map_canvas {
	width: 720px;
	height: 300px;
	display: block; }

	#mapContent p { font-size: 10px; }


/*** ONLINE APPLICATION FORM ***/
ul#application {
	list-style: none;
	margin: 0 0 0 -15px; }

form#contactForm #slider { margin: 0; }
form#contactForm p.quiet { width: 100%; padding: 0 0 10px 0; }