/************* GENERAL STYLES ***/
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-family: inherit;
	vertical-align: baseline; }

:focus { outline: 0; }

body {
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	line-height: normal;
	color: #333;
	overflow-y: auto; }
	
html, body { height: 100%; }

ul { list-style: none; }

ul.list {
	list-style: disc;
	padding: 0 0 16px 30px; }
	
	ul.list li { margin: 0 0 10px; }

/* 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: "" ""; }

strong { font-weight: bold; }

em { font-style: italic; }

sup { 
	vertical-align: top;
	position: relative;
	top: -0.3em;
	font-size: 75%; }

/*** FONT STYLES ***/
h1 { 
	font-family: 'Raleway', sans-serif;
	font-size: 48px;
	font-weight: bold;
	color: #333;
	margin: 0 0 30px;
	line-height: normal; }
	
h2 { 
	font-family: 'Raleway', sans-serif;
	font-size: 30px; 
	font-weight: bold;
	color: #333;
	padding: 30px 0 0;
	margin: 0 0 20px;
	line-height: normal; }
	
	h2.h1 { 
		font-size: 48px;
		padding: 0; }
	
h3 { 
	font-family: 'Raleway', sans-serif;
	font-size: 24px; 
	font-weight: bold;
	color: #333;
	padding: 20px 0 0;
	margin: 0 0 20px;
	line-height: normal; }
	
h4 { 
	font-family: 'Raleway', sans-serif;
	font-size: 20px; 
	font-weight: bold;
	color: #333;
	padding: 20px 0 0;
	margin: 0 0 10px;
	line-height: normal; }

a:link, a:visited { 
	color: #677fa5;
	text-decoration: none; }
	
a:hover { text-decoration: underline; }

a.roundBtn {
	padding: 3px 15px 5px;
	background: #008d93;
	border-radius: 20px;
	color: #b8e5e7;
	font-size: 16px;
	behavior: url(PIE.htc);
	position: relative; }
	
	a.roundBtn:hover {
		color: #fff;
		text-decoration: none; }

p { margin-bottom: 16px; }

p.title { margin: 0 0 10px; }

.txt_center { text-align: center; }

/************* STRUCTURE STYLES ***/

/*** SPALSH ***/
body.splash {
	background: url(../images/splash_bg.jpg) no-repeat center;
	background-size: cover;
	text-align: center; }
	
	body.splash .logo {
		width: 655px;
		height: 206px;
		position: absolute;
		top: 50%;
		margin-top: -103px;
		left: 50%;
		margin-left: -327px;
		background: url(../images/splash_logo.png) no-repeat; }
		
	body.splash .link {
		width: 200px;
		position: absolute;
		bottom: 100px;
		left: 50%;
		margin-left: -100px;
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: 24px; }
		
		body.splash .link a { 
			color: #fff;
			opacity: 0.5;
			filter: alpha(opacity=50);
			transition: all 0.5s ease; }
			
			body.splash .link a:hover { 
				opacity: 1;
				filter: alpha(opacity=100);
				text-decoration: none; }

/*** WRAPPER ***/
.wrapper {
	width: 960px;
	margin: 0 auto; }
	
/*** HEADER ***/
header {
	width: 100%;
	height: 125px;
	float: left;
	background: #10a9ae;
	border-top: 5px solid #ed1c24; }
	
	header.index {
		height: 625px;
		background: #10a9ae url(../images/header_bg.png) no-repeat bottom center; }
	
	header nav {
		width: 100%;
		height: 58px;
		float: left;
		margin: 30px 0 0;
		font-size: 15px; }
		
		header nav .logo { float: left; }
		
		header nav ul { 
			float: right;
			margin: 21px 0 0; }
			
			header nav ul li { 
				float: left;
				margin: 0; }
				
				header nav ul li a:link, header nav ul li a:visited {
					padding: 3px 14px 5px;
					color: #b8e5e7;
					border-radius: 20px;
					transition: all 0.3s ease;
					behavior: url(PIE.htc);
					position: relative; }
					
				header nav ul li a:hover { 
					color: #fff;
					text-decoration: none; }
				
				header nav ul li a.active {
					color: #fff;
					background: #008d93; }
					
	header .txt {
		width: 620px;
		float: left;
		margin: 100px 0 0;
		font-size: 24px;
		color: #fff; }
		
		header .txt span {
			width: 150px;
			height: 10px;
			margin: 0 0 20px;
			display: inline-block;
			zoom: 1;
			*display: inline;
			background: #008d93; }
		
		header .txt h1 {
			font-size: 72px;
			font-weight: bold;
			color: #fff; }
			
/*** SECTION ***/
section {
	width: 100%;
	float: left;
	padding: 80px 0; }
	
	section.grey { background: #f1f1f1; }
	
	span.titleLine {
		width: 100px;
		height: 5px;
		margin: 0 0 20px;
		display: inline-block;
		zoom: 1;
		*display: inline;
		background: #ed1c24; }
		
	section.carousel .wrapper { position: relative; }
	
	#oneofakind {
		width: 800px;
		height: 275px;
		float: left;
		padding: 25px 40px 0 0;
		text-align: right;
		position: absolute;
		right: 485px;
		z-index: 100;
		background: url(../images/fade_bg.png) repeat-y right; }
		
	/*** CAROUSEL ***/
	.carouselWrap {
		width: 550px;
		float: right; }
		
		.crsl-nav { margin: 70px 0 0; }
		
		.crsl-nav a {
			width: 33px;
			height: 33px;
			float: right;
			margin: 0 0 0 10px;
			opacity: 0.6;
			filter: alpha(opacity=60); }
			
			.crsl-nav a.previous { background: url(../images/btn_prev.png) no-repeat; }
			.crsl-nav a.next { background: url(../images/btn_next.png) no-repeat; }
			
			.crsl-nav a:hover { 
				opacity: 1;
				filter: alpha(opacity=100); }
		
		.crsl-wrap {
			width: 20000px !important;
			float: left; }
		
		.crsl-item {
			width: 190px !important;
			height: 300px !important;
			padding: 0 20px;
			display: table;
			background: #e0e0e0;
			color: #bbb;
			text-align: center;
			border-radius: 25px; }
			
			.crsl-active {
				background: #10a9ae;
				color: #fff; }
				
			.crsl-item p { 
				display: table-cell;
				vertical-align: middle;
				padding: 0 0 50px;
				color: #ccc;
				font-size: 16px; }
				
				.crsl-active p { color: #a7e2e2; }
			
			.crsl-item span {
				display: block;
				font-size: 28px;
				font-weight: bold;
				margin: 0 0 15px;
				text-align: center;
				color: #fff;
				font-family: 'Raleway', sans-serif; }
				
			.crsl-item .link {
				width: 100%;
				position: absolute;
				bottom: 50px;
				left: 0;
				display: none; }
				
				.crsl-active .link { display: block; }
	
	/*** TEAM ***/
	#team {
		width: 100%;
		float: left;
		margin: 30px 0 0; }
		
		#team .row {
			width: 100%;
			float: left;
			margin: 0 0 50px; }
		
		#team .member, .bio .member {
			width: 320px;
			float: left; }
			
			#team .member h3, .bio .member h3 { margin: 0 0 5px; }
			
			#team .member h4, .bio .member h4 { 
				padding: 0;
				font-weight: normal; }
			
	.bio {
		width: 802px;
		min-height: 200px;
		margin: 160px auto 0;
		text-align: left;
		display: none; }
		
		.bio .wrap {
			width: 100%;
			float: left;
			background: #fafafa;
			border: 1px solid #ddd; }
		
		.bio .member {
			width: 100%;
			padding: 100px 0 0;
			margin: 0 0 50px;
			text-align: center;
			position: relative; }
		
		.bio .member img {
			position: absolute;
			top: -100px;
			left: 50%;
			margin-left: -100px;
			text-align: center; }
			
		.bio .content { 
			width: 600px;
			padding: 0 100px 80px; }
		
		.bio .content .titleLine { margin: 0 0 50px; }
		
		.bio .links {
			width: 100%;
			float: left;
			text-align: center;
			border-top: 1px solid #ddd;
			text-align: center; }
			
			.bio .links a {
				height: 70px;
				display: block;
				padding: 50px 0;
				background: url(../images/icon_return.png) no-repeat center;
				opacity: 0.7;
				filter: alpha(opacity=70);
				transition: all 0.3s ease; }
				
				.bio .links a:hover {
					opacity: 1;
					filter: alpha(opacity=100); }
			
/*** FOOTER ***/
footer {
	width: 100%;
	float: left;
	padding: 50px 0;
	background: #008d93;
	border-top: 5px solid #007075;
	font-size: 16px;
	color: #8ed6d9; }
	
	footer h4 { 
		margin: 0 0 20px;
		color: #fff; }
		
	footer .contact {
		width: 180px;
		float: left; }
		
	footer .appointment {
		width: 310px;
		float: left; }
		
	footer .informed {
		width: 410px;
		float: right; }
		
		footer .informed form {
			width: 100%;
			float: left;
			margin: 10px 0 0;
			background: #10a9ae;
			border-radius: 5px; }
			
			footer .informed form input.text {
				width: 350px;
				float: left;
				padding: 7px 0 7px 12px;
				background: none;
				border: none;
				font: inherit;
				color: #9dfcff; }
				
			footer .informed form .placeholder { color: #9dfcff; }
				
			footer .informed form input.submit {
				width: 15px;
				height: 15px;
				float: right;
				margin: 12px 10px 12px 0;
				background: url(../images/icon_submit.png) no-repeat center;
				border: none;
				cursor: pointer;
				opacity: 0.75;
				filter: alpha(opacity=75); }
				
				footer .informed form input.submit:hover { 
					opacity: 1;
					filter: alpha(opacity=100); }
		
	footer .bottom {
		width: 100%;
		float: left;
		padding: 40px 0 0;
		margin: 30px 0 0;
		border-top: 1px solid #4dafb4; }
		
		footer .bottom .copy { float: left; }
		
		footer .bottom .trackie { float: right; }