/* CSS Document */
* {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
}
body {
  font-size: 100%;
  line-height: 1.125em;
  background: #525051;
}
html, input, textarea {
  font-family: Arial, Helvetica, sans-serif;
  color: #383434;
}

.alignMiddle {
  vertical-align: middle;
}
.alignCenter {
  text-align: center;
}
.container1 {
  width: 100%;
}
object {
  vertical-align: top;
}
.clear {
  clear: both;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
div.container {
  overflow: hidden;
  width: 100%;
}
div.boxContainer {
  width: 100%;
}
a img {
  border: 0;
}
img {
  vertical-align: top;
}

a {
  color: #b15421;
  text-decoration: underline;
  outline: none;
}
a:hover {
  text-decoration: none;
}

.link {
  color: #cc7a00;
  font-size: 1.07em;
}
.link1 {
  color: #383434;
}
.link2 {
  color: #a04d1f;
  font-size: .92em;
  font-weight: bold;
}

.button {
  color: #c07710;
  background: url(images/button.gif) top left no-repeat;
  font-weight: bold;
  padding: 1px 15px 5px 9px;
  text-decoration: none;
}
.button:hover {
  text-decoration: none;
  color: #000;
}

#content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#content .ul1 li {
  background: url(images/tail1.gif) repeat-x bottom;
  padding-bottom: 11px;
  margin-bottom: 11px;
}
#content .ul1 .last {
  background: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
#content .ul1 li a {
  color: #a04d1f;
  text-decoration: underline;
  line-height: 1.5em;
  background: url(images/marker.gif) top left no-repeat;
  background-position: 0 5px;
  margin: 0;
  padding-left: 16px;
  font-size: .92em;
  font-weight: bold;
}
#content .ul1 li a:hover {
  text-decoration: none;
}

#content .ul li {
  background: url(images/icon1.gif) top left no-repeat;
  background-position: 0 5px;
  margin: 0;
  padding-left: 34px;
}
#content .ul .li {
  background: url(images/icon2.gif) top left no-repeat;
  background-position: 0 5px;
}
#content .ul .li1 {
  background: url(images/icon3.gif) top left no-repeat;
  background-position: 0 5px;
}
#content .ul .li2 {
  background: url(images/icon4.gif) top left no-repeat;
  background-position: 0 5px;
}
#content .ul .li3 {
  background: url(images/icon5.gif) top left no-repeat;
  background-position: 0 5px;
}
#content .ul .li4 {
  background: url(images/icon6.gif) top left no-repeat;
  background-position: 0 5px;
}
#content .ul .li5 {
  background: url(images/icon7.gif) top left no-repeat;
  background-position: 0 5px;
}
#content .ul .li6 {
  background: url(images/icon8.gif) top left no-repeat;
  background-position: 0 5px;
}
#content .ul .li7 {
  background: url(images/icon9.gif) top left no-repeat;
  background-position: 0 5px;
}
#content .ul .li8 {
  background: url(images/icon10.gif) top left no-repeat;
  background-position: 0 5px;
}
#content .ul li a {
  color: #383434;
  text-decoration: none;
  line-height: 2em;
}
#content .ul li a:hover {
  text-decoration: underline;
}

#content .ul .custom {
  background: url(images/bullet_list1.png) top left no-repeat;
  background-position: 0 5px;
  margin: 0;
  padding-left: 20px;
  line-height: 25px;
}

.ul .payrollServices {
  background: url(images/bullet_list1.png) top left no-repeat;
  background-position: 0 5px;
  margin: 0;
  padding-left: 20px;
  line-height: 15px;
}

.link-1 {
  display: block;
  float: left;
  background: url(images/link_bg.gif) left top repeat-x;
  color: #c07710;
  text-decoration: none;
}
.link-1 em {
  display: block;
  background: url(images/link_left.gif) no-repeat left top;
}
.link-1 b {
  display: block;
  background: url(images/link_right.gif) no-repeat right top;
  padding: 2px 11px 5px 26px;
  font-weight: normal;
  font-style: normal;
}
.link-1:hover {
  text-decoration: none;
  color: #000000;
}

.link-2 {
  display: block;
  float: left;
  background: url(images/link_bg1.gif) left top repeat-x;
  color: #6c7f17;
  text-decoration: none;
}
.link-2 em {
  display: block;
  background: url(images/link_left1.gif) no-repeat left top;
}
.link-2 b {
  display: block;
  background: url(images/link_right1.gif) no-repeat right top;
  padding: 2px 27px 5px 39px;
  font-weight: normal;
  font-style: normal;
}
.link-2:hover {
  text-decoration: none;
  color: #000000;
}

.link-3 {
  display: block;
  float: left;
  background: url(images/link_bg2.gif) left top repeat-x;
  color: #c07710;
  text-decoration: none;
}
.link-3 em {
  display: block;
  background: url(images/link_left2.gif) no-repeat left top;
}
.link-3 b {
  display: block;
  background: url(images/link_right2.gif) no-repeat right top;
  padding: 2px 27px 5px 39px;
  font-weight: normal;
  font-style: normal;
}
.link-3:hover {
  text-decoration: none;
  color: #000000;
}

.link-4 {
  display: block;
  float: left;
  background: url(images/link_bg3.gif) left top repeat-x;
  color: #944017;
  text-decoration: none;
}
.link-4 em {
  display: block;
  background: url(images/link_left3.gif) no-repeat left top;
}
.link-4 b {
  display: block;
  background: url(images/link_right3.gif) no-repeat right top;
  padding: 2px 27px 5px 39px;
  font-weight: normal;
  font-style: normal;
}
.link-4:hover {
  text-decoration: none;
  color: #000000;
}

.link-5 {
  display: block;
  float: left;
  background: url(images/link_bg4.gif) left top repeat-x;
  color: #c07710;
  text-decoration: none;
}
.link-5 em {
  display: block;
  background: url(images/link_left4.gif) no-repeat left top;
}
.link-5 b {
  display: block;
  background: url(images/link_right4.gif) no-repeat right top;
  padding: 2px 17px 5px 29px;
  font-weight: normal;
  font-style: normal;
}
.link-5:hover {
  text-decoration: none;
  color: #000000;
}


/*header*/
#header {
  font-size: 0.8125em;
  color: #FFFFFF;
}
#header .menu {
  /*margin: 43px 0 0 319px;   position: absolute;*/
  float: right;
  margin-right: 40px;
  margin-top: 43px;
}

#header ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#header ul li {
  margin: 0;
  display: inline;
}
#header ul .last {
  background: none;
}
#header ul li a {
  color: #FFFFFF;
  text-decoration: none;
  width: 100px;
  text-align: center;
  display: block;
  float: left;
  padding: 9px 0 11px 0;
  background: url(images/bg_menu.gif) top left no-repeat;
  margin-right: 2px;
}
#header ul li a:hover {
  text-decoration: none;
  background: url(images/bg_menu-act.gif) top left no-repeat;
}
#header ul li .current {
  text-decoration: none;
  background: url(images/bg_menu-act.gif) top left no-repeat;
}


/*content*/
#content {
  font-size: 0.8125em;
  width: 100%;
  text-align: left;
}
#content .indent-main {
  padding: 41px 0 43px 0;
}
#content .indent-col {
  padding: 30px 09px 30px 16px;
}

#content .indent-col-payrollServices {
  padding: 0px 0px 0px 0px;
}

#content .indent-col1 {
  padding: 54px 30px 30px 26px;
}
#content .title {
  margin-bottom: 10px;
}
#content .title1 {
  margin-bottom: 34px;
}
#content .title2 {
  margin-bottom: 24px;
  background: url(images/tail.gif) repeat-x bottom;
  padding-bottom: 13px;
  margin-left: -7px;
  position: relative;
  font-size: 14pt;
}
#content .title3 {
  margin-bottom: 19px;
}
#content .title4 {
  margin-bottom: 55px;
}
#content .img-left {
  float: left;
  margin: 0 28px 20px 0;
}
#content .img-left1 {
  float: left;
  margin: 0 28px 26px 0;
}
#content .img-indent {
  margin: 0 0 16px 0;
}
#content .img-indent1 {
  margin: 0 -20px 30px -20px;
  position: relative;
  padding-left: 1px;
  padding-top: 1px;
}
#content .img-indent2 {
  margin: 0 -10px 30px -10px;
  position: relative;
}
#content p {
  margin: 0 0 17px 0;
}
#content .p {
  margin: 0 0 47px 0;
}
#content .p1 {
  margin: 0 0 7px 0;
}
#content .p2 {
  margin: 0 0 55px 0;
}
#content .p3 {
  margin: 0 0 27px 0;
}
#content h3 {
  color: #b15421;
  font-size: 1.307em;
  margin-bottom: 18px;
  line-height: 1.41em;
  font-weight: normal;
}
#content h4 {
  color: #383434;
  font-size: 1em;
  margin-bottom: 7px;
}
#content .tail {
  background: url(images/tail.gif) repeat-x bottom;
  padding-bottom: 9px;
  margin-bottom: 9px;
}

#content .indent {
  padding: 0 0 0 0;
}
#content .indent-1 {
  padding: 38px 0 0 21px;
}
#content .indent-3 {
  padding: 48px 0 0 247px;
}
#content .indent2 {
  padding: 4px 0 0 247px;
}

/*box*/
.box {
  background: #f3f1ee;
  width: 100%;
  color: #383434;
}
.box .border-top {
  background: url(images/border_top.gif) repeat-x top;
}
.box .border-bottom {
  background: url(images/border_bottom.gif) repeat-x bottom;
}
.box .border-left {
  background: url(images/border_left.gif) repeat-y left;
}
.box .border-right {
  background: url(images/border_right.gif) repeat-y right;
}
.box .corner-top-left {
  background: url(images/corner_top_left.gif) no-repeat left top;
}
.box .corner-top-right {
  background: url(images/corner_top_right.gif) no-repeat right top;
}
.box .corner-bottom-left {
  background: url(images/corner_bottom_left.gif) no-repeat left bottom;
}
.box .corner-bottom-right {
  background: url(images/corner_bottom_right.gif) no-repeat right bottom;
  width: 100%;
}
.box .indent-box {
  padding: 21px 25px 0 31px;
}
.box .indent-box1 {
  padding: 21px 10px 33px 15px;
}
/*box1*/
.box1 {
  background: #90a22c;
  width: 100%;
  color: #fdfcfb;
}
.box1 .border-top {
  background: url(images/border_top1.gif) repeat-x top;
}
.box1 .border-bottom {
  background: url(images/border_bottom1.gif) repeat-x bottom;
}
.box1 .border-left {
  background: url(images/border_left1.gif) repeat-y left;
}
.box1 .border-right {
  background: url(images/border_right1.gif) repeat-y right;
}
.box1 .corner-top-left {
  background: url(images/corner_top_left1.gif) no-repeat left top;
}
.box1 .corner-top-right {
  background: url(images/corner_top_right1.gif) no-repeat right top;
}
.box1 .corner-bottom-left {
  background: url(images/corner_bottom_left1.gif) no-repeat left bottom;
}
.box1 .corner-bottom-right {
  background: url(images/corner_bottom_right1.gif) no-repeat right bottom;
  width: 100%;
}
.box1 .indent-box {
  padding: 0 20px 18px 27px;
}
.box1 .title {
  font-size: 22pt;
  font-family: Arial,Helvetica,sans-serif;
  color: #5a9b05;
  line-height: 16pt;
  padding: 17px 0 13px 13px;
}
/*box2*/
.box2 {
  background: #d9a22d;
  width: 100%;
  color: #fdfcfb;
}
.box2 .border-top {
  background: url(images/border_top2.gif) repeat-x top;
}
.box2 .border-bottom {
  background: url(images/border_bottom2.gif) repeat-x bottom;
}
.box2 .border-left {
  background: url(images/border_left2.gif) repeat-y left;
}
.box2 .border-right {
  background: url(images/border_right2.gif) repeat-y right;
}
.box2 .corner-top-left {
  background: url(images/corner_top_left2.gif) no-repeat left top;
}
.box2 .corner-top-right {
  background: url(images/corner_top_right2.gif) no-repeat right top;
}
.box2 .corner-bottom-left {
  background: url(images/corner_bottom_left2.gif) no-repeat left bottom;
}
.box2 .corner-bottom-right {
  background: url(images/corner_bottom_right2.gif) no-repeat right bottom;
  width: 100%;
}
.box2 .indent-box {
  padding: 0 20px 18px 27px;
}
.box2 .title {
  font-size: 19pt;
  font-family: Arial,Helvetica,sans-serif;
  color: #D9A22D;
  padding-top: 8px;
  padding-left: 13px;
  line-height: 16pt;
}
/*box3*/
.box3 {
  background: #b1602a;
  width: 100%;
  color: #fdfcfb;
}
.box3 .border-top {
  background: url(images/border_top3.gif) repeat-x top;
}
.box3 .border-bottom {
  background: url(images/border_bottom3.gif) repeat-x bottom;
}
.box3 .border-left {
  background: url(images/border_left3.gif) repeat-y left;
}
.box3 .border-right {
  background: url(images/border_right3.gif) repeat-y right;
}
.box3 .corner-top-left {
  background: url(images/corner_top_left3.gif) no-repeat left top;
}
.box3 .corner-top-right {
  background: url(images/corner_top_right3.gif) no-repeat right top;
}
.box3 .corner-bottom-left {
  background: url(images/corner_bottom_left3.gif) no-repeat left bottom;
}
.box3 .corner-bottom-right {
  background: url(images/corner_bottom_right3.gif) no-repeat right bottom;
  width: 100%;
}
.box3 .indent-box {
  padding: 0 20px 18px 27px;
}
.box3 .title {
  font-size: 21pt;
  font-family: Arial,Helvetica,sans-serif;
  color: #9C481C;
  line-height: 16pt;
  padding: 17px 0 13px 13px;
}
/*box4*/
.box4 {
  background: url(images/border_bg4.gif);
  width: 100%;
}
.box4 .border-top {
  background: url(images/border_top4.gif) repeat-x top;
}
.box4 .border-bottom {
  background: url(images/border_bottom4.gif) repeat-x bottom;
}



/*footer*/
#footer {
  color: #f3f1ee;
  font-size: 0.75em;
  text-align: center;
}
#footer .indent-footer {
  padding: 17px 50px 0 50px;
}
#footer a {
  color: #f3f1ee;
  text-decoration: underline;
}
#footer a:hover {
  text-decoration: none;
}


.indent-2 {
  position: relative;
  padding-left: 20px;
  float: left;
}
.h {
  height: 30px;
}
.h1 {
  height: 30px;
  background: url(images/bg_input.gif) no-repeat top left;
}
.block-contact span {
  float: right;
  margin-right: 10px;
}
.input {
  border: none;
  background: none;
  width: 138px;
  height: 18px;
  font-size: 11px;
  color: #939292;
  padding-left: 5px;
  vertical-align: middle;
  margin-right: 7px;
  padding-top: 2px;
}

.hrBottom {
  margin-bottom: 20px;
  margin-top: 20px;
}

.returnTop {
  width: 100%;
  text-align: right;
  font-weight: bold;
}

#contact-area {
  text-align: left;
}






/* Z-index of #mask must lower than #boxes .window */
#mask {
  position: absolute;
  left: 0;
  display: none;
  top: 0;
  z-index: 9000;
  background-color: #000;
}

#boxes .window {
  position: absolute;
  width: 440px;
  height: 200px;
  display: none;
  z-index: 9999;
}


/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width: 375px;
  height: 203px;
  background-image: url(images/notice.png);
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 100px;
  font-size: 15pt;
}

#boxes #subscribers {
  width: 375px;
  height: 203px;
  background-color: White;
  text-align: center;
  font-size: 15pt;
}

.titleRight {
  color: #3836AF;
  font-size: 12px;
  font-family: Tahoma;
  font-weight: bold;
  height: auto;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 10px;
}

.ulRightPart {
  font-family: Verdana;
  font-size: 11px;
  line-height: 10px;
}

.payrollServices {
  background: url(images/bullet_list1.png) top left no-repeat;
  background-position: 2px 3px;
  margin: 0;
  padding-left: 20px;
  line-height: 17px;
  margin-top: 3px;
}

.descArea {
  background-image: url(images/descArea.gif);
  background-position: 1px top;
  background-repeat: no-repeat;
  width: 100%;
  height: 118px;
  margin-top: 0px;
  color: White;
  font-family: Tahoma;
}

.payrollHeader {
  color: #23285F;
  font-family: Nina;
  font-size: 18px;
  margin-bottom: 14px;
}

.psUltra {
  background: url(images/bullet_list1.png) top left no-repeat;
  background-position: 2px 7px;
  margin: 0;
  padding-left: 20px;
  line-height: 25px;
  margin-top: 3px;
  font-size: 13px;
}

.topUltra {
  margin-top: 20px;
}

.ulBusiness {
  color: White;
  font-size: 12px;
  text-decoration: none;
}

.psBusiness {
  background: url(images/bullet_list1.png) top left no-repeat;
  background-position: 2px 3px;
  margin: 0;
  padding-left: 20px;
  line-height: 15px;
  margin-top: 3px;
}