﻿
body {margin: 10px 0 0 0;padding:0;background:#bbb url(images/bg-fade.png) 0 100% repeat-x;font-family: Tahoma, Arial, Sans serif; }

h1, h2, h3, h4 {font-family:Arial;}
h1 {font-size:36px;color:#fff;margin:10px 0;padding:10px 0 5px 30px;font-family:Arial;}
h2 {font-size: 22px;color: #45555f;}
h3 {color:#716fb3;font-size:18px;margin:20px 0 10px 0;padding:0;text-align:center;}
h4 {font-size:16px;color:#45555f;margin:10px 0 0 0;}
h4 span {color: #ff9900;font-size: 22px;}
		
#wrapper {background:url(images/bg-capture.png) 4px 0 no-repeat;width:990px;height:790px;margin:5px auto;padding:12px 0 5px;}
	.solutions {height:64px;}
	.header {height:95px;}
	.header h1 {text-shadow:1px 1px 0 #333;}
	a img {border:none;}
	.logo {margin:0;padding:0 0 0 30px;width:430px;height:100px;}
	
	.toplinks {text-align:right;}
	.toplinks a, .toplinks, .footer, .footer a {color:#fff;font-size:11px;font-weight:bold;font-family:Arial;text-decoration:none;}
	.toplinks a, .toplinks {color:#444;}
	.footer {padding-bottom:70px;}
	.toplinks a:hover, .footer a:hover {color: #000;}
	.toplinks span {font-size:14px;color:#111;}
	
	.clr, .clear {clear:both;}
	.small {font-size:11px;font-weight:normal;}
	
	.button_l, input.button_r {
		position:relative;
		background:url(images/button.gif) right 0px no-repeat;
		display:block;
		color:#fff;
		height:23px;
		padding:0 15px 2px 5px;
		border:none;
		z-index:5;
		}
	.button_l {background-position: left -36px;position: relative;top: 0px;left: 0px;width: 4px;z-index: 10;}
	.button_l:hover {background-position: left -108px;}
	.button_r {margin:0;}
	.button_r:hover {background-position: right -72px;}
	.req {color:#cc0000;}
	ul.content {list-style:none;margin:0;padding:0;font-size:12px;}
	
	ul.content li {padding:0 0 4px 11px;background:url(images/bullet.gif) 0 4px no-repeat;line-height:120%;}
	
	div.solutions {position:relative;top:0px;}
	ul.solutions {
		list-style:none;
		margin:05px 0 0 0;
		padding:0;
		font-size:12px;
		}
	ul.solutions li a {
		display:block;
		font-size:11px;
		text-decoration:none;
		padding:0 0 2px 11px;
		background:url(images/bullet.gif) 0 4px no-repeat;
		line-height:120%;
		width:auto;
		color:#444;
		font-weight:bold;
		margin:0;
		}
	ul.solutions li a:hover {text-decoration:underline;background-position:3px 4px;}
	ul.solutions li.spacer {
		background:none;
		height:2px;
		border-top:1px solid #ccc;
		width:80px;
		margin:4px 0 0 0;
		padding:0;
		display:block;
		}
			
	div.solutions h3 {margin:0;color:#777;}
	div.refer a {
		display:block;
		font-size:12px;
		color:#34568a;
		padding:8px;
		margin:5px 10px 0;
		background:#EFF6FF;
		text-decoration:none;
		border:1px solid #ddd;
	}
	div.refer a:hover {color:#222;border-color:#99B6DF;}
	div.box {
		position:relative;
		background:#34568a url(images/blue-module-h3-2.png) 0 0 repeat-x;
		border:1px solid #2336c6;
		/* background:url(images/capture-box.png) 0 0 no-repeat; */
		width:268px;
		height:99px;
		padding:0px 15px 41px 15px;
		margin:0px 0 20px 0px;
		font-size:13px;
		color:#c6dfff;
		/*
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; 
		*/
		}
	div.box h2 {
		font-size:14px;
		line-height:20px;
		padding:4px 0 20px 0px;
		margin:0px 0 0 0;
		color:#FFE59F;
		background: url(images/left-module-h3.png) -5px 0 no-repeat;
		z-index:10;
		letter-spacing:1px;
		text-shadow:1px 1px 0 #222;
	}
	
		div.box a {
		display:block;
		text-decoration:none;		
		color:#eee;
		font-weight:bold;
		
		
		
		
		background:url(images/bullet.gif) 97% 7px no-repeat;
		padding:2px 11px 2px 0;
		}
	div.box a:hover {
	background-position:100% 7px;
	
	}
	div.box img {
		width:85px;
		height:55px;
		float:left;
		margin:5px 10px 10px 0;
		border:1px solid #233c6c;
		padding:2px;
		background:#c6dfff;
		}
		
		
	
	div.box a:hover {	text-decoration:underline;
	}
	.content h2, .content h3, .content ul.content {padding-left:35px;text-align:left;}
	
	#refer_form {position:relative;margin:0 0 0 20px;padding:0;}
	#refer_form input[type=text], #refer_form label {font-size:12px;color:#333;margin:0 0 15px 0;}
	#refer_form label {
		margin:5px 0 0 0;
		line-height:16px;
		font-weight:bold;
		width:100px;
		}
		#refer_form input[type=text] {
			border:2px solid #ddd;
			padding:4px;
			color:#555;
			}
	
	#refer_form input[type=submit],#refer_form input[type=button] {margin:2px 5px 0 0;}
	
	#refer_form .error_msg {
		position:absolute;
		top:40px;
		left:170px;
		font-size:12px;
		line-height:20px;
		width:500px;
		border:1px solid #fe9090;
		color: #820101;
		background:#feb1b1;
		padding:4px 10px 4px;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		}
		
		#refer_form .success_msg {
			position:absolute;
			top:40px;
			left:170px;
			font-size:12px;
			line-height:20px;
			width:500px;
			border:1px solid #8be57e;
			color: #337129;
			background:#b4efab;
			padding:4px 10px 4px;
			-moz-border-radius: 5px;
			-khtml-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			}
		
	.button_l, input.button_r {
		position:relative;
		background:url(images/button.gif) right 0px no-repeat;
		display:block;
		color:#fff;
		height:23px;
		padding:0 15px 2px 5px;
		border:none;
		z-index:5;
		}
	.button_l {background-position: left -36px;position: relative;top: 0px;left: 0px;width: 4px;z-index: 10;}
	.button_l:hover {background-position: left -108px;}
	.button_r {margin:0;}
	.button_r:hover {background-position: right -72px;}
	
	.input-off {background-color:#fff;}
	.input-on {background-color:#c6dfff;}
