/* ---------------------------------------------------- */
/*		Basic Elements
/* ---------------------------------------------------- */

body {
	background: #edf1f4;
	color: #697989;
	font: 13px/1.5 Arial, Helvetica, sans-serif;
}

a {
	color: #2F485F;
	text-decoration: none;
}

	a:hover {
		color: #37556F;
		text-decoration: underline;
	}
	
h2, h3, h4 { color: #485159; }
	
hr {
	background: #dfe6ec;
	color: #dfe6ec;
	border: 0;
	border-bottom: 1px solid #f5f8fa;
	height: 2px;
	clear:both;
}

small { font-size: 11px; }

dt {
	float: left;
	font-weight: bold;
}

/* ---------------------------------------------------- */
/*		Generic Classes
/* ---------------------------------------------------- */

.white { color: white; }

.red { color: red; }

.green { color: green; }

.left {	float: left; }

.right { float: right; }

.txtCenter { text-align: center; }

.txtLeft { text-align: left; }

.txtRight { text-align: right; }

/* ---------------------------------------------------- */
/*		Misc Classes
/* ---------------------------------------------------- */

hr.dots {
	background: url(../img/boxes-header-dot.png) repeat-x 0 50%;
	height: 15px;
}

img.left {
	float: left;
	margin: 0 15px 15px 0;
}

img.right {
	float: left;
	margin: 0 0 15px 15px;
}

.hidden { display: none; }

.error, .success {
	display: block;
	margin-bottom: 20px;
	padding: 12px 20px;
	text-align: left;
}

.error {
	background: #F6B9B9;
	border: 1px solid #E18484;
	color: #C32727;
}

.success {
	background: #E5F993;
	border: 1px solid #9BAC55;
	color: #688006;
}

.zoom a { position: relative; }

	.zoom a span {
		background: url(../img/sprite.png) no-repeat -410px -120px;
		bottom: 20px;
		display: none;
		height: 24px;
		margin: 0 -2px 18px 0;
		right: 22px;
		position: absolute;
		width: 34px;
	}

/* ---------------------------------------------------- */
/*		Buttons
/* ---------------------------------------------------- */

button {
	background: url(../img/sprite.png) no-repeat;
	border: none;
	cursor: pointer;
	height: 32px;
	line-height: 32px;
	margin-right: 5px;
	overflow: visible;
	padding: 0 0 0 5px;
	white-space: nowrap;
}	

	button span {
		background: url(../img/sprite.png) no-repeat;
		color: #fff;
		display: block;
		font-weight: bold;
		font-size: 11px;
		height: 32px;
		line-height: 32px;
		margin: -2px 0 0 0;
		padding: 0 20px 0 10px;
		text-align: center;
		position: relative;
	}
	
.button {
	background: url(../img/sprite.png) no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 32px;
	line-height: 32px;
	margin-right: 10px;
	overflow: hidden;
	padding-left: 7px;
	text-decoration: none;
}

	.button:hover { text-decoration: none; }

	.button.big { padding-left: 9px; }

	.button span {
		background: url(../img/sprite.png) no-repeat;
		color: #fff;
		display: block;
		font-size: 12px;
		font-weight: bold;
		float: left;
		padding: 0 14px 0 7px;
		text-align: center;
		position: relative;
	}
		
		.button.big span {
			font-size: 14px;
			padding: 0 18px 0 9px;
		}
	
		.button span.icon {
			padding-right: 33px;
		}
		
			.button span.icon.left {
				padding-left: 33px;
				padding-right: 14px;
			}
			
			.button span.icon em {
				background: url(../img/sprite.png) no-repeat;
				display: inline-block;
				height: 17px;
				position: absolute;
				text-indent: -9999px;
				right: 6px;
				top: 5px;
				width: 22px;
			}
	
				.button span.icon.left > em { left: 4px; }

			.button span.icon .vcard { background-position: -416px -25px; }
			
			.button span.icon .website { background-position: -388px 0; }

			.button span.icon .email { background-position: -388px -27px; }

			.button span.icon .plus { background-position: -362px 0; }

			.button span.icon .speechbubble { background-position: -414px 0; }

			.button span.icon .phone { background-position: -363px -26px; }

	.button.grey, button.grey {
		background-position: left -528px;
		height: 31px;
		line-height: 31px;
	}

		.button.grey span, button.grey span {
			background-position: right -528px;
			height: 31px;
			line-height: 31px;
		}

		.button.grey:hover, button.grey:active { background-position: left -559px; }

			.button.grey:hover span, button.grey:active span { background-position: right -559px; }

	.button.grey.big, button.grey.big {
		background-position: left -232px;
		height: 33px;
		line-height: 33px;
	}

		.button.grey.big span, button.grey.big span {
			background-position: right -232px;
			height: 33px;
			line-height: 33px;
		}

		.button.grey.big:hover, button.grey.big:active { background-position: left -265px; }

			.button.grey.big:hover span, button.grey.big:active span { background-position: right -265px; }

	.button.grey.small, button.grey.small {
		background-position: left -790px;
		height: 26px;
		line-height: 26px;
	}

		.button.grey.small span, button.grey.small span {
			background-position: right -790px;
			height: 26px;
			line-height: 26px;
		}

		.button.grey.small:hover, button.grey.small:active { background-position: left -816px; }

			.button.grey.small:hover span, button.grey.small:active span { background-position: right -816px; }

	.button.blue, button.blue {
		background-position: left -308px;
		height: 31px;
		line-height: 31px;
	}

		.button.blue span, button.blue span {
			background-position: right -308px;
			height: 31px;
			line-height: 31px;
		}

		.button.blue:hover, button.blue:active { background-position: left -339px; }

			.button.blue:hover span, button.blue:active span { background-position: right -339px; }
			
	.button.blue.big, button.blue.big {
		background-position: left 0;
		height: 33px;
		line-height: 33px;
	}

		.button.blue.big span, button.blue.big span {
			background-position: right 0;
			height: 33px;
			line-height: 33px;
		}

		.button.blue.big:hover, button.blue.big:active { background-position: left -33px; }

			.button.blue.big:hover span, button.blue.big:active span { background-position: right -33px; }

	.button.blue.small, button.blue.small {
		background-position: left -600px;
		height: 26px;
		line-height: 26px;
	}

		.button.blue.small span, button.blue.small span {
			background-position: right -600px;
			height: 26px;
			line-height: 26px;
		}

		.button.blue.small:hover, button.blue.small:active { background-position: left -626px; }

			.button.blue.small:hover span, button.blue.small:active span { background-position: right -626px; }

	.button.brightBlue, button.brightBlue { background-position: left -380px; }

		.button.brightBlue span, button.brightBlue span {
			background-position: right -380px;
		}

		.button.brightBlue:hover, button.brightBlue:active { background-position: left -412px; }

			.button.brightBlue:hover span, button.brightBlue:active span { background-position: right -412px; }

	.button.brightBlue.big, button.brightBlue.big {
		background-position: left -76px;
		height: 34px;
		line-height: 34px;
	}

		.button.brightBlue.big span, button.brightBlue.big span {
			background-position: right -76px;
			height: 34px;
			line-height: 34px;
		}

		.button.brightBlue.big:hover, button.brightBlue.big:active { background-position: left -110px; }

			.button.brightBlue.big:hover span, button.brightBlue.big:active span { background-position: right -110px; }

	.button.brightBlue.small, button.brightBlue.small {
		background-position: left -662px;
		height: 27px;
		line-height: 27px;
	}

		.button.brightBlue.small span, button.brightBlue.small span {
			background-position: right -662px;
			height: 27px;
			line-height: 27px;
		}

		.button.brightBlue.small:hover, button.brightBlue.small:active { background-position: left -689px; }

			.button.brightBlue.small:hover span, button.brightBlue.small:active span { background-position: right -689px; }

	.button.brightOrange, button.brightOrange { background-position: left -454px; }

		.button.brightOrange span, button.brightOrange span {
			background-position: right -454px;
		}

		.button.brightOrange:hover, button.brightOrange:active { background-position: left -486px; }

			.button.brightOrange:hover span, button.brightOrange:active span { background-position: right -486px; }

	.button.brightOrange.big, button.brightOrange.big {
		background-position: left -154px;
		height: 34px;
		line-height: 34px;
	}

		.button.brightOrange.big span, button.brightOrange.big span {
			background-position: right -154px;
			height: 34px;
			line-height: 34px;
		}

		.button.brightOrange.big:hover, button.brightOrange.big:active { background-position: left -188px; }

			.button.brightOrange.big:hover span, button.brightOrange.big:active span { background-position: right -188px; }

	.button.brightOrange.small, button.brightOrange.small {
		background-position: left -726px;
		height: 27px;
		line-height: 27px;
	}

		.button.brightOrange.small span, button.brightOrange.small span {
			background-position: right -726px;
			height: 27px;
			line-height: 27px;
		}

		.button.brightOrange.small:hover, button.brightOrange.small:active { background-position: left -753px; }

			.button.brightOrange.small:hover span, button.brightOrange.small:active span { background-position: right -753px; }

/* ---------------------------------------------------- */
/*		Forms
/* ---------------------------------------------------- */

.form label {
	color: #686868;
	cursor: pointer;
	font: 11px/1.7 Tahoma, Helvetica, Arial, sans-serif;
	clear:both;
}

.form input[type=text], .form textarea {
	background: #fff;
	border: 1px solid #dfe6ec;
	color: #686868;
	font: Tahoma, Helvetica, Arial, sans-serif;
	padding: 8px 10px;
}

.form input:hover, .form input:focus, .form textarea:hover, .form textarea:focus {
	border: 1px solid #ACBCC7;
	color: #4A4A4A;
}

#contactForm input[type=text] {
	float: left;
	margin: 0 25px 20px 0;
	width: 285px;
}

#contactForm input[name=subject] {
	margin: 0 0 10px 0;
	width: 618px;
}

#contactForm textarea {
	height: 150px;
	width: 618px;
	clear: both;
}

#contactForm input[type=submit],
#commentForm input[type=submit] { padding: 10px 25px; }

#contactForm input[type=text].last,
#commentForm input[type=text].last { margin-right: 0; }

#commentForm input[type=text] {
	float: left;
	margin: 0 25px 120px 0;
	width: 176px;
}

#commentForm textarea {
	height: 150px;
	width: 622px;
}

/* ---------------------------------------------------- */
/*		Header
/* ---------------------------------------------------- */

#header {
	background: #e7ecf0 url(../img/sprite-vert.png) repeat-x 0 0;
	height: 111px;
}

	#header h1 {
		float: left;
		margin: 35px 0 0;
	}
	
		#header span.tagline {
			float: left;
			font-size: 12px;
			font-weight: normal;
			margin: 51px 0 0 15px;
		}
		
/* ---------------------------------------------------- */
/*		Navigation
/* ---------------------------------------------------- */

#navigationBar {
	background: url(../img/sprite-vert.png) repeat-x 0 -210px;
	height: 75px;
}
	
	#nav {
		float: left;
		list-style: none;
		margin-top: 4px;
		position: relative;
		z-index: 1000;
		font-size:12px;
	}
	
		#nav li {
			float: left;
			height: 69px;
			margin: 0;
			position: relative;
		}
	
			#nav li.active {
				border-left: 1px solid #fff;
				border-right: 1px solid #fff;
			}
	
			#nav li a {
				color: #545c63;
				display: block;
				font-weight: bold;
				height: 35px;
				margin-top: -1px;
				padding: 17px 20px;
				text-decoration: none;
				text-transform: uppercase;
			}
	
				#nav li a:hover { color: #74828F; }
	
				#nav li.active a {
					background: url(../img/sprite-vert.png) repeat-x 0 -295px;
					border-bottom: 1px solid #bcc8d0;
					border-left: 1px solid #bfcbd3;
					border-right: 1px solid #bfcbd3;
					border-top: 1px solid #eaeef1;
					padding-top: 16px;
				}
	
					#nav li.active a:hover { color: #545c63; }
	
					#nav li.active ul a {
						background: none;
						border: none;
						padding:0;
					}
	
				#nav li a span {
					color: #818e9a;
					display: block;
					font-weight: normal;
					margin: -2px 0 0 -1px;
					text-transform: none;
				}
	
					#nav li a:hover span { color: #8E9FAF; }
	
					#nav li.active a:hover span { color: #818e9a; }
	
			/** Dropdowns **/
	
			#nav li:hover > ul { display: block; }
	
			#nav ul {
				background-color: #F1F5F8;
				border: 1px solid #fff;
				border-radius:6px;
				border-radius:6px;
				-moz-border-radius:6px;
				-moz-border-radius:6px;
				-webkit-border-radius:6px;
				-webkit-border-radius:6px;
				box-shadow: 0 0 0 1px #cdd8e0, 1px 2px 5px rgba(0, 0, 0, 0.3);
				-moz-box-shadow: 0 0 0 1px #cdd8e0, 1px 2px 5px rgba(0, 0, 0, 0.3);
				-webkit-box-shadow: 0 0 0 1px #cdd8e0, 1px 2px 5px rgba(0, 0, 0, 0.3);
				display: none;
				left: 0;
				list-style: none;
				margin: 0;
				padding: 0 2px;
				position: absolute;
				top: 65px;
				width: 165px;
				z-index: 1000;
			}
	
				#nav ul li {
					border-bottom: 1px solid #DFE6EC;
					display: block;
					float: none;
					height: auto;
					margin: 5px 0;
					padding: 0 5px;
				}
	
					#nav ul li:last-child {	border-bottom: none; }
	
					#nav ul a, #nav li.active ul a {
						color: #485159;
						display: block;
						height: auto;
						line-height: 20px;
						min-height: 20px;
						margin-bottom: 5px;
						padding: 5px 5px 5px 10px;
					}
	
						#nav ul a:hover, #nav li.active ul a:hover {
							background: #E0E5EB;
							border-radius:6px;
							-moz-border-radius:6px;
							-webkit-border-radius:6px;
							color: #545c63;
						}
	
				/* Submenu */
	
				#nav ul ul {
					left: 155px;
					top: 5px;
				}
/* ---------------------------------------------------- */
/*		Content
/* ---------------------------------------------------- */

#content{
	padding-bottom:15px;
}

/**** Featured ****/

#featured {
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
}

	/** Dots Slider 1 **/

	#dotsSlider {
		list-style: none;
		margin-bottom: 30px;
	}
	
		#dotsSlider li { margin: 0; }
	
		#dotsSlider .previewImage {
			background: url(../img/dots-slider-1-bg.png) no-repeat;
			height: 262px;
			margin-left: 16px;
			position: relative;
			width: 531px;
		}
			
			#dotsSlider .previewImage img {
				bottom: 0;
				left: 2px;
				position: absolute;
			}
		
			#dotsSlider .previewImage .info {
				background: url(../img/sprite.png) no-repeat -29px -760px;
				bottom: -10px;
				height: 62px;
				left: 0;
				margin-left: -14px;
				padding: 37px 40px 10px;
				position: absolute;
				width: 448px;
			}

				#dotsSlider .previewImage .info h5 {
					color: #6f757c;
					margin-bottom: -5px;
				}
				
				#dotsSlider .previewImage .info small {
					color: #fff;
					font-weight: bold;
					margin-left: 1px;
				}
	
		#dotsSlider .text { padding-top: 20px; }
		
			#dotsSlider .text h2 {
				font-size: 32px;
				margin-bottom: -5px;
			}
			
			#dotsSlider .text h3 {
				color: #7e8d9a;
				font-weight: normal;
				margin-bottom: 15px;
			}
			
			#dotsSlider .text h6 {
				color: #58646e;
				margin-bottom: 8px;
			}
			
			#dotsSlider .text a.button { margin-right: 25px; }
			
	#dotsSliderNav {
		bottom: 10px;
		height: 21px;
		right: 0;
		margin-left: 25px;
		position: relative;
		text-align: center;
		width: 480px;
		z-index: 10;
	}

		#dotsSliderNav a {
			background: url(../img/sprite.png) no-repeat -421px -156px;
			display: inline-block;
			height: 10px;
			margin-right: 10px;
			text-indent: -9999px;
			width: 10px;
		}

			#dotsSliderNav a.activeSlide, #dotsSliderNav a:hover  { background-position: -411px -156px; }
			
	/** Roundabout Slider **/

	#roundaboutSlider { list-style: none; }

		#roundaboutSlider li {
			margin: 0;
			position: relative;
		}
		
		#roundaboutSlider li .new {
			background: url(../img/sprite.png) no-repeat -340px -116px;
			height: 60px;
			right: -4px;
			position: absolute;
			top: -4px;
			width: 60px;
		}
		
	#roundaboutSliderNav .previousSlide, #roundaboutSliderNav .nextSlide  {
		color: #999;
		height: 56px;
		line-height: 56px;
		position: absolute;
		text-indent: -9999px;
		top: 162px;
		width: 56px;
		z-index: 9999;
	}

	#roundaboutSliderNav .previousSlide {
		background: url(../img/sprite.png) no-repeat -445px 0;
		left: 40px;
	}
	
		#roundaboutSliderNav .previousSlide:hover {
			background-position: -445px -56px;
			left: 40px;
		}
	
	#roundaboutSliderNav .nextSlide {
		background: url(../img/sprite.png) no-repeat -501px 0;
		right: 50px;
	}
	
		#roundaboutSliderNav .nextSlide:hover { background-position: -501px -56px; }
	
		.roundabout-holder {
			list-style: none;
			height: 364px;
			margin: 10px auto 30px;
			width: 420px;
		}
	
		.roundabout-moveable-item {
			cursor: pointer;
			font-size: 12px!important;
			height: 364px;
			width: 554px;
			z-index: 1;
		}
	
		.roundabout-moveable-item img {
			background-color:#FFF;
			box-shadow: 0px 0px 15px #777;
			-moz-box-shadow: 0px 0px 15px #777;
			-webkit-box-shadow: 0px 0px 15px #777;
			height:100%;
			margin:0;
			width:100%;
		}
	
		.roundabout-in-focus {
			box-shadow: 0px 0px 20px #777;
			-moz-box-shadow: 0px 0px 20px #777;
			-webkit-box-shadow: 0px 0px 20px #777;
			cursor:auto;
		}
	
		.roundabout-holder span.desc {
			display:none;
			font-size:12px;
		}
	
		.roundabout-in-focus span.desc {
			background: #000;
			color: #FFF;
			display: inline;
			bottom: 0;
			opacity: 0.5;
			-moz-opacity: 0.5;
			filter:alpha(opacity=50);
			padding: 8px 20px;
			position: absolute;
			right: 1px;
			width: 512px;
			z-index:9;
		}
	
		.roundabout a:hover,
		.roundabout a:active,
		.roundabout a:focus,
		.roundabout a:visited {
			outline:none;
			text-decoration:none;
		}

	/** Dots Slider 2 **/

	#dotsSlider2 {
		background: url(../img/dots-slider-2-bg.png) no-repeat;
		height: 401px;
		list-style: none;
		margin: -10px 0 0 0;
		width: 940px;
	}

		#dotsSlider2 li {
			margin: 0;
			padding: 8px 10px;
		}
		
		
	#dotsSlider2Nav {
		bottom: 28px;
		height: 21px;
		left: 0;
		margin: 0 auto;
		position: relative;
		text-align: center;
		width: 800px;
		z-index: 10;
	}

		#dotsSlider2Nav a {
			background: url(../img/sprite.png) no-repeat -421px -169px;
			display: inline-block;
			height: 12px;
			margin-right: 10px;
			text-indent: -9999px;
			width: 12px;
		}

			#dotsSlider2Nav a.activeSlide, #dotsSlider2Nav a:hover  { background-position: -409px -169px; }
			
	.prevDotsSlide, .nextDotsSlide {
		height: 27px;
		position: absolute;
		top: 355px;
		text-indent: -9999px;
		width: 40px;
		z-index: 10;
	}

		.prevDotsSlide {
			background: url(../img/sprite.png) no-repeat -477px -122px;
			left: 10px;
		}

			.prevDotsSlide:hover {
				background-position: -477px -149px;
				left: 10px;
			}

		.nextDotsSlide {
			background: url(../img/sprite.png) no-repeat -517px -122px;
			right: 10px;
		}

			.nextDotsSlide:hover {
				background-position: -517px -149px;
				right: 10px;
			}
			
	/** Tabs Slider **/
	
	#tabsSlider {
		height: 400px;
		margin-top: -10px;
		width: 940px;
	}
	
		#tabsSlides {
			overflow: hidden;
			width: 940px;
		}
	
			#tabsSlides ul {
				border-radius: 15px;
				-moz-border-radius: 15px;
				-webkit-border-radius: 15px;
				list-style: none;
				width: 4700px;
			}
			
				#tabsSlides li {
					float: left;
					height: 400px;
					margin: 0;
					width: 940px;
				}

					#tabsSlides li img.background {
						left: 0;
						position: absolute;
						top: 0;
						z-index: 1;
					}

					#tabsSlides li .tabContent {
						padding: 30px 40px;
						position: relative;
						z-index: 2;
					}
					
						#tabsSlides li .tabContent img.previewImage {
							float: left;
							margin: 0 25px 15px -10px;
						}

						#tabsSlides li .tabContent img.previewImage.right {
							float: right;
							margin: 0 -20px 15px 20px;
						}

						#tabsSlides li .tabContent h2 {
							color: #fff;
							font-size: 36px;
							line-height: 1.2;
							margin: 15px 0 0 0;
						}
	
						#tabsSlides li .tabContent h6 {
							color: #fff;
						}

						#tabsSlides li .tabContent p {
							color: #7e8d9a;
							margin-bottom: 15px;
						}

						#tabsSlides li .tabContent a.buttonLink {
							background: #ebebeb;
							background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#d9d9d9)); /* Chrome, Safari */
							background: -moz-linear-gradient(top,  #f3f3f3,  #d9d9d9); /* Firefox */
							border-left: 1px solid #fff;
							border-top: 1px solid #fff;
							box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5), 1px 1px 0 rgba(0, 0, 0, 0.25);
							-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5), 1px 1px 0 rgba(0, 0, 0, 0.25);
							-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5), 1px 1px 0 rgba(0, 0, 0, 0.25);
							border-radius: 3px;
							-moz-border-radius: 3px;
							-webkit-border-radius: 3px;
							color: #637482;
							height: 16px;
							font-weight: bold;
							margin-right: 15px;
							padding: 4px 12px;
							text-transform: uppercase;
						}
						
							#tabsSlides li .tabContent a.buttonLink:hover {
								background: #e2e2e2;
								background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#f3f3f3)); /* Chrome, Safari */
								background: -moz-linear-gradient(top,  #d9d9d9,  #f3f3f3); /* Firefox */
								text-decoration: none;
							}

		#tabsNav {
			border-bottom-left-radius: 9px;
			border-bottom-right-radius: 9px;
			-moz-border-radius-bottomleft: 9px;
			-moz-border-radius-bottomright: 9px;
			-webkit-border-bottom-left-radius: 9px;
			-webkit-border-bottom-right-radius: 9px;
			bottom: -20px;
			height: 60px;
			left: 0;
			list-style: none;
			line-height: 60px;
			overflow: hidden;
			position: absolute;
			width: 940px;
			z-index: 99;
		}
		
			#tabsNav li {
				background: url(../img/sprite-vert.png) repeat-x 0 -870px;
				border-left: 1px solid #f9f9f9;
				border-right: 1px solid #d0d0d0;
				float: left;
				height: 60px;
				line-height: 60px;
				margin: 0;
			}
				
				#tabsNav li:first-child {
					border-left: none;
					border-bottom-left-radius: 9px;
					-moz-border-radius-bottomleft: 9px;
					-webkit-border-bottom-left-radius: 9px;
				}
				
				#tabsNav li:last-child { border-right: none; }

				#tabsNav li:hover { background: url(../img/sprite-vert.png) repeat-x 0 -940px; }
				
				#tabsNav li.activeSlide:hover {	background: none; }
				
				#tabsNav li a {
					color: #545C63;
					font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
					font-size: 16px;
					display: block;
					padding: 0 33px;
				}
				
				#tabsNav li a:hover {
					color: #545C63;
					text-decoration:none;
				}
				
					.js #tabsNav li.activeSlide {
						background: none;
					}
					
					.js #tabsNav li.activeSlide a {
						color: #fff;
					}
					
				#tabsNav span.fill {
					background: url(../img/sprite-vert.png) repeat-x 0 -870px;
					position: absolute;
					bottom: 0;
					border-bottom-right-radius: 9px;
					-moz-border-radius-bottomright: 9px;
					-webkit-border-bottom-right-radius: 9px;
					right: 0;
				}
				
		/** Piecemaker 3D Slider **/
		
		#piecemakerSlider {
			margin: -40px 0 0 -130px;
			position: relative;
			z-index: 2;
		}

		#piecemakerShadow {
			background: url(../img/piecemaker-shadow.png) no-repeat;
			height: 108px;
			margin-top: -195px;
			width: 940px;
		}
		
/**** Main ****/

/** Homepage **/

.header {
	height: 50px;
	margin-bottom: 20px;
	position: relative;
}

	.header.noDots { background: none; }

	.header .info {
		background: #EDF1F4;
		float: left;
		height: 50px;
		padding-right: 20px;
	}

		.header h3 { margin-bottom: -3px; }
	
		p.subtitle {
			color: #8999a8;
			display: block;
			font-weight: bold;
			margin-bottom:15px;
			font-size:12px;
		}
	
	.header .links {
		background: #EDF1F4;
		float: right;
		height: 50px;
		height: 50px;
		margin: 19px -10px 0 0;
		padding-left: 20px;
	}

.box {
	background: #f1f5f8;
	border: 1px solid #fafafd;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 2px 2px #e1e5e9, 0 0 0 1px #e0e3e8;
	-moz-box-shadow: 0 2px 2px #e1e5e9, 0 0 0 1px #e0e3e8;
	-webkit-box-shadow: 0 2px 2px #e1e5e9, 0 0 0 1px #e0e3e8;
	margin: 0 0 20px 0;
	overflow: hidden;
	padding: 15px 20px;
}

	.box.last { margin-right: 0; }
	
	.box img {
		float: left;
		margin-right: 15px;
	}
	
	.box h4 { margin-bottom: 0; }
	
	
/** Subpage **/

#subpage .top {
	background: url(../img/sprite-vert.png) repeat-x 0 -374px;
	border-left: 1px solid #cbd7df;
	border-right: 1px solid #cbd7df;
	border-top: 1px solid #cbd7df;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	height: 52px;
	line-height: 52px;
	overflow: hidden;
	padding: 0 10px;
}

	#subpage .top .corner {
		background: url(../img/sprite.png) no-repeat -374px -51px;
		float: left;
		height: 51px;
		margin-left: -10px;
		width: 61px;
	}
		
		#subpage .top .corner span {
			background: url(../img/sprite.png) no-repeat;
			display: block;
			height: 35px;
			margin: 10px 0 0 10px;
			width: 40px;
		}

			#subpage .top .corner .people { background-position: -429px -358px; }
			#subpage .top .corner .folder { background-position: -477px -358px; }
			#subpage .top .corner .message { background-position: -521px -361px; }
			#subpage .top .corner .gear { background-position: -423px -318px; }
			#subpage .top .corner .speechBubble { background-position: -474px -319px; }
			#subpage .top .corner .heart { background-position: -520px -321px; }
			#subpage .top .corner .calendar { background-position: -422px -280px; }
			#subpage .top .corner .images { background-position: -471px -277px; }
			#subpage .top .corner .movie { background-position: -520px -279px; }
			#subpage .top .corner .home { background-position: -424px -241px; }
			#subpage .top .corner .star { background-position: -471px -239px; }
			#subpage .top .corner .barGraph { background-position: -521px -242px; }

	#subpage .top h4 {
		float: left;
		margin: 0 12px;
		text-transform: uppercase;
	}

	#subpage .top .subtitle { font-weight: normal; }

#subpage {
	box-shadow: 0 2px 2px #e1e5e9;
	-moz-box-shadow: 0 2px 2px #e1e5e9;
	-webkit-box-shadow: 0 2px 2px #e1e5e9;
	margin-bottom: 20px;
	margin-top: 20px;
}

#subpage.fullwidth .content {
	background: #f1f5f8;
	border: 1px solid #e0e3e8;
	border-top: none;
	float: none;
	padding: 20px 1px 40px;
}

	#subpage .content .block {
		padding: 15px 20px 15px 20px;
		position: relative;
		overflow: auto;
	}

	#subpage .content .block img {
		float: left;
		margin-right: 15px;
	}

	#subpage .content .block h4 {
		float: left;
		margin-bottom: 0;
	}

	#subpage.fullwidth .header { background: url(../img/boxes-header-dot.png) repeat-x -5px 30px; }
	
		#subpage .header.noDots { background: none; }
	
	#subpage .header .info, #subpage .header .links { background: #f1f5f8; }
	
	#subpage .content .teamUser {
		float: left;
		padding: 10px 20px;
		position: relative;
		width: 296px;
	}	
	
		#subpage .content .teamUser:nth-child(2n+1) {
			border-right: 1px solid #d9e4ec;
			padding-right: 25px;
		}
		
		#subpage .content .teamUser:nth-child(2n) {
			border-left: 1px solid #fff;
			padding-left: 25px;
		}
		
		#subpage .content .teamUser.single {
			border: 0;
			padding: 10px 20px;
			width: 272px;
		}
	
	#subpage .content .teamUser .picture {
		background: url(../img/sprite.png) no-repeat -190px -139px;
		float: left;
		height: 132px;
		margin-right: 20px;
		position: relative;
		width: 131px;
	}
	
		#subpage .content .teamUser .picture img {
			height: 108px;
			left: 12px;
			overflow: hidden;
			position: absolute;
			top: 11px;
			width: 109px;
		}
	
	#subpage .content .teamUser h4 { margin: 10px 0 0; }
	
	#subpage .content .teamUser .socialMediaLinks { margin-top: -5px; }
	
		#subpage .content .teamUser .socialMediaLinks a { margin-right: 12px; }
		
	#subpage .content .teamUser .personalLinks { margin: 55px 0 0 5px; }
	
		#subpage .content .teamUser .personalLinks a { margin-right: 10px; }
	
/** Brainiac about us **/
.brainiac{
	margin-bottom:10px;
}
.brainiac-top{
	overflow:auto;
}
.brainiac-bottom{
	clear:both;
	margin-left: 145px;
}
.brainiac .picture{
	float:left;
	display:block;
}
.brainiac .title-social{
	float:left;
	display:block;
	margin-right:15px;
}
.brainiac .title-social h5{
	font-size:17px;
	color:#485159;
}
.brainiac .title-social .social img{
	margin-right:10px !important;
}
.brainiac .description{
	width:340px;
	float:right;
}
.brainiac hr{
	margin-top:15px !important;
	margin-bottom:15px !important;
}

/** With Sidebar **/

#subpage .content {
	background: url(../img/main-bg.png) repeat-y;
	border: 1px solid #e0e3e8;
	border-top: none;
	float: left;
	padding: 10px 1px;
	position: relative;
}

	#main {
		float: left;
		width: 685px;
	}
	
	#main img{
		display:block;
		margin:auto;
	}
	
	#main .banner{
		padding-top:10px;
	}
	
		#main .block {
			padding: 10px 20px 15px 20px;
			width: 640px;
		}
		
		#main .block .header{
			margin-bottom:10px;
		}
		
		
		#main .block  p{
			margin-bottom:15px;
		}
		
	#main .photos {
		list-style: none;
		padding: 10px 20px;
		width: 640px;
	}
		
		#main .photos li {
			border-left: 1px solid #fff;
			border-right: 1px solid #d9e4ec;
			float: left;
			height: 132px;
			margin: 0;
			padding: 0 18px;
			width: 131px;
		}
		
		#main .photos li:first-child {
			border-left: none;
			padding-left: 0;
		}
		#main .photos li:last-child {
			border-right: none;
			padding-right: 0;
		}
	
			#main .photos li span {
				background: url(../img/sprite.png) no-repeat -190px 0;
				display: block;
				height: 132px;
				position: relative;
				width: 131px;
			}
			
			#main .photos img {
				height: 108px;
				left: 12px;
				overflow: hidden;
				position: absolute;
				top: 11px;
				width: 109px;
			}
			
	#sidebar {
		float: left;
		margin: 10px -1px 0 2px;
		width: 250px;
	}
	
	#sidebar ul.menu {
		border-top: 1px solid #d5dfe5;
		list-style: none;
		margin: 10px 0 40px 0;
	}

	#sidebar li {
		border-bottom: 1px solid #f5f7f9;
		margin: 0;
	}

	#sidebar li:first-child { border-top: 1px solid #f5f7f9; }
	
		#sidebar li a {
			background: #e8ecf0 url(../img/sidebar-arrow-right.png) no-repeat 90% 50%;
			border-bottom: 1px solid #d5dfe5;
			color: #485159;
			display: block;
			font-size: 14px;
			margin-left: 1px;
			padding: 10px 50px 12px 20px;
		}
	
			#sidebar li.active a, #sidebar li.active a:hover {
				background: #f1f5f8 url(../img/sidebar-arrow-right-active.png) no-repeat 90% 50%;
				font-weight: bold;
				margin-left: -1px;
				padding-left: 21px;
			}
			
				#sidebar li.subject a, #sidebar li.subject a:hover {
					background: #f1f5f8 url(../img/sidebar-arrow-down-active.png) no-repeat 91% 50%;
					font-weight: bold;
					margin-left: -1px;
					padding-left: 21px;
					text-transform: uppercase;
				}
			
			#sidebar li a:hover { background: #e8ecf0 url(../img/sidebar-arrow-right-active.png) no-repeat 90% 50%; }
		
		#sidebar .socialIcons { padding: 0 20px 20px 20px; }
		
			#sidebar .socialIcons img { float: left; }
		
		#sidebar .socialIcons .plus { margin: 17px 8px; }
		
	#sidebar .widget h6.subject, #sidebar h6.subject {
		border-bottom: 1px solid #f5f7f9;
		margin-bottom: 10px;
	}
		#sidebar .widget h6.subject a, #sidebar h6.subject a  {
			background: #f1f5f8 url(../img/sidebar-arrow-down-active.png) no-repeat 91% 50%;
			border-bottom: 1px solid #d5dfe5;
			border-top: 1px solid #d5dfe5;
			color: #485159;
			display: block;
			font-size: 14px;
			font-weight: bold;
			margin-left: -1px;
			padding: 10px 50px 12px 21px;
			text-transform: uppercase;
		}
		
	#sidebar h6.subject { margin-bottom: -12px; }

		#sidebar h6.subject a { padding-top: 11px; }
		
			#sidebar h6.subject.active { margin-bottom: -2px; }
			
				#sidebar h6.subject.active a { background: #f1f5f8 url(../img/sidebar-arrow-down.png) no-repeat 91% 50%; }
				
					#sidebar h6.subject.active a:hover { background: #f1f5f8 url(../img/sidebar-arrow-down-active.png) no-repeat 91% 50%; }
	
	#sidebar .widget .widgetContent { padding: 10px 20px 0 20px; }
		
	#sidebar .portfolioInfo { padding: 0 20px 40px 20px; }
	
		#sidebar .portfolioInfo h4 { margin-bottom: 0; }
		
		#sidebar .portfolioInfo .subtitle { margin-bottom: 0; }

		#sidebar .portfolioInfo hr {
			background: #d3dde3;
			border: none;
			color: #d3dde3;
			height: 1px;
			margin: 10px 0;
		}

/** Portfolio **/

#portfolio { margin: -10px 0 30px; }
	
	#portfolio .work { padding: 20px; }
	
		#portfolio img  {
			background: #f1f5f8;
			border: 1px solid #fafafd;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			box-shadow: 0 2px 2px #e1e5e9, 0 0 0 1px #e0e3e8;
			-moz-box-shadow: 0 2px 2px #e1e5e9, 0 0 0 1px #e0e3e8;
			-webkit-box-shadow: 0 2px 2px #e1e5e9, 0 0 0 1px #e0e3e8;
			margin-bottom: 20px;
			padding: 7px;
		}
	
		#portfolio h4 { margin-bottom: 0; }
	
		#portfolio .subtitle { margin-top: -2px; }
		
		#portfolio .subtitle + hr { margin: -5px 0 12px; }
	
	#portfolio .featured dd {
		float: left;
		margin-right: 50px;
	}
	
		#portfolio.fullwidth dd {
			float: none;
			margin-right: 0;
		}

	#portfolio .featured .subtitle { margin-bottom: 0; }
	
	#portfolio .info .subtitle { margin-bottom: 0; }
	
	#portfolio .featured hr { margin: 15px 0; }
	
	#portfolio .info hr { margin: 15px 0; }

	#portfolio.fullwidth .featured .image {
		float: left;
		padding-bottom: 15px;
		padding-right: 20px;
		width: 530px;
	}

	#portfolio.fullwidth .featured .info {
		float: left;
		width: 340px;
	}
	
	#portfolio.fullwidth .image, #portfolio.fullwidth .info {
		float: left;
		padding-bottom: 10px;
		width: 435px;
	}

	#portfolio.fullwidth .image { padding-right: 20px; }
	
	#portfolio .work.featured { width: 645px; }
	
	#portfolio .featured .desc {
		float: left;
		width: 300px;
	}
	
	#portfolio .featured .links {
		float: right;
		width: 325px;
	}
	
		#portfolio .featured .links a.button { float: right; }
		
	#portfolio .image, #portfolio .info { width: 270px; }
	
	#portfolio .desc { margin-top: -5px; }

	#portfolio .work {
		float: left;
		margin-bottom: 20px;
		width: 284px;
	}
	
		#portfolio .work:nth-child(2n+1) {
			border-right: 1px solid #d9e4ec;
			padding-right: 30px;
		}

		#portfolio .work:nth-child(2n) {
			border-left: 1px solid #fff;
			padding-left: 45px;
		}

	#portfolio.fullwidth .work.featured, #portfolio.fullwidth .work, #portfolio .work.featured, #portfolio.single .work {
		border: 0;
		float: none;
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 0;
		width: auto;
	}
	
	/** Slider **/
	
	#portfolioSlider {
		height: 490px;
		list-style: none;
		width: 625px;
	}

		#portfolioSlider li { margin: 0; }
		
		#portfolioSlider li	.zoom a span { bottom: 50px; }

	#portfolioSliderNav {
		background: #E8ECF2;
		background: rgba(232, 236, 242, 0.9);
		bottom: 41px;
		height: 10px;
		left: -2px;
		margin: 0 auto;
		padding: 10px 20px 9px;
		position: relative;
		text-align: center;
		width: 585px;
		z-index: 10;
	}

		#portfolioSliderNav a {
			background: url(../img/sprite.png) no-repeat -421px -168px;
			display: inline-block;
			height: 12px;
			margin-right: 10px;
			text-indent: -9999px;
			width: 12px;
		}

			#portfolioSliderNav a.activeSlide, #portfolioSliderNav a:hover  { background-position: -409px -168px; }
	
/** Blog **/

#blog { margin: -10px 0 40px; }

	#blog .entry { padding: 10px 20px; }
	
		#blog h2.title { margin-bottom: 0; }
		
		#blog p.meta {
			color:#8999A8;
			font-weight:bold;
		}
	
		#blog img  {
			background: #f1f5f8;
			border: 1px solid #fafafd;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			box-shadow: 0 2px 2px #e1e5e9, 0 0 0 1px #e0e3e8;
			-moz-box-shadow: 0 2px 2px #e1e5e9, 0 0 0 1px #e0e3e8;
			-webkit-box-shadow: 0 2px 2px #e1e5e9, 0 0 0 1px #e0e3e8;
			margin-bottom: 20px;
			padding: 7px;
		}

	#blog .footer {
		background: url(../img/sprite-vert.png) repeat-x 0 -436px;
		height: 31px;
		margin: 0 -22px 0 -21px;
		overflow: hidden;
		padding: 8px 20px;
	}

	#blog .comments {
		margin-top: -10px;
		padding: 0 20px;
	}

		#blog .comments ol {
			list-style: none;
			margin-bottom: 10px;
		}

			#blog .comments li {
				border-bottom: 1px solid #dfe6ec;
				display: block;
				float: left;
				margin: 0 0 20px 0;
				position: relative;
			}
			
			#blog .comments li .reply { padding-left: 30px; }
			
			#blog .comments li .reply li{
					border: 0;
					background: #E7EBF0;
					padding: 20px 20px 0 20px;
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					width: 575px;
			}
			
			#blog .comments li .reply li .comment { width: 495px; }
				
				#blog .comments li .comment {
					float: right;
					margin-left: 20px;
					width: 565px;
				}

				#blog .comments li .avatar {
					float: left;
					width: 60px;
				}
				
				#blog .comments li .replyText {
					font-size: 90%;
					margin-left: 19px;
				}

				#blog .comments li .avatar img {
					border-radius: 0;
					box-shadow: none;
					-moz-border-radius: 0;
					-moz-box-shadow: none;
					-webkit-border-radius: 0;
					-webkit-box-shadow: none;
					background: #fff;
					border: 1px solid #E0E3E8;
					margin: 0;
					padding: 1px;
				}

				#blog .comments li p { margin-bottom: 15px; }
	
				#blog .comments li .meta {
					font-size: 11px;
					margin: 0 0 20px 0;
				}

					#blog .comments li:last-child > .meta { margin: 0; }
	
					#blog .comments li .meta span {
						font-weight: bold;
					}
					
/** Pagination **/

#pagination {
	background: url(../img/sprite-vert.png) repeat-x 0 -489px;
	bottom: 0;
	height: 49px;
	left: 0;
	line-height: 49px;
	padding: 0 15px;
	position: absolute;
	width: 657px;
}

	#subpage.fullwidth #pagination { width: 908px; }

	#pagination a {
		color: #fff;
		cursor: pointer;
		font-weight: bold;
		text-transform: uppercase;
	}
	
		#pagination .previous, #pagination .next {
			height: 27px;
			margin-top: 12px;
			text-indent: -9999px;
			width: 40px;
		}

		#pagination a .previous {
			background: url(../img/sprite.png) no-repeat -477px -122px;
			float: left;
		}
	
			#pagination a .previous:hover, #pagination a:hover > .previous {
				background-position: -477px -149px;
			}
	
		#pagination a .next {
			background: url(../img/sprite.png) no-repeat -517px -122px;
			float: right;
		}
	
			#pagination a .next:hover, #pagination a:hover > .next {
				background-position: -517px -149px;
			}

		#pagination .previousText {
			float: left;
			padding-left: 12px;
		}

		#pagination .nextText {
			float: right;
			padding-right: 12px;
		}

/* ---------------------------------------------------- */
/*		Footer
/* ---------------------------------------------------- */

#footer {
	background: #181e22;
	border-top: 2px solid #313538;
	color: #fff;
}

	#footer .container_12 {
		background: url(../img/footer-glow.png) no-repeat;
		padding: 25px 0 20px;
	}
	
	#footer h4 {
		color: #fff;
		margin-bottom: 0;
	}
	
	#footer p.subtitle {
		border-bottom: 1px solid #2c3236;
		padding-bottom: 10px;
	}
	
	#footer ul { list-style: none; }
	
		#footer li { margin: 0; }
	
		#latestPosts {
			margin-top: -10px;
		}
			
			#latestPosts li {
				background: url(../img/footer-dot.png) repeat-x left bottom;
				padding: 10px 0;
			}
	
			#latestPosts li:last-child {
				background: none;
				padding-bottom: 0;
			}
	
				#latestPosts h6, #latestPosts p { margin-bottom: 8px; }
				
				#latestPosts h6, #latestPosts h6 a { color: #fff; }
	
				#latestPosts p.meta { color: #7e909b; }
	
				#latestPosts a {
					color: #f19d3b;
					font-weight: bold;
				}

		#socialLinks  { margin-top: -20px; }
		
			#socialLinks li.facebook { background: url(../img/icons/icon-facebook.png) no-repeat 0 25px; }
			#socialLinks li.flickr { background: url(../img/icons/icon-flickr.png) no-repeat 0 25px; }
			#socialLinks li.twitter { background: url(../img/icons/icon-twitter.png) no-repeat 0 25px; }
			#socialLinks li.vimeo { background: url(../img/icons/icon-vimeo.png) no-repeat 0 25px; }

				#socialLinks li:hover {
					opacity: 0.6;
					-moz-opacity: 0.6;
					filter:alpha(opacity=60);
				}
	
			#socialLinks li a {
				border-bottom: 1px solid #22282c;
				color: #fff;
				display: block;
				padding: 31px 30px 30px 50px;
			}

				#socialLinks li a:hover {
					color: #A3A5A7;
					text-decoration: none;
				}
	
				#socialLinks li:last-child a { border-bottom: none; }
	
	#footer a.button {
		background: #046bca;
		border: 1px solid #1880df;
		color: #fff;
		display: inline-block;
		height: 18px;
		line-height: 18px;
		margin: 10px 15px 0 0;
		padding: 3px 14px;
		
	}
/**** Footer Bottom ****/

#footerBottom {
	background: #181e22;
	border-top: 1px solid #222629;
	font-size: 12px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
}

	#footerBottom a { color: #37556F; }
	
		#footerBottom a:hover { color: #3F617F; }