body {background:#d8eaf4 url(body-bg.jpg) top left repeat-x; text-align:center; font-family:verdana,sans-serif; font-size:90%;}
p, ul.text {line-height:1.4em;}

.layout {width:950px; margin:0 auto; text-align:left;}
.rightcol {width:590px; float:right; padding-top:40px;}
.leftcol {width:335px; float:left; position:relative;}
.logo {position:absolute; top:12px; left:0;}

.mainnav {margin:0; padding:0; list-style:none; height:69px;}
	.mainnav li {height:69px; display:block; float:left; margin-right:2px;}
	.mainnav li a {display:block; width:100%; height:100%; background-image:url(nav-sprites.png); background-repeat:no-repeat; text-indent:-9999px; outline:none;}
	.mainnav .about a {width:164px; background-position:0 0;}
	.mainnav .vrs a {width:164px; background-position:-164px 0;}
	.mainnav .vri a {width:168px; background-position:-328px 0;}
	.mainnav .about a:hover, .mainnav .about a:focus {background-position:0 -69px;}
	.mainnav .vrs a:hover, .mainnav .vrs a:focus {background-position:-164px -69px;}
	.mainnav .vri a:hover, .mainnav .vri a:focus {background-position:-328px -69px;}
	body.home .mainnav .about a, body.home .mainnav .about a:hover {background-position:0 -138px;}
	body.vrs .mainnav .vrs a, body.vrs .mainnav .vrs a:hover {background-position: -164px -138px;}
	body.vri .mainnav .vri a, body.vri .mainnav .vri a:hover {background-position: -328px -138px;}

.content {clear:left;}

h1, h2, h3, h4 {font-family:arial,sans-serif; font-weight:bold; color:#333; margin:0;}
h1 {font-size:2.1em; padding:15px 0 5px; color:#496a87;}
h2 {font-size:1.2em; padding:15px 0 5px;}
h3 {font-size:1.1em; padding:15px 0 5px;}
h4 {font-size:1.0em; padding:15px 0 5px;}

a {text-decoration: none; color: #496a87;}
a:hover {text-decoration: underline;}

.inner {background: url(inner-bg.png) repeat-y; padding: 0 20px 10px 20px; width: 512px;}
        .inner ul.checklist {margin-top: 20px;}
        .inner ul.checklist li {list-style: none; background: url(checkmark.png) no-repeat; padding: 0 0 0 45px; margin: 0 0 10px 0; min-height: 30px;}
        .inner h1 {color: #000; padding: 0 0 5px;}

.vrshead {height: 136px; width: 561px; background: url(vrshead-bg.png) no-repeat;}
.vrihead {height: 136px; width: 561px; background: url(vrihead-bg.png) no-repeat;}
.vrsfooter {height: 150px; background: url(vrsfooter-bg.png) no-repeat; padding: 10px 20px;}
.vrifooter {height: 150px; background: url(vrifooter-bg.png) no-repeat; padding: 10px 20px;}
p.tryitnow {color: #FFF; font-size: 1.5em; margin: 2px 0 0 0; text-indent: 4em; line-height: 1.5em;}
p.cta {line-height: 1.5em; padding: 4px 0 0 0; font-weight: normal; letter-spacing: -0.05em; font-size: 1.35em;}
p.cta span {font-size: 1.2em; font-weight: bold;}  

.vrssupport {position: relative; background: url(vrssupport-bg.jpg) no-repeat; width: 514px; height: 58px; padding: 15px 20px;}
        .vrssupport h3 {line-height: 1.2em; color: #496a87; margin: 0; padding: 0;}
        .vrssupport p {margin: 0; padding: 0; font-size: 0.8em;}
        .vrssupport div.links {position: absolute; bottom: 13px; right: 120px; height: 58px; text-align: right;}
        .vrssupport div.links a {font-size: 0.8em; line-height: 1.5em;}
        
.vrisupport {position: relative; background: url(vrisupport-bg.jpg) no-repeat; width: 514px; height: 58px; padding: 15px 20px;}
        .vrisupport h3 {line-height: 1.2em; color: #496a87; margin: 0; padding: 0;}
        .vrisupport p {margin: 0; padding: 0; font-size: 0.8em;}
        .vrisupport div.links {position: absolute; bottom: 13px; right: 120px; height: 58px; text-align: right;}
        .vrisupport div.links a {font-size: 0.8em; line-height: 1.5em;}
        
.panel {float:left; width:285px; position:relative; margin-top:20px;}
	.panel .info {padding:0 10px 45px 35px; position:relative; background:url(panel-bottom.png) bottom left no-repeat; margin:0; zoom:1; overflow:auto;}
	.info p {margin:1ex 0 1.5ex;}
	.panel h3, .panel-foot-more {text-indent:-9999px; outline:none;}
	.panel h3 {margin:0; padding:0;}
	.panel-vrs h3 {height:188px; background:url(panel-vrs-top.png) top left no-repeat;}
	.panel-vri h3 {height:142px; background:url(panel-vri-top.png) top left no-repeat;}
	.panel-foot-more {position:absolute; bottom:0; left:0; display:block; width:90%; margin:0 5%; height:42px;}
	.panel ul.text {padding:0 1.5em; margin:0 0 3ex;}

.sidecol-image-home {background:url(sidecol-image-home.jpg) 0px 169px no-repeat; padding-top:500px;}
.sidecol-image-vrs {background:url(sidecol-image-vrs.jpg) 0px 169px no-repeat; padding-top:500px;}
.sidecol-image-vri {background:url(sidecol-image-vri.jpg) 0px 169px no-repeat; padding-top:500px;}

.newsletter {background:#fff; border:1px solid #bac8ce; margin:20px 30px 20px 10px; padding:0 20px;}
	.newsletter div {margin:10px 0 0 10px;}
	.newsletter input {background:#fff url(text-field-bg.png) top left repeat-x; border:1px solid #7f9db9; padding:3px;}
	.defaultVal {color:#666; background:#ff6;}
	
.testimonials {list-style:none; margin:0; padding:0;}
	.testimonials blockquote {background:#fff; margin:0; padding:15px; font-size:0.85em;}
	.testimonials cite {display:block; margin:0 0 15px; padding:5px 0 0; background:#dbeaf4 url(testimonial-cite.png) top left no-repeat; padding-left:53px; font-weight:bold; font-size:.75em; color:#333; line-height:1.7em;}

.footer {clear:both; text-align:center;}
	.footer li {display:inline; list-style:none;}
	.footer a {padding:0 1.5em; border-right:1px solid #bbcad4;}
	.footer .last a {border:0 none;}
