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

body{background: url(../i/bg-tile.gif) repeat; margin:0; padding:0;}
a{color:#66ccff; text-decoration: none;}
a:hover{text-decoration:underline; color:#fff;}

#wrapper{background: url(../i/headerHMbg.gif) top left repeat-x; width:936px; height:100%; margin:0 auto; padding:0;}

#header{background: url(../i/navHMbg.gif) bottom left repeat-x; width:900px; height: 273px; margin:0 auto; padding:0:}
#header p{padding:0 0 0 90px; margin: 0; float:left;}
#header img{margin:0; border: none;}

#tnav{background: none; width: 400px; padding:0; margin: 0; float: right;}
#tnav ul{list-style: none; padding:40px 0 0 0; margin:0; float: right;}
#tnav li{list-style: none; padding:0; margin: 0; float: left;}
#tnav li a{margin:0; padding:0 20px; border-right: 1px solid #66ccff; font: 12px arial, kalinga, sans-serif; color: #ccc; text-decoration: none;}
#tnav li a.last{border: none;}
#tnav li a:hover{color:#66ccff;}
#tnav p{margin:0; padding:47px 0 0 94px; font:14px arial, kalinga, sans-serif; color:#fff; text-align: right;}
#tnav img{margin:0; border: none;}

#nav{background:none; width:900px; margin:0; padding:0 0 2px 0; clear:both;}
#nav ul{margin:0; padding:0; list-style:none; width:900px; height:40px;}
#nav li{margin:0; padding:0; list-style:none; float:left;}
#nav li a{ background:url(../i/nav-div.gif) bottom right no-repeat; display:block; height:41px; margin:0; padding:13px 22px 5px 22px; float:left; font:13px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform: uppercase;}
#nav li a.last{background:none; padding-right:none;}
#nav li a.first{padding-left:26px;}
#nav li a:hover{color:#66ccff;}

#bannerHM{background: url(../i/bannerHM.jpg) center no-repeat; height: 416px; width: 936px; margin: 0; padding: 0;}
#bannerHM p{margin: 0; padding:160px 0 0 50px;}

#features{background: url(../i/featuresHMbg.jpg) center no-repeat; height: 152px; width: 890px; margin:0; padding:40px 16px 0 30px;}
#features h2{font: lighter 18px/1.4 kalinga, arial, helvetica; color: #66ccff; margin:0; padding:10px 0 0 0;}
#features h2 a{color:#66ccff; text-decoration: none;}
#features p{float: left; margin: 0; padding: 0 10px 40px 0;}
#features img{margin:0; border: none;}
#features ul{list-style: none; margin: 0 0 0 10px; padding: 0;}
#features li{list-style: none; margin: 0; padding: 0;}
#features li a{font: 12px arial, kalinga, sans-serif; color: #fff; text-decoration: none;}
#features li a:hover{color:#66ccff;}

#cta1{background: none; width: 285px; height: 192px; margin: 0; padding:0; float:left;}
#cta{background: none; width: 315px; height: 192px; margin: 0; padding:0; float:left;}
#cta3{background: none; width: 260px; height: 192px; margin: 0; padding:0; float:left;}

#bodyHM{background: url(../i/bodyHMbg.gif) center repeat-y; width: 876px; margin: 0; padding: 20px 30px 30px 30px;}
#bodyHM ul{margin:0; padding:0; list-style:none;}
#bodyHM li a{background: url(../i/blue-arrow.gif) 10px 13px no-repeat; display: block; width: 140px; font: 16px Arial, Helvetica, sans-serif; color: #f5dc9e; border-bottom: 1px solid #464646; text-decoration: none; padding: 10px 0 10px 30px;}

#contentHM{background: none; width:430px; padding:0; margin: 0; float:left;}
#contentHM img{float: left; border: none; margin:0 10px 0 0;}
#contentHM h2{font: 16px kalinga, arial, helvetica; color:#fff; margin: 0; padding: 0;}
#contentHM p{font: 12px arial, kalinga, helvetica; color: #ccc; margin: 0; padding: 0;}

#contentHMr{background: none; width:410px; padding:0; margin: 0; float:right;}
#contentHMr img{float: left; border: none; margin:0 10px 0 0;}
#contentHMr h2{font: 16px kalinga, arial, helvetica; color:#fff; margin: 0; padding: 0;}
#contentHMr p{font: 12px arial, kalinga, helvetica; color: #ccc; margin: 0; padding: 0;}

#clear{height:1px; margin:0; padding:0; clear:both;}

#footer{background:none; width:936px; margin:0 auto; padding:10px 0; border-top: 16px solid #fff;}
#footer p{color:#999; font:11px Arial, Helvetica, sans-serif; margin:0; padding:0;}
#footer p.address{float:left; text-align:left; margin:5px 10px;}
#footer p.copyright{float:right; text-align:right; clear:right; margin:10px;}
#footer p.description{clear:both; border-top:1px dotted #999; margin:10px; padding-top:5px;}
#footer a{color:#ccc; text-decoration:none;}
#footer a:hover{color:#fff; text-decoration:underline;}
#footer ul{list-style:none; margin:0; padding:0; float:right;}
#footer li{list-style:none; float:left; padding:0;}
#footer li a{list-style:none; color:#66ccff; font:11px Arial, Helvetica, sans-serif; text-decoration:none; margin:0 5px; padding-right:10px; border-right:1px solid #666;}
#footer li.last a{border-right:none;}