* {
	margin: 				0;
	padding: 				0;
}

img, a, a img, fieldset, input, input:focus, button {
	border: 				0;
	outline: 				none;
}

body {
	font: 					normal 11px/20px Arial, Tahoma, sans-serif;
	color: 					#4c4c4c;
}


/* Font Face */

@font-face {
	font-family: 'NeutraDisplayAltBold';
	src: url('font/neutradisplay-boldalt-webfont.eot');
	src: local('☺'), 
		url('font/neutradisplay-boldalt-webfont.woff') format('woff'), 
		url('font/neutradisplay-boldalt-webfont.ttf') format('truetype'), 
		url('font/neutradisplay-boldalt-webfont.svg#webfontrhP7ayHN') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Headings */

h2 {
	font: 					normal 36px/40px "NeutraDisplayAltBold", Verdana, Arial, sans-serif;
	color: 					#1a3b93;
	padding: 				0 0 10px;
}

h3 {
	font: 					normal 24px/30px "NeutraDisplayAltBold", Verdana, Arial, sans-serif;
	color: 					#557fb6;
	padding: 				0 0 10px;
}

p {
	padding: 				0 0 20px;
}
p.small {
	text-align: 			right;
	color: 					#4c4c4c;
	font-size: 				11px;
	padding-top: 			6px;
}

p.error {
	color: 					#ff0000;
	font-weight: 			bold;
}


/* Buttons */

a {
	color: 					#557fb6;
	text-decoration: 		none;
	font-weight: 			bold;
}
a:hover {
	text-decoration: 		underline;
}

a.btn-blue-rounded {
	position: 				relative;
	display: 				block;
	float: 					left;
	height: 				21px;
	line-height: 			21px;
	background: 			url(../image/btn/blue-rounded-left-trans.png) no-repeat left top;
	padding: 				0 6px 0 28px;
	margin: 				0 0 5px;
	color: 					#fff;
	font-weight: 			normal;
	text-decoration: 		none;
}
a.btn-blue-rounded span {
	display: 				block;
	width: 					7px;
	height: 				21px;
	position: 				absolute;
	top: 					0;
	right: 					-7px;
	background: 			url(../image/btn/blue-rounded-right-trans.png) no-repeat left top;
}
a.btn-blue-rounded:hover {
	text-decoration: 		underline;
}

a.btn-arrow {
	padding: 				0 0 0 23px;
	background: 			url(../image/btn/arrow.png) no-repeat left top;
	display: 				inline-block;
	height: 				17px;
	font: 					bold 11px/17px Arial, sans-serif;
	color: 					#537db7;
	text-decoration: 		none;
}
a.btn-arrow:hover {
	text-decoration: 		underline;
}


/* Wrapper */

#wrapper {
	
}

.home {
	background: 			url(../image/bg/home.jpg) no-repeat center top;
}
.source {
	background: 			url(../image/bg/source.jpg) no-repeat center top;
}
.contact {
	background: 			url(../image/bg/contact.jpg) no-repeat center top;
}

.site {
	width: 					960px;
	margin: 				0 auto;
}

.source #header {
	height: 				410px;
}


/* Main Navigation */

#mainnav {
	width: 					782px;
	height: 				89px;
	margin: 				0 auto;
	padding: 				20px 0 0;
	list-style: 			none;
}
#mainnav li {
	display: 				block;
	float: 					left;
	padding: 				0 18px 0 0;
}
#mainnav li.last {
	padding-right: 			0;
}
#mainnav li.logo {
	width: 					178px;
	padding-right: 			0;
}
#mainnav li a.btn {
	display: 				block;
	float: 					left;
	width: 					142px;
	height: 				27px;
	margin: 				24px 0 0 0;
	background: 			url(../image/btn/mainnav-trans.png) no-repeat left top;
	font: 					normal normal 16px/27px "NeutraDisplayAltBold", Verdana, Arial, sans-serif;
	text-shadow: 			#fff 0px 1px 1px;
	color: 					#4d77b3;
	text-decoration: 		none;
	text-align: 			center;
}
#mainnav li a.btn:hover {
	color: 					#1a3b93;
}
#mainnav li a.active,
#mainnav li a.active:hover {
	background: 			url(../image/btn/mainnav-hover-trans.png) no-repeat left top;
	color: 					#fff;
	text-shadow: 			none;
}

#mainnav li h2 {
	width: 					91px;
	background: 			url(../image/logo-trans.png) no-repeat left top;
	height: 				73px;
	margin: 				0 auto;
}
#mainnav li h2 a {
	display: 				block;
	float: 					none;
	width: 					91px;
	height: 				73px;
	background-image: 		none !important;
	text-indent: 			-9999em;
	margin: 				0;
}


/* Headline */

.headline {
	padding: 				82px 0 0 570px;
	height: 				210px;
}


/* Pushbox */

#pushbox {
	height: 				240px;
	background: 			url(../image/bg/pushbox.png) no-repeat left top;
	margin: 				0 0 20px;
}
#pushbox ul {
	width: 					960px;
	padding: 				20px 0 0;
}
#pushbox ul li {
	display: 				block;
	position: 				relative;
	overflow: 				hidden;
	width: 					290px;
	height: 				200px;
	float: 					left;
	padding: 				0 0 0 20px;
	cursor: 				pointer;
}
#pushbox ul li a {
	position: 				relative;
	display: 				block;
}
#pushbox ul li.large { width: 300px; }

#pushbox ul li span.rounded {
	position: 				absolute;
	left: 					0;
	top: 					0;
	width: 					290px;
	height: 				200px;
	background: 			url(../image/bg/pushbox-small-trans.png) no-repeat left top;
}
#pushbox ul li.large span.rounded {
	width: 					300px;
	background: 			url(../image/bg/pushbox-trans.png) no-repeat left top;
}

#pushbox ul li div.flashBanner {
	width: 					290px;
	height: 				200px;
	position: 				relative;
	overflow: 				hidden;
}

#pushbox ul li a.overLink {
	position: 				absolute;
	display: 				block;
	text-indent: 			-9999em;
	left: 					0;
	top: 					0;
	width: 					290px;
	height: 				200px;
}


/* Content */

#content {
	padding: 				0 10px;
}

.columncontent {
	background: 			url(../image/bg/content-home.png) repeat-y center top;
}
.contactpage {
	margin: 				40px 0 0;
}

.lemonade {
	width: 					900px;
	margin: 				0 auto;
}

#content .smallcolumn {
	width: 					220px;
	float: 					left;
}
#content .smallcolumn .content {
	padding: 				0 10px 0 20px;
}
#content .smallcolumn .content .textImg {
	float: 					left;
	display: 				block;
	padding: 				0 10px 0 0;
}
#content .smallcolumn .content .centerImg {
	display: 				block;
	margin: 				0 auto;
}


#content .column {
	width: 					460px;
	float: 					left;
}
#content .spacer {
	width: 					20px;
	display: 				block;
	height: 				10px;
	float: 					left;
}

.home #content h3 {
	padding-left:			20px;
}


/* TabContainer */

.tabcontainer {
	
}

.tabcontainer ul.tabs {
	height: 				38px;
	background: 			url(../image/bg/tabs-line.png) repeat-x left bottom;
	list-style: 			none;
	padding: 				0 0 0 3px;
}
.tabcontainer ul.tabs li {
	display: 				block;
	float: 					left;
	height: 				38px;
	background: 			url(../image/bg/tabs.png) no-repeat right -38px;
	padding: 				0 6px 0 0;
}
.tabcontainer ul.tabs li.active {
	background-position: 	right -114px;
	margin: 				0 -5px 0 -6px;
}
.tabcontainer ul.tabs li.first.active {
	margin-left: 			0;
}
.tabcontainer ul.tabs li a {
	display: 				block;
	float: 					left;
	font-weight: 			normal;
	height: 				38px;
	background: 			url(../image/bg/tabs.png) no-repeat left top;
	padding: 				0 14px 0 20px;
	line-height: 			38px;
	color: 					#557fb6;
	text-decoration: 		none;
}
.tabcontainer ul.tabs li a:hover {
	text-decoration: 		underline;
}
.tabcontainer ul.tabs li.active a {
	background-position: 	left -76px;
	text-decoration: 		none;
	cursor: 				default;
}

.tabcontainer .tab {
	padding: 				10px 0;
}
.tabcontainer .tab p {
	padding: 				0 10px 10px;
}

.tabcontainer .tab ul.verticalList {
	list-style: 			none;
}
.tabcontainer .tab ul.verticalList li {
	background: 			#f6f7f9;
	padding: 				15px;
	clear: 					both;
	height: 				32px;
}
.tabcontainer .tab ul.verticalList li.dark {
	background: 			#f1f2f4;
}
.tabcontainer .tab ul.verticalList li p {
	padding: 				0;
	float: 					left;
	line-height: 			32px;
	height: 				32px;
}
.tabcontainer .tab ul.verticalList li img {
	float: 					left;
	padding: 				0 10px 0 0;
}

.tabcontainer .tab ul.horizontalList {
	list-style: 			none;
	height: 				220px;
}
.tabcontainer .tab ul.horizontalList li {
	background: 			#f6f7f9;
	width: 					114px;
	float: 					left;
	position: 				relative;
	height: 				208px;
	padding: 				12px 0 0;
}
.tabcontainer .tab ul.horizontalList li.dark {
	background: 			#f1f2f4;
}
.tabcontainer .tab ul.horizontalList li img {
	margin: 				0 auto;
	display: 				block;
}

.tabcontainer .tab ul.horizontalList li div.tooltip {
	width: 					85px;
	height:					100px;
	padding: 				20px 0 0 30px;
	position: 				absolute;
	display: 				none;
	top: 					71px;
	left: 					-58px;
	background: 			url(../image/img/mouseover-round-trans.png) no-repeat left top;
}
.tabcontainer .tab ul.horizontalList li div.tooltip h4 {
	font: 					normal 18px "NeutraDisplayAltBold", Verdana, Arial, sans-serif;
	color: 					#557fb6;
	padding: 				0 0 6px;
}
.tabcontainer .tab ul.horizontalList li div.tooltip p {
	padding: 				0;
	color: 					#537db7;
	font-size: 				11px;
	line-height: 			15px;
	width: 					75px;
}


/* Definition List */

dl.contactView {
	font-size: 				11px;
	color: 					#4c4c4c;
}
dl.contactView dt {
	clear: 					both;
	float: 					left;
	width: 					80px;
	font-weight: 			bold;
}
dl.contactView dd {
	float: 					left;
	width: 					125px;
}


dl.faq {
	
}
dl.faq dt {
	margin: 				20px 0 0;
	background: 			url(../image/btn/arrow-down.png) no-repeat left top;
	line-height: 			17px;
	padding: 				0 0 0 25px;
	font-weight: 			bold;
	color: 					#557fb6;
	cursor: 				pointer;
}
dl.faq dt.first {
	margin-top: 			0;
}

dl.faq dt.active {
	background: 			url(../image/btn/arrow-up.png) no-repeat left top;
}
dl.faq dd {
	padding: 				0 0 0 25px;
}


dl.largeProduct {
	width: 					680px;
	margin: 				0 auto;
	padding: 				55px 0 40px;
}
dl.largeProduct dt {
	background: 			url(../image/line-dashed.png) repeat-y right top;
	width: 					200px;
	float: 					left;
	clear: 					both;
	margin: 				0 0 20px;
}
dl.largeProduct dt img { display: block; }

dl.largeProduct dd {
	float: 					left;
	width: 					440px;
	padding: 				0 0 20px 20px;
}
dl.largeProduct dd p.dark {
	color: 					#537db7;
	font-weight: 			bold;
}

dl.extraPadding {
	padding: 				50px 0 0;
}

dl.productLemonade dt.smallLeft {
	float: 					left;
	display: 				inline;
	width: 					282px;
	padding: 				0 10px 0 0;
}
dl.productLemonade dt.smallLeft div {
	background: 			url(../image/line-dashed.png) repeat-y right top;
	padding: 				0 20px 0 0;
	height: 				240px;
}

dl.productLemonade dt.smallRight {
	float: 					right;
	display: 				inline;
	width: 					454px;
	padding: 				0 0 0 10px;
}
dl.productLemonade dt.smallRight div {
	background: 			url(../image/line-dashed.png) repeat-y left top;
	padding: 				0 0 0 20px;
	height: 				240px;
}

dl.productLemonade dd {
	float: 					left;
	width: 					90px;
	background: 			#f6f7f9;
	height: 				230px;
	padding: 				10px 5px 0 6px;
}

dl.productLemonade.smaller dd {
	display:				inline;
	width:					auto;
	padding: 				20px 0 0 0;	
}
dl.productLemonade.smaller dd img {
	margin:					0 0 15px;
}
dl.productLemonade dd.wider {
	padding: 				5px 7px 5px 8px;
}
dl.productLemonade dd.widest {
	padding: 				5px 20px 5px 20px;
}
dl.productLemonade dd.space {
	height: 				240px;
	padding: 				0;
	width: 					30px;
}
dl.productLemonade dd img {
	display: 				block;
	margin: 				0 auto;
}
dl.productLemonade dd span {
	display: 				inline-block;
	text-align: 			center;
	font-weight: 			bold;
	color: 					#557fb6;
	width: 					85px;
	margin: 				0 auto;
}



/* Contact Form */

form#contact {
	padding: 				0 10px;
}

form#contact p#contactResponse {
	font-weight: 			bold;
}

form#contact p.inputWrapper {
	float: 					left;
	padding: 				0 20px 10px 0;
}
form#contact p.last {
	padding-right: 			0;
}

form#contact label {
	display: 				block;
	font-weight: 			bold;
	color: 					#4c4c4c;
}
form#contact label.small {
	float: 					left;
	width: 					400px;
	line-height: 			12px;
	padding: 				0 0 8px 8px;
	font-weight: 			normal;
}

form#contact input[type=text] {
	background: 			url(../image/bg/input.png) repeat-x left top;
	height: 				14px;
	padding: 				5px;
	border: 				1px solid #c1d5e0;
	border-radius: 			3px;
	-moz-border-radius: 	3px;
	-webkit-border-radius: 	3px;
}
form#contact input.input-s { width: 48px; }
form#contact input.input-m { width: 118px; }
form#contact input.input-ml { width: 128px; }
form#contact input.input-l { width: 198px; }
form#contact input.input-xl { width: 268px; }

form#contact input[type=radio] {
	clear: 					both;
	float: 					left;
}

form#contact textarea {
	background: 			url(../image/bg/input.png) repeat-x left top;
	width: 					426px;
	height: 				92px;
	padding: 				5px;
	border: 				1px solid #c1d5e0;
	border-radius: 			3px;
	-moz-border-radius: 	3px;
	-webkit-border-radius: 	3px;
	font: 					normal 12px/20px Arial, Tahoma, sans-serif;
}

form#contact input:focus, form#contact textarea:focus {
	border-color: 			#a0b6d1;
}

form#contact .errorField {
	border-color: 			#ff0000 !important;
}

form#contact button {
	background: 			#1a3b93;
	padding: 				4px 12px;
	color: 					#fff;
	border-radius: 			3px;
	-moz-border-radius: 	3px;
	-webkit-border-radius: 	3px;
}


/* Source Page */

.source-text {
	position: 				relative;
	padding: 				60px 0 0;
}
.source-text .text {
	padding: 				0 238px;
	font-size: 				13px;
}

.source-text .text p {
	text-align: 			justify;
}

.source-text .flashMovieLeft {
	float: 					left;
	display: 				block;
	width: 					320px;
	height: 				200px;
	margin: 				10px 15px 10px -200px;
}

.source-text .flashMovieRight {
	float: 					right;
	display: 				block;
	width: 					240px;
	height: 				340px;
	margin: 				10px -120px 10px 15px;
}


/* Footer */

#footer {
	clear: 					both;
	margin: 				40px 0 0;
	padding: 				30px 0 20px;
	background: 			#f6f7f9;
	border-top: 			1px solid #d1dde8;
}
#footer .site {
	padding: 				0 10px;
	width: 					940px;
}

#footer .column {
	float: 					left;
	padding: 				0 60px 30px 0;
}
#footer .right {
	padding-right: 			0;
	text-align: 			right;
	float: 					right;
}

#footer p {
	color: 					#557eb6;
}
#footer p strong {
	color: 					#1a3b93;
}

#footer .column a {
	color: 					#1a3b93;
	font-weight: 			bold;
}

#footer p.light {
	color: 					#a5bad7;
	padding: 				0;
	width: 					700px;
	float: 					left;
}
#footer ul {
	width: 					140px;
	float: 					right;
	text-align: 			right;
	list-style: 			none;
}
#footer ul li {
	display: 				inline;
	padding: 				0 0 0 15px;
}
#footer ul li a {
	color: 					#a5bad7;
	font-weight: 			normal;
	text-decoration: 		none;
}
#footer ul li a:hover {
	text-decoration: 		underline;
}


/* Clear */

.clear {
	clear: 					both;
	height: 				0;
	font: 					0/0 sans-serif;
}


/* Overlay */

.mask {
	position: 				absolute;
	opacity: 				0.7;
	filter: 				alpha(opacity=70);
	-ms-filter: 			progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	z-index: 				10;
	background: 			#000;
}

#overlay {
	width: 					540px;
	height: 				325px;
	z-index: 				11;
	display: 				none;
}
#overlayContent {
	padding: 				35px 0 0;
}
#overlayContent div.left {
	float: 					left;
}
#overlayContent div.right {
	float: 					right;
}

#overlay #closeButton {
	display: 				block;
	width: 					109px;
	height: 				21px;
	background: 			url(../image/btn/close.png) no-repeat left top;
	position: 				absolute;
	right: 					0;
	top: 					0;
	text-indent: 			-9999em;
}