@import url('reset.css');
/* CSS Document */

body {
	background: #e8e8e8;
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
	color: #2f302f;
}

a,
a:link,
a:visited {
	color: #234f92;
	text-decoration: underline;
}
a:hover {
	color: #2f302f;
	text-decoration: underline;
}

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

.alignleft {
	float: left;
}
.alignright {
	float: right;
}
img.alignleft {
	display: inline;
	margin: 0 7px 2px 0;
}
img.alignright {
	display: inline;
	margin: 0 0 2px 7px;
}

#wrapper {
	background: url(images/wrapper.gif) repeat-y top center;
	margin: 0 auto;
	padding: 0 26px;
	width: 939px;
}
#container {
	padding: 18px 20px;
}

/* *** header *** */
#header {
	background: url(images/header-bg.gif) repeat-x bottom left #FFF;
	border-bottom: 1px solid #88a4d1;
	height: 99px;
	position: relative;
}
	#header h1 {
		background: url(images/logo.gif) no-repeat center left;
		float: left;
		height: 67px;
		margin: 16px 0 0 19px;
		text-indent: -9999px;
		width: 408px;
	}
		#header h1 a {
			display: block;
			height: 67px;
			outline: none;
		}
		
	#logo-img {
		background: url(images/header.gif) no-repeat bottom center;
		display: block;
		height: 86px;
		position: absolute; bottom: 0; right: 20px;
		width: 257px;
	}
	
/* *** navigation *** */
#nav {
	overflow: auto;
	margin-bottom: 20px;
}
	#nav li {
		float: left;
		margin-right: 15px;
	}
		#nav li a {
			border: 1px solid transparent;
			color: #4e77bb;
			display: block;
			float: left;
			font: bold 18px arial;
			text-decoration: none;
		}
			#nav li a span {
				display: block;
				float: left;
				padding: 10px 20px;
				margin-top: -1px;
			}
			
		#nav li a:hover, #nav li.cur a {
			background: url(images/hover.gif) repeat-x top left #cbd7eb;
			border: 1px solid #cad6ea;
			color: #1f4783;
		}
			#nav li.cur a span {
				background: url(images/cur.gif) no-repeat top center;
			}
			
/* *** testimonial *** */
.testimonial {
	background: #4570bd url(images/testimonial.gif) repeat-x center left;
	border: 1px solid #325b99;
	height: 114px;
	margin-bottom: 24px;
}
	.testimonial blockquote {
		background: url(images/testimonial-text.gif) no-repeat top left;
		height: 82px;
		margin-left: 139px;
		text-indent: -9999px;
		margin: 15px 0 0 155px;
		width: 719px;
	}
	
/* *** left column homepage *** */
.col1 {
	float: left;
	margin-bottom: 20px;
	width: 456px;
}

	/* *** form *** */
	#form1 {
		display: block;
		position: relative;
	}
		#form1 .next, #form1 .go {
			background: url(images/next.gif) no-repeat center center;
			border: 0;
			cursor: pointer;
			height: 45px;
			position: absolute;
			bottom: 11px; right: 17px;
			outline: none;
			text-indent: -9999px; outline: none;
			width: 127px;
		}
		#form1 .prev {
			color: #2f302f;
			position: absolute; bottom: 24px; left: 17px;
			text-decoration: none;
		}
			#form1 .prev span { text-decoration: underline; margin-left: 1px; }
		
		#form1 .go {
			background: url(images/send.gif) no-repeat center center;
			height: 35px;
			width: 104px;
		}
	.form {
		background: #fbfbfb url(images/box.gif) repeat-x bottom left;
		border: 1px solid #2f5897;
		margin-bottom: 25px;
	}
	
		.form h3 {
			background: #4d76bb;
			border-top: 1px solid #96acd5;
			border-bottom: 1px solid #3d65b7;
			color: #FFF;
			font: bold 17px arial;
			padding: 17px 10px; padding-left: 209px;
			position: relative;
		}
			.form h3 span {
				background: url(images/arrow.gif) no-repeat center left;
				display: block;
				font-size: 19px;
				height: 77px;
				line-height: 77px;
				padding-left: 12px;
				position: absolute; left: 0; top: -11px;
				width: 163px;
			}
			
	.form .inner {
		border-top: 1px solid #234f92;
		padding: 17px;
	}
	.form .input {
		border: 1px solid #7e9db9;
		color: #2f302f;
		font: normal 12px arial;
		padding: 4px;
	}
		.form legend {
			display: block;
			margin-bottom: 12px;
		}
	
		#stepOne .inner {
			height: 110px;
		}
		#stepTwo .inner {
			height: 175px;
		}
		#stepThree .inner {
			height: 170px;
		}
		
		#stepOne input.input {
			width: 116px;
		}
		#stepTwo input.input {
			width: 76px;
		}
		#stepThree input.input {
			width: 96px;
		}
		
		.step .alignright {
			text-align: right;
		}
			.step .alignright li, #stepTwo li {
				margin-bottom: 8px;
			}
			
		#stepOne .alignright label {
			display: block;
			float: left;
			line-height: 26px;
			text-align: left;
			width: 90px;
		}
		#stepTwo .alignright label {
			float: left;
			line-height: 26px;
			margin-right: 10px;
		}
		#stepThree label {
			display: block;
			float: left;
			line-height: 26px;
			margin-right: 10px;
			width: 70px;
		}
			#stepThree li {
				clear: left;
				height: 26px;
				margin-bottom: 8px;
			}
		
		#stepOne select {
			width: 126px;
		}
		#stepTwo select {
			width: 86px;
		}

/* *** calculator *** */
#calc {
	border: 1px solid #757675;
	float: right;
	margin-bottom: 20px;
	width: 417px;
}
	#calc h2 {
		background: url(images/calc.gif) repeat-x bottom left #dedfdb;
		border-top: 1px solid #ebebe9;
		font: bold 19px arial;
		padding: 16px 17px;
	}
	
	#calc .inner {
		border-top: 1px solid #757675;
		padding: 17px;
		position: relative;
	}
	
	#calc label {
		display: block;
		float: left;
		margin-bottom: 10px;
		padding-right: 5px;
		width: 120px;
		white-space: nowrap;
	}
	#calc .formItem {
		clear: both;
		padding-bottom: 8px;
	}
	#calc input, #calc select {
		border: 1px solid #7e9db9;
		color: #2f302f;
		display: block;
		font: normal 12px arial;
		margin-left: auto;
		padding: 4px;
	}
		#calc .inner:first-child input, #calc .inner:first-child select { margin-left: 0; }
	#calc input {
		width: 125px;
	}
		#calc input.gbp {
			background: url(images/pound.gif) no-repeat 6px 50%;
			padding-left: 13px;
			width: 117px;
		}
	
	#calc select {
		width: 135px;
	}
	
	#calc .go {
		background: #4e77bb url(images/calcGo.gif) no-repeat center center;
		display: block;
		height: 35px;
		margin-left: auto; margin-top: 10px;
		text-indent: -9999px; outline: none;
		width: 104px;
		
		position: absolute; bottom: 17px; right: 17px;
	}
	
/* *** content *** */
.post {
	margin-bottom: 25px;
}
	.post h1 {
		color: #1f4783;
		font-size: 21px;
		margin-bottom: 12px;
	}
	
	/* content styling */
	.entry {
	}
		.entry a {
			font-weight: bold;
		}
		.entry p {
			line-height: 160%;
			margin-bottom: 15px;
		}
		
	/* 468 banner */
	.foursixeight {
		background: url(images/468.gif) no-repeat center center;
		height: 60px;
		margin: 0 auto;
		position: relative;
		width: 468px;
	}
		.foursixeight a {
			display: block;
			font: normal 12px/20px verdana;
			height: 20px;
			position: absolute;
			text-align: center;
			text-decoration: none;
		}
			.foursixeight a:hover { text-decoration: underline; }
		.foursixeight .alignleft {
			color: #6633cc;
			top: 8px; left: 6px;
			width: 270px;
		}
		.foursixeight .alignright {
			color: #cc0000;
			top: 8px; right: 10px;
			width: 167px;
		}
	
/* *** footer *** */
#footer {
	background: url(images/footer.gif) no-repeat top center #4a74bc;
	height: 118px;
	padding: 17px 20px; padding-bottom: 0;
}
	#footer a {
		background: url(images/footerLink.gif) no-repeat 0 5px;
		color: #FFF;
		padding-left: 15px;
		text-decoration: none;
	}
		#footer a:hover { text-decoration: underline; }
	
	#footer h4 {
		color: #FFF;
		font-size: 14px;
		margin-bottom: 7px;
	}
	
	#footer ul {
		float: left;
		margin-right: 30px;
	}
		#footer li {
			margin-bottom: 6px;
		}
		
	#copyright {
		background: #234f92;
		color: #FFF;
		padding: 12px 19px;
	}
	
/* *** contact form *** */
#contact {
	padding-top: 10px;
}
	#contact li {
		margin-bottom: 10px;
	}
	#contact label {
		display: block;
		float: left;
		width: 100px;
	}
	#contact .submit {
		margin-left: 100px;
	}
	
	#contact .success, #contact .error {
		font-weight: bold;
		line-height: 16px;
		margin: 25px 0 -20px 100px;
		padding-left: 26px;
	}
		#contact .success {
			background: url(images/success.png) no-repeat center left;
		}
		#contact .error {
			background: url(images/error.png) no-repeat center left;
		}
		
	#contact .captcha {
		margin-left: 97px;
		padding-bottom: 15px;
	}
	
	#contact .entry {
		float: right;
		margin-top: -10px;
		width: 460px;
	}