/* Reset Elements */

/* Colours: Red(#CE043B); */

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, embed, font, img, ins, kbd, q, s, samp, small, strike, 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-size: 100%;	font-family: inherit;}

body
{background: #ccc; font-family: Calibri, Arial, Helvetica, sans-serif;}

ol, ul 
{list-style: none;}

table 
{border-collapse: separate; border-spacing: 0;}

caption, th, td 
{font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after 
{content: "";}

blockquote, q 
{quotes: "" "";}

a 
{text-decoration: none;}

a:hover
{text-decoration: underline;}


/* Set the fonts */

@font-face
{font-family: 'Garamond'; src: url('../font/gara.eot'); src: url('../font/gara.eot#iefix') format('embedded-opentype'), url('../font/gara.woff') format('woff'), url('../font/gara.ttf') format('truetype'), url('../font/gara.svg') format('svg');}


/* Global Classes */

.clearfix:after 
{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
 
.clearfix 
{display: inline-block;}
 
html[xmlns] .clearfix 
{display: block;}
 
* html .clearfix 
{height: 1%;}

.left 
{float: left;}

.right 
{float: right;}

.clear
{clear: both;} 


/* Main Structure */

#head, #feature, #body, #news, #foot
{float: left; width: 100%; padding: 15px 0;}

#head
{background: #fff;}

	.contain
	{width: 960px; clear: left; margin: 0 auto; position: relative;}

		#head .logo
		{height: 92px; width: 212px; float: left; background: url(../images/logo.png) no-repeat; text-indent: -9999px;}

		#head h2
		{position: absolute; top: 10px; right: 0; font: 500 180%/120% Garamond, Arial, Helvetica, sans-serif; color: #999; text-transform: uppercase;}

		#head ul.navigation
		{position: absolute; bottom: 0; right: 0;}

			#head ul.navigation li
			{display: inline; font-size: 120%; line-height: 120%; font-weight: 500; margin-left: 25px;}

				#head ul.navigation li a
				{color: #666;}

				#head ul.navigation li a:hover, #head ul.navigation li#activeSection a
				{color: #CE043B; text-decoration: none;}

#feature
{padding: 15px 0 10px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; background: #f0f0f0;}

.page #feature
{padding: 0;}

		#feature .contain img
		{float: left;}

		.home #feature #slides
		{height: 350px; width: 960px; float: left; position: relative; overflow: hidden; padding-bottom: 12px; background: url(../images/home/feature-shadow.png) no-repeat center bottom;}

		.home #feature .request-more
		{width: 290px; position: absolute; top: 45px; right: -12px; z-index: 100;}

		.page #feature .request-more
		{width: 290px; height: 270px; overflow: hidden; position: absolute; top: 0; right: -12px; z-index: 100;}
		
			#feature .request-more .block
			{width: 250px; float: left; padding: 15px 20px; background: url(../images/request-more-bg.png) repeat;}

			.page #feature .request-more .block
			{height: 270px;}

				#feature .request-more .block h2
				{font-size: 130%; line-height: 100%; color: #fff; padding-bottom: 10px; background: url(../images/request-more-line.png) repeat-x bottom;}
				
				#feature .request-more .block h3
				{font-size: 100%; font-weight: 500; line-height: 100%; margin: 20px 0 10px; color: #fff;}
				
				#feature .request-more .block p
				{font-size: 100%; font-weight: 500; line-height: 100%; margin-bottom: 10px; color: #fff;}

				#feature .request-more .block p a
				{color: #CE043B;}
				
				#feature .request-more form .form-field-wrapper
				{position: relative;}
				
				#feature .request-more form .form-field-wrapper .form-field-required-star
				{position: absolute; top: 3px; right: -7px; color: #CE043B;}
 
				#feature .request-more form tbody td
				{padding-top: 10px;}

					#feature .request-more form td label
					{display: block; font-size: 80%; line-height: 100%; color: #fff; margin-bottom: 5px;}

					#feature .request-more form tbody td input
					{width: 110px; padding: 3px 4px; border: 0; font: 80%/100% Calibri, Arial, Helvetica, sans-serif; color: #666;}

					#feature .request-more form tbody td textarea
					{width: 242px; min-width: 242px; max-width: 242px; height: 30px; min-height: 30px; max-height: 30px; padding: 3px 4px; border: 0; font: 80%/100% Calibri, Arial, Helvetica, sans-serif; color: #666;}

					.page #feature .request-more form tbody td textarea
					{height: 35px; min-height: 35px; max-height: 35px;}

					#feature .request-more form .input-button
					{height: 24px; width: 70px; float: right; padding: 0px 0 4px; margin-top: 15px; border: 0; background: #CE043B; font: 100%/100% Calibri, Arial, Helvetica, sans-serif; color: #fff; text-align: center; text-transform: uppercase;}

					#feature .request-more form .input-button:hover
					{opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;}
					
			#feature .request-more .formErrorMessage
			{position: absolute; top: 225px; left: 20px; width: 160px; font-size: 80% !important; line-height: 100% !important; color: #eee;}
			
			.page #feature .request-more .formErrorMessage
			{top: 229px;}

			.home #feature .request-more .footer
			{height: 8px; width: 12px; float: right; background: url(../images/request-more-corner.png) no-repeat;}

#body
{padding: 25px 0 50px; background: #fff;}

	#body .column
	{width: 200px; margin-right: 60px;}

		#body .column h2
		{font: 500 145%/100% Garamond, Arial, Helvetica, sans-serif; color: #666; margin-bottom: 20px;}

		#body .column .menu ul
		{float: left; margin-bottom: 80px;}

			#body .column .menu ul li
			{display: block; margin-bottom: 5px;}

				#body .column .menu ul li a, #blog-menu p a
				{font-size: 95%; line-height: 120%; color: #666; text-decoration: none;}

				#body .column .menu ul li a:hover
				{color: #CE043B;}

				#body .column .menu ul li.selected a
				{color: #CE043B; font-weight: 700;}

	.home #content, .page-2-col #content, .page-3-col #content
	{width: 700px;}
	
				#body #login-box
				{width: 265px; padding: 20px; background: url("../images/request-more-bg.png") repeat;}
				
					#body #login-box h4
					{font-size: 110%; line-height: 120%; color: #fff; padding-bottom: 20px; background: url(../images/request-more-line.png) repeat-x bottom; text-align: center;}
					
					#body #login-box font
					{display: block; font-size: 80%; line-height: 100%; color: #fff; margin-bottom: 5px;}
					
						#body #login-box #submit
						{height: 24px; width: 70px; float: right; padding: 0px 0 4px; margin-top: 15px; border: 0; background: #CE043B; font: 100%/100% Calibri, Arial, Helvetica, sans-serif; color: #fff; text-align: center; text-transform: uppercase;}
						
						#body #login-box #submit:hover
						{opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;}

	.full-width #content {
		width: 100%;
	}

		.page-2-col #team
		{width: 100%; float: left; padding-top: 10px;}

			.page-2-col #team .directors, .page-2-col #team .team-group
			{width: 100%; float: left;}

				.page-2-col #team .member
				{float: left;}

				.page-2-col #team .directors .member
				{width: 100%; padding: 30px 0 20px; border-top: 1px solid #ccc;}

				.page-2-col #team .directors .top
				{border: 0; padding-top: 0;}

					.page-2-col #team .directors .member img
					{height: 180px; width: 160px; margin-right: 20px;}

					.page-2-col #team .directors .member .details
					{width: 520px; float: right;}

						.page-2-col #team .directors .member .details h3
						{font-size: 125%; line-height: 140%; margin: -5px 0 10px; padding: 0; color: #CE043B;}

							.page-2-col #team .directors .member .details h3 .position
							{font-weight: 500; color: #666;}

						.page-2-col #team .directors .member .details p
						{line-height: 140%; margin: 0 0 10px;}

							.page-2-col #team .directors .member .details p a
							{text-decoration: none;}

			.page-2-col #team .team-group
			{padding: 30px 0 5px; border-top: 1px solid #ccc;}

				.page-2-col #team .team-group h2
				{font-size: 180%;}

				.page-2-col #team .team-group .member
				{width: 220px; margin: 0 0 20px 20px;}

				.page-2-col #team .team-group .member-left
				{margin-left: 0;}

					.page-2-col #team .team-group .member h3
					{font-size: 100%; line-height: 140%; font-weight: 700; margin: 0; color: #CE043B;}

					.page-2-col #team .team-group .member h4
					{font-size: 100%; line-height: 140%; font-weight: 500; padding: 0; margin: 0; color: #666;}

					.page-2-col #team .team-group .member a
					{font-weight: 700; color: #CE043B; text-decoration: none;}

		.page-3-col #content .intro
		{width: 100%;}

		.page-3-col #content .text
		{width: 420px; float: left; padding: 0 40px 20px 0;}

		.page-3-col #content .sidebar
		{width: 220px; padding-bottom: 20px;}

			.page-3-col #content .sidebar img
			{margin-bottom: 20px;}

		.landing-blocks
		{width: 700px; float: left; margin-top: 30px;}

			#body .landing-block
			{width: 220px;  float: left; margin: 0 0 20px 20px; font-size: 100%;}

			#body .block-left
			{margin-left: 0;}

				.landing-block span
				{font-size: 105%; line-height: 120%; font-weight: 700; text-transform: uppercase; color: #999; display: block; padding: 5px 0; border-top: 1px solid #ccc;}

		.landing-block a {
			padding-top: 175px;
			display: block; 
		}

		.landing-block a:link, .landing-block a:visited {
			color: #999;
		}
				.landing-block a:hover {
					text-decoration: underline;
				}

		#body .quote
		{float: left; width: 100%; margin-bottom: 50px; padding-bottom: 35px; background: url(../images/quote99.png) no-repeat bottom left;}

			#body .quote .text
			{width: 100%; font-size: 105%; line-height: 120%; color: #666; margin-bottom: 0; padding: 33px 0 0; background: url(../images/quote66.png) no-repeat top left;}

			#body .quote .from
			{font-size: 80%; clear: left; margin: 8px 0 0; line-height: 120%; font-weight: 700; color: #CE043B;}

			#body .quote .position
			{font-size: 80%; line-height: 120%; margin-bottom: 0; color: #666;}

#news
{padding: 25px 0 35px; border-top: 1px solid #d4d4d4; background: #eee;}

		#news h2
		{font: 500 160%/100% Garamond, Arial, Helvetica, sans-serif; color: #666; margin-bottom: 20px;}
		
			#body #blog
			{min-height: 487px; width: 700px; float: left; position: relative;}
				
				#body #blog h2.blog-category-title
				{position: absolute; top: 7px; right: 0; color: #aaa;}
				
				#body #blog .article
				{width: 700px; float: left; margin: 0 0 35px;}

					#blog .social 
					{float: left;	clear: both; margin-bottom: 15px;}
				
					#body #blog .article .image
					{height: 150px; width: 150px; float: left; overflow: hidden; position: relative; top: 4px;}
					
						#body #blog .article .image img
						{height: 150px; position: absolute; left: -150px;}
						
				#body #blog .article .article-text
				{float: right;}
				
					#body #blog .article .article-text h2
					{font-size: 140%; line-height: 100%; margin: 0 0 10px; padding: 0;}
					
						#body #blog .article .article-text h2 a
						{color: #666;}
						
					#body #blog .article .article-text p
					{font-size: 100%; line-height: 160%; margin: 0 0 10px; padding: 0; color: #666;}
						
					#body #blog .article .article-text .date
					{font-size: 80%; line-height: 100%; margin: 0 0 15px; padding: 0; color: #888;}
					
					#blog .text
					{width: 700px; float: left; margin: 0 0 20px;}
					
						#blog .text h1
						{margin: 0 0 5px;}
						
						#blog .text .date, #blog .text .feature-image
						{margin: 0 0 20px;}
						
			#blog #more-posts-link
			{float: right; margin: 15px 50px 50px;}
			
				#blog #more-posts-link li
				{display: inline; background: none; padding: 0; margin-left: 10px;}
				
					#blog #more-posts-link li a
					{padding: 5px 10px; background: #eee; color: #666; text-decoration: none;}
					
					#blog #more-posts-link li a:hover
					{text-decoration: none; background: #ddd;}
					
					#blog #more-posts-link li.selected a
					{background: #CE043B; color: #fff;}
		
				#blog h2 a
				{color: #666;}
		
		#blog .blog-post-footer
		{width: 100%; float: left; margin-bottom: 10px;}

		#blog-headlines
		{float: left; width: 100%;}

			#blog-headlines .news-item
			{width: 450px; float: left; position: relative;}

			#blog-headlines .left
			{margin-right: 60px;}

				#blog-headlines .news-item .image-hold
				{width: 100px; float: left; height: 70px; border-radius: 2px; border: 1px solid #c7c7c7; position: relative; overflow: hidden;}
				
					#blog-headlines .news-item .image-hold img
					{position: absolute; top: 0; left: -30px; height: 70px;}
				
				#blog-headlines .news-item .text
				{width: 325px; float: right;}

					#blog-headlines .news-item h3
					{font-size: 105%; line-height: 130%; font-weight: 700; margin: 0 0 10px 0; color: #666;}
					
						#blog-headlines .news-item h3 a
						{color: #666;}
	
					#blog-headlines .news-item p.date
					{font-size: 80%; line-height: 100%; margin: 0; color: #CE043B;}

			#blog-headlines .clear
			{float: left; width: 960px; height: 2px; margin: 15px 0; background: url(../images/home/news-separator.png) no-repeat;}

#foot
{padding: 30px 0 60px; border-top: 1px solid #b1b1b1; background: #ccc;}

		#foot .butterfly
		{height: 94px; width: 74px; position: absolute; top: -65px; right: -40px; background: url(../images/flying-swallowtail.png) no-repeat; text-indent: -9999px;}

		#foot .iso
		{width: 245px; float: right;}

			#foot .iso a.fsc
			{height: 50px; width: 40px; float: left; margin-right: 15px; background: url(../images/fsc.png) no-repeat; text-indent: -9999px;}

			#foot .iso p
			{font-size: 80%; line-height: 110%; margin-top: 3px; color: #666;}

	/*	#foot ul
		{margin-bottom: 2px;}

			#foot ul li
			{display: inline; line-height: 100%; padding: 0 5px 0 8px; border-left: 1px solid #666;}

			#foot ul li.item-left
			{border: 0; padding-left: 0;}
*/
				#foot a, #foot p
				{color: #666; font-size: 95%;}

			#foot p strong
			{margin-right: 5px;}
		#foot .col {
			width: 300px;
			padding: 0 20px 0 0;
			float: left;
		}
				#foot .col1 {

				}
						#foot .col1 h5 {
							font-size: 125%;
							color: #666;
							margin: 0 0 15px;
						}
				#foot .col2, #foot .col3 {
					padding-top: 35px;
				}
				#foot .col2 {

				}
						#foot .col2 p, #foot .col3 p {
							margin: 0 0 15px;
						}
						#foot .tel {
							background: url(../images/phone-icon.png) left center no-repeat;
							padding: 3px 0 3px 25px;
							margin: 0 0 4px;
							font-weight: 700;
						}
						#foot .email {
							background: url(../images/email-icon.png) left center no-repeat;
							padding: 3px 0 3px 25px;
							font-weight: 700;
						}
						#foot .col3 a:link, #foot .col3 a:visited {
							color: #666;
						}
				#foot .social{
					margin: 0 0 20px;
				}
						#foot .social li {
							float: left;
							padding: 0;
							border: 0;
							margin: 0 10px 0 0;
							display: inline;
						}
						#foot .social a {
							background: url(../images/sl.png) top left no-repeat;
							width: 34px;
							height: 34px;
							display: block;
							text-indent: -9999px;
						}
				#foot .col1 .links li {

				}
				#foot .twitter a {
					background-position: -34px 0;
				}
				#foot .linked-in a {
					background-position: -68px 0;
				}
#map-canvas {
	width: 100%; 
	height: 350px;
	margin: 0 0 15px;
}
#content .form-field-wrapper {
	padding: 0 0 10px;
}
#content .form-field-wrapper label, #content .form-field-wrapper input {
	float: left;
}
#content .form-field-wrapper label {
	width: 150px;
	clear: left;
	color: #666;
}
#content .form-field-wrapper .input-button {
	clear: both;
	margin-left: 0;
}
#four-oh-four {
	padding: 50px 0;
}

#lower-testies {
	width: 100%;
	float: left;
	border-top: 1px solid #CCC;
	background: #FFF;
}
		#lower-testies .contain {
			padding: 25px 0;
		}
		.testie {
			width: 290px;
			margin: 0 0 0 45px;
			float: left;
		}
				.testie img {
					float: left;
					padding: 5px;
					margin: 0 15px 10px 0;
					border: 1px solid #CCC;
				}
				.testie h4 {
					font-size: 106.25%;
					color: #CE043B;
					font-weight: 700;
					margin: 0 0 2px;
				}
				.testie .title {
					font-size: 75%;
					margin: 0 0 6px;
				}
				.testie p {
					color: #333;
				}
		.first-testie {
			margin-left: 0;
		}

#call-me-maybe {
	width: 100%;
	float: left;
	border-top: 1px solid #CCC;
	background: #FFF;
}
		#call-me-maybe .contain {
			padding: 25px 0;
		}
		#call-me-maybe .call {
			width: 290px;
			float: left;
			margin: 0 0 0 45px;
			font-size: 112.5%;
		}

		#call-me-maybe .first-call {
			margin-left: 0;
		}
		#call-me-maybe .right {
			width: 190px;
			margin: 25px 0 0;
			display: inline;
		}
		#call-me-maybe h2 {
			text-align: center;
			margin: 0 0 25px;
			font-size: 131.25%;
			color: #333;
		}
		#call-me-maybe h3 {			
			font-weight: 700;
			color: #7B7B7B;
		}
		#call-me-maybe .right a {
			color: #7B7B7B;
		}

.two-col-left {
	width: 280px;
}

.two-col-right {
	width: 630px;
}
#form4 {
	float: left;
	clear: both;
	width: 100%;
}
#form4 {
	background: url(../images/request-more-bg.png) repeat;
	padding: 5%;
	width: 90%;
}
		#body #form4 h2 {
			font-size: 130%;
			color: #FFF;
			background: url(../images/request-more-line.png) repeat-x bottom;
			line-height: 100%;
			margin: 0 0 10px;
			padding: 0 0 10px;
			font-family: Calibri, Arial, Helvetica, sans-serif;
		}
		#form4 .form-field-wrapper {
			float: left;
			clear: both;
			width: 100%;
		}
		#body #form4 label {
			font-size: 80%;
			color: #FFF;
			margin-bottom: 5px;
			display: block;
			float: left;
			width: 100%;
		}
		#form4 input {
			padding: 3px 2%;
			width: 90%;
			font: 80%/100% Calibri, Arial, Helvetica, sans-serif;
			float: left;
		}
		#form4 select {
			padding: 3px 2%;
			width: 95%;
			font: 80%/100% Calibri, Arial, Helvetica, sans-serif;
			float: left;
		}
		#form4 .form-field-required-star {
			float: right;
			color: #FFF;
		}
		#body #form4 .input-button {
			border: none;
			background: #CE043B;
			text-transform: uppercase;
			color: #FFF;
			padding: 4px 10px;
			float: right;
			width: auto;
			font: 100%/100% Calibri, Arial, Helvetica, sans-serif;
			width: 70px;
		}

		#form4 .formErrorMessage {
			background: #CE043B;
			padding: 10px;
			color: #FFF;
			float: left;
			width: 260px;
			clear: both;
			margin: 0 0 10px;
			display: inline;
		}
		.page-3-col #form4 .form-field-wrapper {
			float: left;
			width: 47%;
			padding-right: 3%;
			clear: none;
		}
		.page-3-col #form4 .form-field-wrapper input {
			width: 88%;
		}
		.page-3-col #form4 #form-field-wrapper-10, .page-3-col #form4 #form-field-wrapper-12 {
			padding-left: 3%;
			padding-right: 0;
			width: 47%;
		}
		.page-3-col #form4 #form-field-wrapper-13 {
			clear: left;
		}
		.page-3-col #form4 .input-button {
			margin-top: 26px;
		}
		#content .formErrorMessage {
			background: #CE043B;
			color: #FFF;
			padding: 10px;
		}

#form2 {
	background: url(../images/request-more-bg.png) repeat;
	padding: 15px;
	width: 200px;
	float: left;
}

		#form2 .form-field-wrapper {
			float: left;
			width: 100%;
			clear: both;
		}
		#content #form2 label {
			font-size: 80%;
			color: #FFF;
			margin-bottom: 5px;
			display: block;
			float: left;
			width: 100%;
		}
		#form2 input {
			margin: 0;
			border: 0;
			padding: 3px 2%;
			width: 90%;
		}
		#content #form2 .input-button {
			border: none;
			background: #CE043B;
			text-transform: uppercase;
			color: #FFF;
			padding: 4px 10px;
			float: right;
			width: auto;
		}
		#form2 .form-field-required-star {
			float: right;
			color: #FFF;
		}



#body .two-col-left .tel {
	margin: 0 0 5px;
}

#body .two-col-left .email a {
	color: #666;
}

.st_facebook_vcount .stBubble_count, .st_fb_like_vcount .stBubble_count, .stButton .stBubble_count {
	background: #FFF !important;
}

.stButton .stBubble_count {
	color: #666 !important;
	font-weight: 400 !important;
	font-style: 17px !important;
}

.stButton .stBubble {
	background-position: 50% 40px !important;
}

.stButton .googleplus, .stButton .stumbleupon {
	text-indent: -9999px;
	margin-left: 35% !important;
}