/*
	Awesome* Cascading Style Sheet
	----------------------------------------------------------------------------------------------

	Table of Contents:
		defaults
			- container, header, logo & navigation
			- page titles
			- content
			- twitter
			- footer
		homepage
		FAQ
		contact
		resets & misc
*/

/* defaults
------------------------------------------------------------------------------------------------*/

html {
	font-size: 16px;
	height: 100%;
}

body {
	font-family: Verdana, sans-serif;
	font-size: 62.5%;
	color: #6c6c6c;
	background: #ffffff url(../imgs/bg-sub.jpg) repeat-x;
	margin: 0; padding: 0;
	border-bottom: 25px solid #d9d9d9;
}

/* container, header, logo & navigation
------------------------------------------------------------------------------------------------*/

div#container {
	width: 948px;
	margin: 0 auto;
}

.header, .home-header {
	width: 948px;
	height: 121px;
	padding: 50px 0 0 0;
	background: url(../imgs/header-bg.jpg) no-repeat;
}

	.home-header {
		height: 450px;
		background: none;
	}

	.header h1, .home-header h1 {
		background: url(../imgs/logo.png) no-repeat;
		text-indent: -9999px;
		float: left;
	}

		.header h1 a, .home-header h1 a {
			width: 324px;
			height: 97px;
			display: block;
		}

	.header a.twitter-head, .home-header a.twitter-head {
		font-size: 1.1em;
		color: #5a5c5d;
		letter-spacing: 1.5px;
		text-transform: uppercase;
		text-decoration: none;
		background: url(../imgs/client-login-bg.png) no-repeat right 3px;
		padding: 0 10px 0 0;
		float: right;	
	}

		.header a.twitter-head:hover, .home-header a.twitter-head:hover {
			color: #8ac2c5;
			background: url(../imgs/client-login-bg.png) no-repeat right -9px;
		}

	.header ul, .home-header ul {
		margin: 20px 3px 0 0;
		clear: right;
		list-style: none;
		float: right;
	}

		.header li, .home-header li {
			text-indent: -9999px;
			float: left;
		}

		.header li a, .home-header li a {
			display: block;
		}

		.header li a.home, .home-header li a.home {
			width: 88px;
			height: 33px;
			background: url(../imgs/home-bg.png) no-repeat;
		}

		.header li a.pricing, .home-header li a.pricing {
			width: 167px;
			height: 33px;
			margin: 0 4px 0 0;
			background: url(../imgs/pricing-bg.png) no-repeat;
		}


		.header li a.contact, .home-header li a.contact {
			width: 104px;
			height: 33px;
			background: url(../imgs/contact-bg.png) no-repeat;
		}

		.header li a.get-started, .home-header li a.get-started {
			width: 107px;
			height: 20px;
			margin: 10px 0 0 24px;
			background: url(../imgs/get-started-bg.png) no-repeat;
		}

			.header li a.get-started:hover, .home-header li a.get-started:hover {
				background: url(../imgs/get-started-bg.png) no-repeat 0 -26px;
			}

			.header li a:hover, .home-header li a:hover {
				background-position: 0 -33px;
			}

		.header li a#current, .home-header li a#current {
			background-position: 0 -76px;
		}

			.header li a#current:hover, .home-header li a#current:hover {
				background-position: 0 -76px;
			}

/* sub-page titles
------------------------------------------------------------------------------------------------*/
		
h2.faq-head {
	width: 833px;
	height: 45px;
	background: url(../imgs/faq-head-bg.png) no-repeat;
	text-indent: -9999px;
	margin: 56px 0 0  178px;
}

h2.contact-head {
	width: 280px;
	height: 46px;
	background: url(../imgs/contact-head-bg.png) no-repeat;
	text-indent: -9999px;
	margin: 50px 0 0 330px;
}

/* content
------------------------------------------------------------------------------------------------*/

.content, .home-content {
	padding: 100px 0 0 0;
	clear: both;
}

.home-content {
	padding: 32px 0 0 0;
}


/* rollover
------------------------------------------------------------------------------------------------*/

.rollover{
	top:-49px;
	left: 8px;
	position:absolute;
	width: 327px;
	height: 39px;
	background: url(../imgs/rollover-learn-more.gif) no-repeat;
	visibility: hidden;
}
.rollover .dark {
	width: 327px;
	height: 38px;
	background: url(../imgs/rollover-learn-more.gif) no-repeat bottom left;
	display: block;
	visibility: hidden;
}


/* tooltip
------------------------------------------------------------------------------------------------*/

.tooltip-wrapper {
	bottom:102px;
	left: -103px;
	position:absolute;
	width:305px;
	padding: 0 0 30px 0;
	display: none;
}

	.tooltip {
		width: 225px;
		padding: 20px 40px 0 40px;
		background: url(../imgs/tooltip-bg.png) no-repeat;
	}

		.tooltip h4 {
			color: #c2c081;
			font-size: 1.1em;
			text-transform: uppercase;
			padding: 0 0 20px 0;
			text-indent: 0;
		}

		.tooltip p {
			font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
			font-size: 1.2em;
			line-height: 1.4em;
			color: #abb0b8;
			padding: 0 0 20px 0;
			text-indent: 0;
		}

	.tooltip-footer {
		width: 305px;
		height: 6px;
		padding: 14px 0 0 0;
		background: url(../imgs/tooltip-footer-bg.png) no-repeat top;
	}

	.tooltip-wrapper .arrow_alt {
		width: 12px;
		height: 6px;
		margin: 0 auto;
		display: none;
		background: url(../imgs/tooltip-arrow_alt.png) no-repeat;
	}

		.tooltip-footer .arrow {
			width: 12px;
			height: 6px;
			margin: 0 auto;
			background: url(../imgs/tooltip-arrow.png) no-repeat;
		}

/* twitter
------------------------------------------------------------------------------------------------*/

.twitter-box {
	color: #4d4511;
	font-size: 1.2em;
	width: 880px;
	height: 63px;
	padding: 0 15px 0 55px;
	background: url(../imgs/twitter-bg.png) no-repeat;
}
	.twitter-box .tweet_list {
		list-style: none;
	}

	.twitter-box .loading {
		padding: 15px 0 0 0;
		float: left;
	}

	.twitter-box span {
		padding: 15px 5px 0 0;
		float: left;
	}

		.twitter-box span a {
			color: #4d4511;
			text-decoration: underline;
		}

			.twitter-box span a:hover {
				text-decoration: none;
			}

	.follow-twitter {
		width: 65px;
		height: 26px;
		margin: 9px 0 0 0;
		background: url(../imgs/twitter-follow-bg.png) no-repeat;
		text-indent: -9999px;
		display: block;
		float: right;
	}

/* footer
------------------------------------------------------------------------------------------------*/

.footer {
	font-size: 0.9em;
	color: #828279;
	text-transform: uppercase;
	height: 115px;
	margin: 0 0 0 19px;
	background: url(../imgs/footer-bg.png) no-repeat;
}

	.footer .validation {
		list-style: none;
		padding: 28px 0 0 290px;
		float: left;
	}

		.footer .validation li {
			float: left;
		}

		.footer .validation a {
			font-family: "Gill Sans", Verdana, san-serif;
			color: #c4c4c4;
			font-size: 1.2em;
			letter-spacing: 1.5px;
			text-decoration: none;
			padding: 0 15px 0 0;
		}

			.footer .validation a:hover {
				text-decoration: underline;
			}

	.footer .logos {
		margin: 10px 0 0 0;
		list-style: none;
		float: right;
	}

		.footer .logos li {
			text-indent: -9999px;
			float: left;
		}

		.footer .logos li a.awesome {
			width: 168px;
			height: 48px;
			margin: 0 40px 0 0;
			background: url(../imgs/footer-awesome.png) no-repeat;
			display: block;
		}

		.footer .logos li a.patternmade {
			width: 188px;
			height: 47px;
			margin: 0 10px 0 0;
			background: url(../imgs/footer-patternmade.png) no-repeat;
			display: block;
		}

			.footer .logos li a.patternmade:hover {
				background-position: 0 -47px;
			}

	.footer div {
		text-align: right;
		font-size: 1.1em;
		letter-spacing: 1px;
		width: 929px;
		padding: 25px 50px 0 0;
		clear: both;
	}

		.footer div a {
			color: #605f55;
			font-weight: bold;
			text-decoration: none;
			padding: 0 10px 0 0;
			background: url(../imgs/client-login-footer-bg.png) no-repeat right 2px;
		}

			.footer div a:hover {
				color: #605f55;
				text-decoration: underline;
			}

/* homepage
------------------------------------------------------------------------------------------------*/

#home {
	background: #fff url(../imgs/bg-home.jpg) no-repeat top center;
}

.home-header h2 {
	text-indent: -9999px;
	width: 500px;
	height: 111px;
	margin: 24px 0 7px 0;
	background: url(../imgs/we-add-javascript.png) no-repeat top center;
	float: right;
	clear: both;
}

	.home-header p {
		color: #d2dadf;
		font-family: "Gill Sans", "Lucida Grande", Arial, sans-serif;
		font-size: 2.1em;
		text-align: center;
		width: 501px;
		height: 102px;
		clear: both;
		float: right;
	}

		.home-header p .title {
			color: #e5e6e8;
		}

		.home-header p a {
			color: #cdf0f6;
			text-decoration: none;
			padding: 0 4px 2px 4px;
			background: url(../imgs/header-link-bg.png) repeat-x 0 7px;
		}

			.home-header p a:hover {
				color: #e3fbff;
				background-position: bottom left;
			}

		.home-header p .header-price {
			font-size: 0.8em;
			padding: 0 0 0 3px;
		}

		.home-header .fire {
			text-indent: -9999px;
			width: 185px;
			height: 28px;
			margin: 0 155px 0 0;
			background: url(../imgs/fire-when-ready.png) no-repeat;
			clear: both;
			float: right;
		}

			.fire:hover {
				background-position: 0 -29px;
			}

/*
#home h2.learn-process {
	text-indent: -9999px;
	width: 948px;
	height: 9px;
	margin: 0 0 21px 0;
	background: url(../imgs/process-rollover-bg.png) no-repeat top center;
}
*/

.process {
	margin: 7px 0 0 0;
	list-style: none;
}

	.process li {
		text-indent: -9999px;
		height: 100px;
		float: left;
		position: relative;
	}

	.process .start, .process .analyze, .process .agree, .process .code, .process .test, .process .deliver {
		width: 100px;
		cursor: pointer;
	}

	.process .start {
		margin: 0 70px 0 0;
		background: url(../imgs/process-start.png) no-repeat;
	}
	
	.process .analyze {
		margin: 0 70px 0 0;
		background: url(../imgs/process-analyze.png) no-repeat;
	}

	.process .agree {
		margin: 0 70px 0 0;
		background: url(../imgs/process-agree.png) no-repeat;
	}

	.process .code {
		margin: 0 66px 0 0;
		background: url(../imgs/process-code.png) no-repeat;
	}

	.process .test {
		margin: 0 66px 0 0;
		background: url(../imgs/process-test.png) no-repeat;
	}

	.process .deliver {
		margin: 0;
		background: url(../imgs/process-deliver.png) no-repeat;
	}

		.process .start:hover, .process .analyze:hover, .process .agree:hover, .process .code:hover, .process .test:hover, .process .deliver:hover {
			background-position: 0 -100px;
		}

.home-left {
	width: 550px;
	padding: 57px 0 0 0;
	float: left;
}

	.home-left h2 {
		text-indent: -9999px;
		width: 600px;
		height: 44px;
		background: url(../imgs/about-us-bg.png) no-repeat;
	}

	.home-left .we-are {
		text-align: center;
		width: 290px;
		padding: 28px 0 0 0;
		float: left;
	}

		.we-are h3 {
			text-indent: -9999px;
			height: 12px;
			margin: 0 0 25px 100px;
			background: url(../imgs/the-team-bg.png) no-repeat;
		}

		.we-are p {
			font-family: Cambria, Georgia, Times, serif;
			color: #747474;
			font-size: 1.7em;
			line-height: 27px;
			padding: 5px 0 15px 0;
		}

			.we-are p span {
				color: #030303;
				font-variant: small-caps;
				letter-spacing: 2px;
			}

	.home-left .our-code {
		text-align: center;
		width: 195px;
		padding: 28px 0 0 0;
		float: right;
	}

		.our-code h3 {
			text-indent: -9999px;
			height: 12px;
			margin: 0 0 29px 51px;
			background: url(../imgs/the-code-bg.png) no-repeat;
		}

		.our-code p {
			font-family: Cambria, Georgia, serif;
			color: #6c6c6c;
			font-size: 1.5em;
			line-height: 21px;
			padding: 0 0 25px 0;
		}

			.our-code p span {
				font-family: Cambria, Georgia, serif;
				color: #000000;
				font-size: 0.8em;
				text-transform: uppercase;
				letter-spacing: 1px;
			}

		.our-code a {
			font-family: Cambria, Georgia, serif;
			color: #416a89;
			font-size: 1.2em;
			letter-spacing: 1px;
			text-decoration: none;
			text-transform: uppercase;
			float: left;
			margin: 0 0 0 50px; padding: 0 0 3px 0;
			background: url(../imgs/dotted-bg.png) repeat-x bottom left;
		}

			.our-code a:hover {
				color: #416a89;
				background: none;
			}

.home-right {
	width: 330px;
	padding: 50px 0 0 0;
	float: right;
}

	.home-right h2 {
		text-indent: -9999px;
		height: 35px;
		margin: 0 0 28px 0;
		background: url(../imgs/good-fit-bg.png) no-repeat;
	}
	
	.home-right p {
		font-family: Cambria, Georgia, serif;
		color: #6c6c6c;
		font-size: 1.5em;
		line-height: 21px;
		margin: 0 0 20px 0; padding: 0 0 0 79px;
	}
	
		.home-right p .caps {
			color: #181818;
			letter-spacing: 1px;
			font-size: 0.8em;
			text-transform: uppercase;
		}
		
		.home-right p a {
			color: #416a89;
			text-decoration: none;
		}
			
			.home-right p a:hover {
				text-decoration: underline;
			}
	
		.home-right p.design {
			background: url(../imgs/icon-scissors.png) no-repeat center left;
		}
		
		.home-right p.webpage {
			background: url(../imgs/icon-star.png) no-repeat center left;
		}
		
		.home-right p.premade {
			background: url(../imgs/icon-lightning.png) no-repeat center left;
		}
		
		.home-right p.tailor-made {
			background: url(../imgs/icon-tube.png) no-repeat center left;
		}
		
		.home-right p.web-company {
			background: url(../imgs/icon-refresh.png) no-repeat center left;
			margin: 0;
		}
		
.footnote {
	padding: 40px 0 0 0;
	clear: both;
}

	.footnote .amount {
		text-indent: -9999em;
		width: 48px;
		height: 48px;
		margin: 0 30px 25px 125px;
		background: url(../imgs/donation-amount-bg.png) no-repeat;
		float: left;
	}

	.footnote .note {
		font-family: Cambria, Georgia, serif;
		color: #808080;
		font-size: 1.5em;
		font-style: italic;
		line-height: 22px;
		padding: 10px 0 0 0;
		float: left;
	}

		.note span {
			color: #44443c;
		}

/* FAQ
------------------------------------------------------------------------------------------------*/

.faq-left {
	width: 565px;
	margin: 0 0 50px 0; padding: 10px 50px 0 0;
	background: url(../imgs/faq-separator-bg.png) right repeat-y;
	float: left;
}

	.faq-top {
		font-family: Georgia, serif;
		font-size: 1.3em;
		color: #8b8a26;
		font-style: italic;
		padding: 0 0 50px 0;
		display: block;
	}

	.faq-top a:hover {
		text-decoration: none;
	}

	.faq-left h3 {
		font-size: 1.8em;
		color: #353232;
		text-transform: uppercase;
		padding: 0 0 20px 0;
	}

	.faq-left p {
		font-family: Georgia, serif;
		font-size: 1.7em;
		color: #747266;
		line-height: 1.7em;
		padding: 0 0 35px 0;
	}

	.faq-left ul {
		list-style: none;
	}
	
	.average-price-list {
		margin: 0 0 35px 0;
	}
	
		.average-price-list .tooltip-wrapper {
			bottom: 0;
			left: 5px;
			position:absolute;
			width:305px;
			padding: 0;
			display: none;
			font-size: 10px;
		}
		.average-price-list .tooltip-wrapper .arrow {
			margin: 0 0 0 30px
		}
		.average-price-list .tooltip-wrapper p {
			font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
			font-size: 1.2em;
			line-height: 1.4em;
			color: #abb0b8;
			padding: 0 0 20px 0;
			text-indent: 0;
			text-transform:none;
		}

		.average-price-list li {
			font-size: 1.2em;
			height: 20px;
			text-transform: uppercase;
			border-bottom: 1px solid #dddbc6;
			padding: 8px 18px 10px 0;
			clear: both;
		}

		li.prices-header {
			font-family: Georgia, serif;
			font-size: 1.2em;
			color: #000;
			letter-spacing: 1px;
			border-bottom: 1px solid #aeacad;
			padding: 10px 20px 10px 0;
		}

			li.prices-header span {
				font-size: 1.0em;
				float: left;
			}

				li.prices-header .details {
					color: #5d5a5a;
					text-transform: none;
					font-style: italic;
					padding: 0 0 0 10px;
					float: left;
				}

			li.prices-header .average-price {
				color: #5d5a5a;
				font-size: 1.0em;
				float: right;
			}

		.script-type {
			padding: 5px 0 1px 0;
			float: left;
		}

			.script-type {
				color: #5d5a5a;
				text-decoration: none;
				background: url(../imgs/dotted-bg.png) repeat-x bottom;
				cursor: pointer;
			}

				.script-type:hover {
					color: #434343;
					text-decoration: none;
					background: none;
				}

		.price {
			color: #160f09;
			font-size: 0.9em;
			font-weight: bold;
			text-align: center;
			width: 72px;
			height: 18px;
			padding: 4px 0 0 0;
			background: url(../imgs/price-faq-bg.png) no-repeat;
			float: right;
		}

	#further-notes {
		padding: 24px 0 20px 0;
	}

	.faq-topics {
		text-indent: -9999em;
		height: 21px;
		margin: 0 0 20px 0; padding: 0 0 14px 0;
		background: url(../imgs/faq-topics.png) no-repeat;
		border-bottom: 1px solid #bebebe;
	}

	.faq-vitals {
		text-indent: -9999em;
		width: 55px;
		height: 11px;
		background: url(../imgs/faq-vitals.png) no-repeat;
	}

	.faq-projects {
		text-indent: -9999em;
		width: 79px;
		height: 11px;
		background: url(../imgs/faq-projects.png) no-repeat;
	}
	
	.faq-left .faq-projects {
		margin: 40px 0 0 0;
	}

	.faq-code {
		text-indent: -9999em;
		width: 43px;
		height: 11px;
		background: url(../imgs/faq-code.png) no-repeat;
	}
	
	.faq-left .faq-code {
		margin: 40px 0 0 0;
	}

	.faq-misc {
		text-indent: -9999em;
		width: 44px;
		height: 11px;
		background: url(../imgs/faq-misc.png) no-repeat;
	}
	
	.faq-left .faq-misc {
		margin: 80px 0 0 0;
	}

	#faq-xhtml-note {
		display: block;
		margin: 10px 0 30px 0;
	}

	.faq-note {
		font-family: Georgia, serif;
		color: #000;
		font-size: 1.3em;
		font-weight: normal;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	
	.list-red {
		padding: 0 0 20px 0;
	}

	.list-red li {
		font-family: Georgia, serif;
		color: #485268;
		font-size: 1.5em;
		text-transform: none;
		line-height: 1.5em;
		font-style: italic;
		border: 0;
		background: url(../imgs/bullet-red.png) no-repeat 0 7px;
		height: auto;
		padding: 0 0 20px 30px;
	}
	
	.faq-footnote {
		font-family: Georgia, serif;
		color: #5f5f5f;
		font-size: 1.4em;
		font-style: italic;
	}

	.faq-project-type {
		padding: 0; margin: 0 0 20px 0;
	}

		.faq-project-type li {
			font-family: Georgia, serif;
			color: #6c6c6c;
			font-size: 1.7em;
			text-transform: none;
			padding: 10px 0;
			border: 0;
			height: auto;
		}

			.faq-project-type li span {
				color: #212121;
				font-size: 0.8em;
				text-transform: uppercase;
				letter-spacing: 1px;
			}

	.list-black li {
		font-family: Georgia, serif;
		color: #6c6c6c;
		font-size: 1.7em;
		text-transform: none;
		background: url(../imgs/bullet-black.png) no-repeat 0 7px;
		height: auto;
		padding: 0 0 20px 30px;
		border: 0;
	}

	#faq-guidelines-design, #faq-guidelines-brief {
		margin: 40px 0 0 0;
	}
	
	.faq-left .guideline-head {
		padding: 0 0 15px 0;
	}

	.faq-left p a {
		color: #2c507a;
		text-decoration: underline;
	}

		.faq-left p a:hover {
			text-decoration: none;
		}

	.faq-emphasis {
		color: #272727;
		font-size: 0.9em;
		letter-spacing: 1px;
		font-variant: small-caps;
	}

	.faq-left p em {
		color: #434343
	}

	#faq-compliance {
		display: block;
		margin: 0 0 30px 0;
	}

.faq-right {
	width: 262px;
	padding: 7px 20px 0 0;
	float: right;
}

	.faq-right h4 {
		color: #3c4259;
		font-size: 1.4em;
		text-transform: uppercase;
	}

	.faq-right ul {
		font-family: Georgia, serif;
		font-size: 1.7em;
		list-style: none;
		padding: 20px 0 50px 0;
	}

		.faq-right li {
			line-height: 1.4em;
			padding: 0 0 12px 0;
		}

		.faq-right li a {
			color: #2c507a;
		}

		.faq-right li a:hover {
			text-decoration: none;
		}

#back-to-top {
	text-indent: -9999em;
	display: block;
	display: none;
	z-index: 999; 
	position: fixed;
	top: 100%;
	margin-top: -30px;
	left: 80%;
	margin-left: -80px;
	width: 143px;
	height: 30px;
}

	#back-to-top a {
		background: url(../imgs/back-to-top-bg.png) no-repeat;
		width: 143px;
		height: 30px;
		display: block;
	}
	
	#back-to-top a:hover {
		background-position: bottom;
	}

/* contact
------------------------------------------------------------------------------------------------*/

.contact-left {
	text-align: center;
	width: 300px;
	padding: 0 115px 0 20px;
	float: left;
}

	.contact-left h3 {
		color: #15100c;
		font-size: 1.6em;
		text-transform: uppercase;
	}

	.contact-left p {
		font-family: Georgia, serif;
		color: #5e5e5e;
		font-size: 2.0em;
		line-height: 30px;
		padding: 15px 0 20px 0;
	}

	.contact-left .email {
		color: #090604;
		font-size: 1.3em;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 30px;
	}

	.contact-left .vcard {
		font-size: 1.1em;
		color: #8e7926;
		font-weight: bold;
		background: url(../imgs/vcard-bg.png) no-repeat 0 2px;
		text-transform: uppercase;
		text-decoration: none;
		padding: 0 0 4px 18px;
		clear: both;
	}

.contact-right {
	width: 505px;
	padding: 0 0 70px 0;
	float: right;
}

	.contact-right h3 {
		text-indent: -9999em;
		height: 28px;
		margin: 0 0 0 127px; padding: 0 0 30px 125px;
		background: url(../imgs/get-in-touch.png) no-repeat;
	}
	
	.contact-right label {
		font-family: Georgia, sans-serif;
		font-size: 1.4em;
		color: #29241c;
		text-align: right;
		text-transform: uppercase;
		letter-spacing: 1px;
		width: 117px;
		padding: 12px 10px 0 0;
		float: left;
	}
	
		.contact-right label sup {
			font-size: 0.6em;
			color: #b31808;
		}

	.contact-right .input {
		font-family: Georgia, sans-serif;
		color: #042d2e;
		font-size: 18px;
		width: 350px;
		height: 28px;
		margin: 0 0 14px 0; padding: 5px 0 0 20px;
		background: url(../imgs/input-bg.png) no-repeat;
		border: 4px solid #32a3ad;
		float: left;
	}

		.contact-right .input:focus {
			border: 4px solid #205b64;
			
		}

	.js ul.newList {
		left: -9999px;
	}

		ul.newList * {
			margin: 0; padding: 0;
		}
	
	ul.newList {
		width: 284px;
		margin: 2px 0 0 0; padding: 0;
		list-style: none;
		background: #afe0e5;
		position: absolute;
		border-left: 1px solid #85bfc2;
		border-right: 1px solid #85bfc2;
		border-bottom: 1px solid #85bfc2;
		top: 37px;
		left: 0;
		overflow: hidden;
		z-index: 9999;
	}

	.newListSelected {
		font-family: Georgia, sans-serif;
		width: 280px;
		color: #042d2e;
		font-size: 18px;
		height: 29px;
		margin: 0; padding: 10px 0 0 25px;
		float: left;
		background: url(../imgs/select-bg.png) no-repeat;
	}

		.newListSelected span {
			width: 280px;
			display: block;
		}

	ul.newList li {
		color: #3e4e5f;
		padding: 7px 25px;
		border-top: 1px solid #85bfc2;
		font-size: 14px;
		overflow: hidden;
	}

	.selectedTxt {
		width: 253px;
		height: 37px;
		overflow: hidden;
		padding: 0 33px 0 0;
		cursor: pointer;
	}

	.hiLite {
		background: #91dbe2 !important;
		color: #3e4e5f !important;
	}

	.newListHover {
		background: #aae5eb !important;
		color: #3e4e5f !important;
		cursor: pointer;
	}
	
		.newListSelHover, .newListSelFocus {
			cursor: pointer;
		}
	
	.newListOptionTitle {
		font-weight: bold;
	}
	
	.newListOptionTitle ul {
		margin: 3px 0 0;
	}
	
	.newListOptionTitle li {
		font-weight: normal;
		border-left: 1px solid #ccc;
	}

	.contact-right .textarea {
		font-family: Georgia, serif;
		font-size: 1.9em;
		color: #260c0c;
		width: 330px;
		height: 255px;
		margin: 14px 0 20px 0; padding: 10px 20px 10px 20px;
		background: #afe0e5 url(../imgs/textarea-bg.png) no-repeat top left;
		border: 4px solid #32a3ad;
		float: left;
		overflow: auto;
	}
	
		.contact-right .textarea:focus {
			border: 4px solid #205b64;
		}

	.contact-right .submit {
		width: 169px;
		height: 46px;
		margin: 0 0 0 127px;
		background: url(../imgs/submit-bg.png) no-repeat;
		cursor: pointer;
		text-indent: -9999px;
		font-size: 0em;
		display: block;
		line-height: 0px;
		clear: both;
		float: left;
	}

		.contact-right .submit:hover {
			background-position: 0 -46px;
		}
		
	.contact-right .contact-status {
		font-size: 1.0em;
		color: #512d25;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		float: left;
		padding: 17px 0 0 30px; 
		display: none;
	}
	
div#success-container {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: url(../imgs/success-bg.png);
	display: none;
}

	.success-content {
		font-family: Georgia, serif;
		width: 602px;
		height: 253px;
		margin: 0 auto;
		background: #4b4b4b;
	}

		.success-content .content-wrapper {
			padding: 40px;
		}

		.success-content h2 {
			text-indent: -9999em;
			height: 33px;
			margin: 0 0 10px 0; padding: 0 0 25px 0;
			background: url(../imgs/success-header.png) no-repeat;
			border-bottom: 1px dotted #7d7d7d;
		}

		.success-content p {
			color: #aeaeae;
			font-size: 22px;
			line-height: 30px;
			padding: 0 0 30px 0;
		}

		.success-content a {
			color: #dadada;
			text-transform: uppercase;
			letter-spacing: 2px;
			text-decoration: none;
		}

		.success-content a:hover {
			text-decoration: underline;
		}

/* resets & misc
------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, p, form, input, textarea, ul, li, a img {
	margin: 0; padding: 0;
	border: 0; outline: 0;
	vertical-align: baseline;
	background: transparent;
}

:focus {
	outline: 0;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.clear {
	clear: both;
}