﻿.arrow {position: absolute; top: 495px;}
.arrow a {font-size: 12pt; font-family: arial, helvetica, Sans-Serif; font-weight: bold; text-decoration: none; display: block; width: 187px; height: 37px; line-height: 37px; padding-left: 35px;}


#frontcontent {background-color: #ffffff; height: 403px; padding-top: 16px;}
#frontcontent p {text-align: left;}
#frontbanner {width: 724px; height: 188px; margin: 0px 14px 16px 14px; overflow: hidden;}
h2.strap {height: 51px; padding: 140px 0 0 30px; margin: 0; color: #383b6e; font-size: 18pt; font-family: Arial, Helvetica, Sans-Serif;}

#small {padding: 11px; width: 210px; height: 163px; background: #c7c9ec url(../img/boxsmall2.gif) no-repeat; float: left; margin-left: 14px; _margin-left: 7px;}
#small h2 {font-size: 16pt; margin: 0;}
#small h2 a {color: #5054a0; background: transparent url(../img/arrowsmall.gif) no-repeat top left; padding-left: 28px; text-decoration: none; display: block;}
#small h2 a:hover {color: #383b6e; text-decoration: none;}
#small .arrow a {color: #ffffff; background: transparent url(../img/stripsmall2.gif) no-repeat top left;}
#small .arrow a:hover {background-position: bottom left; text-decoration: none;}
#small p {margin: 8px 0px 0px 0px;}
#small ul {margin: 3px 0; padding: 0; list-style: none;}
#small li {margin: 0 0 0 10px; line-height: 20px;}
#small a {text-decoration: none;}
#small ul a {padding: 0 0 0 21px; background: transparent url(../img/smalltick.gif) no-repeat 0px 1px;}
#small a:hover {text-decoration: underline;}

#tailored {padding: 11px 1px 11px 11px; width: 220px; height: 163px; background: #c7c9ec url(../img/boxtailored2.gif) no-repeat; float: left; margin-left: 14px;}
#tailored h2 {font-size: 16pt; margin: 0;}
#tailored h2 a {color: #ffffff; background: transparent url(../img/arrowtailored.gif) no-repeat top left; padding-left: 28px; text-decoration: none; display: block;}
#tailored h2 a:hover {color: #ebecf9; text-decoration: none;}
#tailored .arrow a {color: #b9bae7; background: transparent url(../img/striptailored2.gif) no-repeat top left;}
#tailored .arrow a:hover {background-position: bottom left; text-decoration: none;}
#tailored p {margin: 8px 0px 0px 0px;}
#tailored ul {margin: 18px 0 3px 15px; padding: 0; list-style: none;}
#tailored li {margin: 0 0 0 10px; line-height: 20px;}
#tailored a {color: #ffffff; text-decoration: none;}
#tailored ul a {padding: 0 0 0 21px; background: transparent url(../img/tailoredtick.gif) no-repeat 0px 1px;}
#tailored a:hover {text-decoration: underline;}

#supportnow {padding: 11px; width: 210px; height: 163px; background: #c7c9ec url(../img/boxsupport2.gif) no-repeat; float: left; margin-left: 14px;}
#supportnow h2 {font-size: 16pt; margin: 0;}
#supportnow h2 a {color: #ebecf9; background: transparent url(../img/arrowsupport.gif) no-repeat top left; padding-left: 28px; text-decoration: none; display: block;}
#supportnow h2 a:hover {color: #ffffff; text-decoration: none;}
#supportnow .arrow a {color: #686cc0; background: transparent url(../img/stripsupport2.gif) no-repeat top left; }
#supportnow .arrow a:hover {background-position: bottom left; text-decoration: none;}
#supportnow p {margin: 8px 0px 0px 0px;}
#supportnow ul {margin: 8px 0 3px 0px; padding: 0; list-style: none;}
#supportnow li {margin: 0 0 0 10px; line-height: 20px;}
#supportnow a {color: #ebecf9; text-decoration: none;}
#supportnow ul a {padding: 0 0 0 21px; background: transparent url(../img/supporttick.gif) no-repeat 0px 1px;}
#supportnow a:hover {text-decoration: underline;}
