@charset "utf-8";
/* CSS Document */

html { height:100%; margin-bottom:1px; }

body {
	background:#C2CFDA url(bg-body.png) repeat-x top fixed;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

.accessibility { display:none; }

#container {
	width:920px;
	background:url(bg-page.png) repeat-y center bottom;
	margin:0 auto;
	padding:0 4px;
	behavior:url(ie6/iepngfix.htc); /* -- TRANSPARENCY FIX FOR SILLY IE6 -- */
	overflow:hidden;
}

a, a:link, a:visited {
	color:#006699;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	text-decoration:underline;
}

a.action, a.action:visited {
	background:url(bg-action-link.gif) no-repeat left center;
	padding:2px 0 2px 25px;
	font-size:12px;
}

h3 {
	font-weight:normal;
	font-size:12px;
	color:#666666;
}

h4 {
	font-size:18px;
	color:#006699;
	font-weight:normal;
	padding:0;
	margin:20px 0 0 0;
}

ul {
	list-style:square;
	padding:10px 0 10px 15px;
	font-size:11px;
	color:#000000;
	*margin:0 0 5px 0;
}

#navs {
	width:100%;
	height:60px;
	background:url(bg-navs.png) repeat-x top center;
	float:left;
}

	#navs #logo {
		float:left;
		width:170px;
		height:60px;
}

	#navs ul {
		margin:0;
		padding:0;}

		#navs ul li {
			display:inline;
			list-style:none;
			float:right;
}

		#navs ul li span {
			border-left:1px solid #426582;
			border-right:1px solid #112840;
			height:60px;
			float:left;
}

			#navs ul li a, #navs ul li a:visited {
				color:#D2D9E0;
				padding:22px 30px;
				text-decoration:none;
				font-weight:bold;
				display:block;
				font-size:13px;
}

			#navs ul li a:hover, #navs ul li a.current {
				background:url(bg-navs.png) repeat-x bottom center;
				color:#FFFFFF;
}

#contact-bar {
	display:block;
	float:left;
	width:900px;
	padding:5px 0 5px 20px;
	background:#333333;
}

	#contact-bar p {
		font-size:11px;
		color:#FFFFFF;
		margin:0;
}
	
	#contact-bar a, #contact-bar a:visited {
		font-weight:normal;
		text-decoration:none;
		color:#FFFFFF;
}

#intro {
	width:918px;
	margin:0 0 0 1px;
	height:270px;
	float:left;
	background:#F3F3F3 url(bg-intro.jpg) no-repeat top left;
}

	#intro #right-column {
		float:right;
		width:195px;
		_padding:10px 0 0 0;
		*line-height:normal !important;
}

		#intro #right-column a, #intro #right-column a:visited {
			font-weight:normal;
			text-decoration:none;
			font-size:11px;
			line-height:22px;
}

		#intro #right-column a:hover {
			text-decoration:underline;
}

#intro.features {
	background:#F3F3F3 url(bg-intro-features.jpg) no-repeat left;
}

#intro.contact {
	background:#F3F3F3 url(bg-intro-contact.jpg) no-repeat left;
}

a.action-button, a.action-button:visited {
	font-size:14px;
	display:block;
	width:173px;
	height:37px;
	padding:17px 0 0 27px;
	background:url(bg-large-button.png) no-repeat top center;
	margin:180px 50px 0 0;
	text-align:center;
	cursor:pointer;
	float:right;
	behavior:url(ie6/iepngfix.htc); /* -- TRANSPARENCY FIX FOR SILLY IE6 -- */
}

#main-content {
	width:660px;
	float:left;
	padding:20px 0 0 30px;
}

.column-1 {
	width:300px;
	float:left;
}

	.column-1 p {
		font-size:11px;
		*margin:5px 0;
}

.column-2 {
	width:300px;
	float:right;
}

	.column-2 p {
		font-size:11px;
		*margin:5px 0;
}

#secondary-content {
	width:210px;
	float:right;
}

#next-steps {
	background:#DEE6EF;
	width:186px;
	padding:5px 12px;
}

	#next-steps a, #next-steps a:visited {
		font-weight:normal;
		font-size:11px;
		line-height:22px;
}

	#next-steps p.normal {
		font-size:11px;
		line-height:22px;
		color:#003366;
}

#system-requirements {
	background:#CAD7E6;
	width:186px;
	padding:5px 12px;
}

	#system-requirements p.normal {
		font-size:11px;
		line-height:22px;
}

#testimonial-jacky-kanaris {
	background:url(bg-box.png) no-repeat bottom right;
	width:186px;
	height:190px;
	padding:5px 12px;
	margin:0 0 4px 0;
}

	#testimonial-jacky-kanaris p {
		color:#FFFFFF;
		font-size:11px;
}

	#testimonial-jacky-kanaris p.quote {
		width:90px;
		padding:5px 0 5px 0;
		font-size:10px;
}

#testimonial-valerie-parsons {
	background:url(bg-box-valerie-parsons.png) no-repeat bottom right;
	width:186px;
	height:190px;
	padding:5px 12px;
	margin:0 0 4px 0;
}

	#testimonial-valerie-parsons p {
		color:#FFFFFF;
		font-size:11px;
}

	#testimonial-valerie-parsons p.quote {
		width:90px;
		padding:5px 0 5px 0;
		font-size:10px;
}

#testimonial-alex-jenkinson {
	background:url(bg-box-alex-jenkinson.png) no-repeat bottom right;
	width:186px;
	height:190px;
	padding:5px 12px;
	margin:0 0 4px 0;
}

	#testimonial-alex-jenkinson p {
		color:#FFFFFF;
		font-size:11px;
}

	#testimonial-alex-jenkinson p.quote {
		width:90px;
		padding:5px 0 5px 0;
		font-size:10px;
}

#footer {
	width:910px;
	margin:0 auto;
	*padding:10px 0 50px 0;
}

	#footer p.left {
		font-size:11px;
		color:#666666;
		float:left;
}

		#footer p.left a {
			text-decoration:none;
			color:#666666;
			font-weight:normal;
			padding:10px 0 50px 0;
}

	#footer p.right {
		font-size:11px;
		color:#666666;
		float:right;
}

		#footer p.right a {
			text-decoration:none;
			color:#666666;
			font-weight:normal;
			padding:10px 0 50px 0;
}

form.call-back {
	margin:10px 0 0 0;
}

label {
	float:left;
	display:block;
	width:125px;
	font-weight:bold;
	color:#1A3D5C;
	padding:5px 0 0 0;
}

input.text {
	padding:2px;
	margin:0 0 5px 0 !important;
	width:150px;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#666666;
}

input.btn {
	background:url(bg-action-link.gif) no-repeat left center;
	padding:2px 0 2px 25px;
	*padding:2px;
	font-size:12px;
	font-weight:bold;
	color:#006699;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:0;
	margin:10px 0 0 0;
}

input.btn:hover {
	cursor:pointer;
}

textarea.text {
	padding:2px;
	margin:0 0 5px 0 !important;
	width:150px;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#666666;
}

p.form-sent {
	padding:5px;
	border:1px solid #006600;
	color:#006600;
	background:#CDF7A4;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

p.form-sent span {
	display:block;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px;
	margin:-5px -5px 5px -5px;
	border-bottom:1px solid #006600;
	background:#006600;
}