﻿body {background:#fff url(images/bg_fade.gif) repeat-x; color:#666; margin:0; padding:0; font-family:arial,helvetica,sans-serif; width:100%;}
img  {border:0;}
p {margin:0 0 20px 0;}
  
/*page structure*/
#outer {background-color:#fff; width:984px; margin-left:20px;}
#main {background:#fff url(images/bg_rightcol.gif) repeat-y; width:982px; margin-left:1px;}
#hdr {float:left; background:#e5ded1 url(images/hdr_left.gif) no-repeat bottom left; width:711px; height:253px; position:relative; top:19px; font-size:12px;}
#rightcol {float:right; background:transparent url(images/hdr_right.gif) no-repeat top right; width:261px; height:280px; color:#fff; margin-top:19px;}
#nav {background:#fff url(images/bg_nav.gif) repeat-x; width:653px; height:29px; font-weight:bold; font-size:12px; clear:left; /*clear:right; */position:relative; top:19px; left:58px; list-style:none; margin:0; padding:4px 0 1px 0;}
#content {clear:left; width:633px; font-size:12px; position:relative; top:48px; left:58px;}
#ftr {width:705px; color:#999; font-size:10px; text-align:right; clear:both; margin-top:50px;}

/*page formatting*/
.bold {font-weight:bold;}
.italic {font-style:italic;}
#hdr a {color:#666; text-decoration:none; font-size:12px;}
#hmlogo {margin:20px 0 0 58px;}
.contactinfo {margin:15px 0 0 0;}
#descriptor {font-size:15px; text-align:center; width:225px; margin-top:30px;}
#descriptor span {font-weight:bold; font-size:18px;}
#nav li {display:inline; line-height:17px;}
a.hm {background:#fff url(images/nav_hm.gif) no-repeat; padding:0 10px 2px 20px;}
a.abt {background:#fff url(images/nav_abt.gif) no-repeat; padding:0 10px 2px 20px;}
a.softwr {background:#fff url(images/nav_softwr.gif) no-repeat; padding:0 10px 2px 20px;}
a.cntc {background:#fff url(images/nav_cntc.gif) no-repeat; padding:0 10px 2px 20px;}
a.demo {background:#fff url(images/nav_demo.gif) no-repeat; padding:0 10px 2px 20px;}
a.hm:hover {background:#fff url(images/nav_hm_on.gif) no-repeat; padding:0 10px 2px 20px;}
a.abt:hover {background:#fff url(images/nav_abt_on.gif) no-repeat; padding:0 10px 2px 20px;}
a.softwr:hover {background:#fff url(images/nav_softwr_on.gif) no-repeat; padding:0 10px 2px 20px;}
a.cntc:hover {background:#fff url(images/nav_cntc_on.gif) no-repeat; padding:0 10px 2px 20px;}
a.demo:hover {background:#fff url(images/nav_demo_on.gif) no-repeat; padding:0 10px 2px 20px;}
a.cndt {background:#fff url(images/nav_cs.gif) no-repeat; padding:0 10px 2px 20px;}
a.cndt:hover {background:#fff url(images/nav_cs_on.gif) no-repeat; padding:0 10px 2px 20px;}
#nav a {color:#CD002B; text-decoration:none;}
.floatright {float:right;}
.floatleft {float:left;}
.aligntextright {text-align:right;}
.aligntextleft {text-align:left;}
.aligntextcentre {text-align:center;}
* html #hdr {margin-right:-3px;}
* html .floatright {margin-right:-3px;}
.sectiontitle {font-size:18px;}
h1 {font-size:15px; color:#CD002B; margin:20px 0 20px 0;}
h1.notopspace {font-size:15px; color:#CD002B; margin:0 0 20px 0;}
h2 {font-size:13px; margin-bottom:0;}
#content a {color:#CD002B;}
img.totheright {float:right; margin:0 0 10px 15px;}
.boldred {font-weight:bold; color:#CD002B;}
.darkgrey {color:#333;}
.leftcolsmall {float:left; width:120px; height:45px; clear:both;}
.clear {clear:both;}
table.demoreg td {height:35px; font-size:12px;}
td {font-size:12px;}
.emailsent {color:#666; font-weight:bold;}
.demobtn {margin-top:85px;}
#ftr a {color:#999;}
.lgowhitecap { position: absolute; margin-left: 65px; margin-top: -40px; }

.cservice_item { margin-left: 20px; }
.cservice_item .cservice_link { float: left; }
.cservice_item .cservice_description { float: left; width: 400px; margin-left: 25px; }