body {
	margin: 0px;
	padding: 0px;
}

#container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #818285;
	margin: 0 auto;
	height: 100%;
	width: 1020px;
	line-height: 20px;
}

#content {
  /*border: 1px solid black;*/
	height: auto;
	margin: 0 auto;
	width: 770px;
}

#article {
	float: left;
	height: auto;
	width: 770px;
	margin-top: 5px;
}

#footer {
	float: left;
	width: 770px;
	padding-top: 5px;

margin:0 auto;}



.spacer {
	clear: both;
	height: 0px;
	width: 100%;
	display: block;
	padding: 0px;
	margin: 0px;
}

.logo {
	height: 130px;
	width: 760px;
	background-image: url(images/logo_2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.brandmark {
	height: 130px;
	width: 760px;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}


/* navigation
--------------------------------------------------*/

.nav, .nav li, .nav ul{
	margin:0px;
	padding:0px;
}

.nav ul {
	list-style-type: none;
	margin: auto;
	float: right;
	padding-top: 50px;
}


.nav {
	float: left;
	clear: both;
	overflow: hidden;
	height: 130px;
	width: 770px;
	background-image: url(images/bg_nav.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.nav li{
	float: left;
	display: inline;
	line-height: 30px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0068a6;
}

.nav li a{
	display:block;
	color: #0068a6;
	font-weight: bold;
	margin-right: 5px;
	margin-left: 5px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	padding: 0px;
	margin-top: 0px;
	line-height: 12px;
}

.nav li a:hover, .nav li a.selected{
	color: #0068a6;
	border-bottom-color: #818285;
}

.nav7 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff !important;
}

/* headings & text
--------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;	
}

h1 {
	font-size: 16px;
}

h5 {
	font-size: 10px;
	color: #0068a6;
	
}

h5 a {
	font-size: 10px;
	color: #0068a6;
	a: #0068a6; 
	
}

#footer h2 {
	font-size: 14px;
	padding-bottom: 120px;
}

/* atricle divs
--------------------------------------------------*/

.left125 {
	float: left;
	width: 130px;
	background-image: url(images/bg_home.jpg);
	background-repeat: repeat;
	background-position: center top;
	vertical-align: top;
	text-align: center;
}

.travel .left125 {
	float: left;
	width: 125px;
	background-image: url(images/bg_travel.jpg);
	background-repeat: repeat;
	vertical-align: top;
	text-align: center;
}

.incentives .left125 {
	float: left;
	width: 125px;
	background-image: url(images/bg_incentives.jpg);
	background-repeat: repeat;
	height: 357px;
	text-align: center;
}

.left475 {
	float: left;
	width: 482px;
	background-image: url(images/bg_home.jpg);
	background-repeat: repeat;
}

.left350  {
	float: left;
	width: 337px;
	padding: 10px;
	background-color: #FFFFFF;
}

.left610  {
	float: right;
	width: 610px;
	padding: 10px;
}

.right278 {
	float: right;
	width: 278px;
	height: 350px;
	vertical-align: top;
}


/* images
--------------------------------------------------*/

.img_left {
	float: left;
}

.img_right {
	float: right;
}

.card {
	margin-top: 25px;
}

/* footer
--------------------------------------------------*/

#footer ul {
	padding: 0px;
	list-style-type: none;
	float: middle;
	margin:0 auto; 
	width:1020px;
}

#footer li {

	float: left;
	width: 250px;
	height: 240px;
	text-align: center;
	font-size: 10px;	
}

#footer li a {
	display:block;
	color: #818285;
	font-weight: normal;
	margin-right: 5px;
	margin-left: 5px;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	line-height: 12px;
}

.footer_content {
	float: left;
	width: 770px;
	}

.footer_applyNow {
	line-height: 12px;	
}

.applyNow {
  position: relative;
  margin: 0px auto;
  left: 50px;
}
.applyNowImg {
	background-image: url('images/horizonpluscard.gif');
	background-repeat: no-repeat;
	background-position: center top;
  width: 140px;
  height: 95px;
  margin: 0px auto;
  left: 20px;	
	position: absolute;
	z-index: 1;
}

.applyNowBox {
  border: 2px solid black;
  background: #E0E0FF;
  width: 150px;
  height: 90px;
  margin: 25px auto;
  padding: 80px 5px 5px 5px;
  left: 0px;
  position: absolute;
  z-index: 0;
	color: #818285;
	font-weight: normal;
  text-align: left;  
}

.applyNow2 {
	background-image: url(images/horizonpluscard.gif);
	background-repeat: no-repeat;
	background-position: center 45px;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	line-height: 12px;  	
}

.highlight1 {
	background-image: url(images/icon_travel.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #666666;	
}

.highlight2 {
	background-image: url(images/icon_payroll.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #666666;
	
}

.highlight3 {
	background-image: url(images/icon_incentives.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #666666;	
}


.footer_login {
  line-height: 12px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #666666;	  
}


.login {
  position: relative;
  margin: 0px auto;
  left: 50px;
}
.loginImg {
	background-image: url('images/horizonpluscard.gif');
	background-repeat: no-repeat;
	background-position: center top;
  width: 140px;
  height: 95px;
  margin: 0px auto;
  left: 20px;	
	position: absolute;
	z-index: 1;
}

.loginBox {
  border: 2px solid black;
  background: #E0E0FF;
  width: 150px;
  height: 90px;
  margin: 25px auto;
  padding: 80px 5px 5px 5px;
  left: 0px;
  position: absolute;
  z-index: 0;
	color: #818285;
	font-weight: normal;
  text-align: left;  
}

.loginBox2 {
	background-image: url(images/horizonpluscard.gif);
	background-repeat: no-repeat;
	background-position: center 45px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #666666;		
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
	line-height: 12px;  	
}

.loginBox2 .applynow2 .highlight1, .highlight2, .highlight3 { padding: 0 0px 0 0px; margin-bottom: 20px; }

/* NAVIGATION TOP */
    
.anylinkcss{
  position:absolute; 
  visibility: hidden; z-index: 100;
  background-color: #FFFFFF;

  border: 1px solid #CCCCCC; border-bottom-width: 0;
  line-height: 18px; width: 200px; margin-top: 5px;
}

.anylinkcss a {
width: 100%;
display: block;
top: 300px; color: #4086DD;
width: 188px;

border-bottom: 1px solid #CCCCCC;
padding: 6px;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover {  background-color: #4086DD; color: #FFFFFF; padding: 6px; width: 188px; }

/* NAVIGATION TOP */

.jsvalidation { margin-left:10px; font-size:10px; color:#FF0000; font-family:"Lucida Sans Unicode", "Trebuchet MS", Tahoma, sans-serif; }

/* facebox */

#facebox .b {
  background:url(/images/b.png);
}

#facebox .tl {
  background:url(/images/tl.png);
}

#facebox .tr {
  background:url(/images/tr.png);
}

#facebox .bl {
  background:url(/images/bl.png);
}

#facebox .br {
  background:url(/images/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.secHeader {
	background-color: #87cefa;
	padding: 3px;
	border-bottom:solid 1px red;
	color: black;
}