* { margin: 0; padding: 0; }
img { border: 0; }

body {
	background: #fff url(../images/bodybg.gif) repeat-x; 
	font-family: "Trebuchet MS";
	}

#wrapper {
	width: 875px;
	margin: 0 auto;
	}

	h1 a { 
		width: 241px;
		height: 93px;
		text-indent: -99999px;
		display: block;
		background: url(../images/logo.gif) no-repeat;
		float: left;
		}
	
	#topright {
		width: 480px;
		height: 93px;
		float: right;
		}
		
		#menu {
			width: 480px;
			height: 30px;
			list-style-type: none;
			font-family: tahoma;
			font-size: 12px;
			color: #000;
			padding: 16px 0 0 0;
			}
			
			#menu ul { list-style-type: none; float: right; }
			#menu li { float: left; }
			#menu li a { color: #248bb8; text-decoration: underline; font-weight: normal; }
			#menu li.space { padding: 0 10px; color: #000; }
				
			
		#learn {
			width: 480px;
			height: 32px;
			background: url(../images/learn.gif) no-repeat left top;
			}
	
	#content {
		clear: both; 
		width: 653px;
		padding: 0 30px 50px 0;
		float: left;
		font-size: 13px;
		}
		
		#content a { color: #e9800f; text-decoration: underline; }
		#content p.one { padding: 0 0 20px 0; }
		#content p.two { padding: 20px 0 20px 0; clear: left; }
		#content .yellowbg { background: #fffed9; }
		
		h2.main {
			width: 546px;
			height: 56px;
			background: url(../images/h2-main.gif) no-repeat;
			text-indent: -9999px;
			display: block;
			}
		
		h2.regular {
			font-size: 26px;
			font-weight: bold; 
			color: #58b5d4;
			font-family: "Lucida Grande", Arial, Sans-serif;
			padding: 15px 0 5px 0;
			}
		
		#content h3.main { color: #248bb8; font-size: 16px; font-weight: bold; }
		
		#content .h2line { 
			width: 630px; 
			height: 1px; 
			overflow: hidden; 
			background: #f2f2f2; 
			}
		
		#content .nav {
			list-style-type: none;
			font-size: 11px;
			color: #767676;
			height: 11px;
			}
			
			#content .nav li { float: left; }
			#content .nav li a { color: #309dc6; text-decoration: underline; font-weight: bold; }
			#content .nav li.raquo { padding: 0 5px; color: #000; }
			
		#content .list {
			width: 528px;
			height: 105px;
			background: url(../images/controller.gif) no-repeat left top;
			list-style-type: none; 
			font-size: 13px;
			font-weight: bold;
			padding: 20px 0 0 125px;
			}
			
			#content .list li { background: url(../images/icon-arrow.gif) no-repeat 0 5px; padding: 0 0 0 30px; line-height: 20px; }
		
		#content .buttons {
			width: 653px;
			height: 38px;
			list-style-type: none;		
			padding: 10px 0 30px 0; 
			}
			
			#content .buttons li { height: 38px; float: left; }
				
				#content .buttons li span { display: none; }
				#content .buttons li a { display: block; }
				#content .buttons li a.signup { width: 249px; height: 38px; background: url(../images/button-signup.gif) no-repeat left; padding: 0 10px 0 0; }
				#content .buttons li a.howitworks { width: 138px; height: 38px; background: url(../images/button-howitworks.gif) no-repeat; }
		
		#content .box { 
			width: 630px;
			font-size: 13px;
			}
			
			#content .box a { color: #dc3e00; text-decoration: underline; }
			#content .box h3 { font-size: 17px; font-weight: bold; padding: 0 0 10px 0; }
			#content .box .border { border: 1px solid #ffe8cd; background: #fffbe5; padding: 22px; }
			#content .box .container { width: 584px; }
				#content .box .left { width: 280px; float: left; padding: 0 30px 0 0; }
				#content .box .right { width: 274px; float: right; }
				
		#content .form {
			width: 561px;
			padding: 0 0 0 25px;
			font-size: 12px;
			}
			
			#content .form .white { clear: both; width: 561px; height: 30px; }
			#content .form .gray { clear: both; width: 561px; height: 30px; background: #f3f3f3; }
			#content .form .left { width: 124px; height: 24px; float: left; font-weight: bold; padding: 6px 0 0 15px;}
				#content .form .left span { color: #ff4901; font-weight: normal; }
			#content .form .right { width: 422px; height: 28px; float: right; padding: 2px 0 0 0; }
			#content .form .business { width: 254px; height: 22px; border: 0; background: url(../images/field-business.gif) no-repeat top; font-family: "Trebuchet MS"; font-size: 12px; padding: 4px 10px 0 10px; }
			#content .form .business:hover { background-position: bottom; }
			#content .form .business:active { background-position: bottom; }
			#content .form .one { width: 194px; height: 22px; border: 0; background: url(../images/field-name.gif) no-repeat top; font-family: "Trebuchet MS"; font-size: 12px; padding: 4px 10px 0 10px; }
			#content .form .one:hover { background-position: bottom; }
			#content .form .one:active { background-position: bottom; }
			#content .form .two { width: 274px; height: 22px; border: 0; background: url(../images/field-address.gif) no-repeat top; font-family: "Trebuchet MS"; font-size: 12px; padding: 4px 10px 0 10px; }
			#content .form .two:hover { background-position: bottom; }
			#content .form .two:active { background-position: bottom; }
			#content .form .state { width: 164px; height: 24px; border: 1px solid #f2f2f2; font-family: "Trebuchet MS"; font-size: 12px; padding: 2px 0 0 0; }
			#content .form .state:hover { border: 1px solid #ff9019; }
			#content .form .state:active { border: 1px solid #ff9019; }
			#content .form .phonetax { width: 144px; height: 22px; border: 0; background: url(../images/field-phonetax.gif) no-repeat top; font-family: "Trebuchet MS"; font-size: 12px; padding: 4px 10px 0 10px; }
			#content .form .phonetax:hover { background-position: bottom; }
			#content .form .phonetax:active { background-position: bottom; }
			#content .form .zip { width: 104px; height: 22px; border: 0; background: url(../images/field-zip.gif) no-repeat top; font-family: "Trebuchet MS"; font-size: 12px; padding: 4px 10px 0 10px; }
			#content .form .zip:hover { background-position: bottom; }
			#content .form .zip:active { background-position: bottom; }
			#content .form .submitleft { clear: both; float: left; padding: 15px 0 0 0;}
			#content .form .submit { clear: both; width: 139px; height: 38px; border: 0; background: url(../images/button-signupnow.gif) no-repeat; float: left; }
			#content .form .star { float: right; font-size: 12px; font-weight: bold; color: #ff4901; padding: 23px 0 0 0; }
			
	#sidebar { 
		width: 192px;
		float: right;
		font-family: tahoma;
		font-size: 11px; 
		padding: 0 0 50px 0;
		}
		
		#login {
			position: absolute;
			width: 193px;
			height: 140px;
			visibility: hidden;
			color: #000;
			}
			
			#login .border { border: 1px solid #e7e7e7; padding: 10px; background: #fff; }
			#login .container { width: 171px; height: 19px; overflow: hidden; }
			#login .left { float: left; width: 69px; height: 17px; padding: 2px 0 0 0; overflow: hidden; }
			#login .right { float: right; width: 102px; height: 19px; overflow: hidden; }
			#login .clear { clear: both; width: 171px; height: 5px; overflow: hidden; }
			#login .clear2 { clear: both; width: 171px; height: 1px; overflow: hidden; }
				#login .field { width: 96px; height: 14px; font-size: 11px; border: 1px solid #000; overflow: hidden; padding: 1px 2px 0 2px; }
			#login .container2 { width: 171px; height: 22px; }
			#login .check { float: left; width: 17px; height: 17px; display: block; padding: 5px 0 0 0; overflow: hidden; }
			#login .remember { float: left; vertical-align: top; width: 77px; height: 18px; padding: 4px 0 0 5px; overflow: hidden; }
			#login .submit { float: left; width: 72px; height: 22px; overflow: hidden; }
			#login .button { width: 70px; height: 20px; float: right; font-size: 11px; color: #000; background: #f7f7f7; border: 1px solid #dbdad9; text-align: center; }
			#login .forgot { width: 171px; text-align: center; }
				#login .forgot a { color: #248bb8; text-decoration: underline; }
			
			
		#sidebar ul.login { list-style-type: none; text-align: right; }
			#sidebar ul.login li a { background: url(../images/icon-login.gif) no-repeat; font-weight: bold; color: #309dc6; text-decoration: underline; padding: 0 0 0 20px; }
		#sidebar ul.casestudy { list-style-type: none; padding: 16px 0 14px 13px; }
			#sidebar ul.casestudy li { font-size: 13px; background: url(../images/icon-casestudy.gif) no-repeat; font-weight: bold; color: #000; line-height: 14px; padding: 0 0 0 25px; }
		#sidebar p.desc { padding: 12px 13px 30px 13px; }
		#sidebar a { color: #ff9019; text-decoration: underline; font-weight: bold; }
		#sidebar .boxtop { width: 192px; height: 4px; background: url(../images/box-top.gif) no-repeat; overflow: hidden; }
		#sidebar .boxcontent { width: 192px; background: url(../images/box-bg.gif) repeat-y;  padding: 8px 0 0 0; }
			#sidebar .boxcontent .container { width: 165px; padding: 0 0 0 13px; }
			#sidebar .testimonials { width: 165px; background: url(../images/testimonialbg.gif) no-repeat top right; font-family: tahoma; font-size: 11px; }
				#sidebar .testimonials h2 { font-size: 12px; font-weight: bold; color: #248bb8; text-decoration: underline; }
				#sidebar .testimonials p.one { padding: 10px 0 0 0; }
				#sidebar .testimonials p.byline { padding: 10px 0 0 0; font-weight: bold; float: right;}
				#sidebar .testimonials p.url { padding: 0 0 15px 0; color: #b7b7b7; float: right; clear: right; }
				#sidebar .testimonials .dotted { width: 165px; height: 1px; background: url(../images/dotted.gif) no-repeat; clear: right; overflow: hidden; }
		#sidebar .boxbottom { width: 192px; height: 4px; background: url(../images/box-bottom.gif) no-repeat; }				
				
#bottom {
	clear: both;
	width: 100%;
	height: 100px;
	background: #fff url(../images/bottombg.gif) repeat-x;
	}
	
	#footer {
		width: 875px;
		margin: 0 auto;
		font-family: tahoma;
		font-size: 11px;
		padding: 25px 0 0 0;
		}
		
		#footer .links {
			float: left;
			font-weight: bold;
			list-style-type: none;
			float: left;
			padding: 0 0 0 30px;
			}
			
			#footer .links li { float: left; padding-right: 10px; }
			#footer .links li a { color: #7d7d7d; text-decoration: underline; }
			#footer .links li a:hover { color: #000; }
		
		#footer .copyright { 
			float: right;
			color: #b4b4b4;
			padding: 0 25px 0 0;
			}
			
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}