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

* {padding: 0; margin: 0;}


body {
background: url(images/background.gif) repeat-x;
background-color: #e6e9ed;
}

p, ul {
font-family: Myraid Pro, Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size: 12px;
line-height: 20px;
padding-bottom: 10px;
}

h1 {
font-family: Myraid Pro, Verdana, Arial, Helvetica, sans-serif;
color: #142d46;
font-size: 30px;
font-weight: bold;
margin-bottom: 20pt;
}

h2 {
font-family: Myraid Pro, Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
}

h3 {
font-family: Myraid Pro, Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size: 14px;
font-weight: bold;
margin-bottom: 15px;
}

a {
font-family: Myraid Pro, Verdana, Arial, Helvetica, sans-serif;
color: #305981;
text-decoration: none;
border: none;
}

a:hover {
text-decoration: underline;
}

img {
border-style: none;
}

li {
list-style-image:url(images/green_bullet.gif);
}

blockquote { 
margin: 0 90px;
}
/**********HEAD**********/

#head {
width: 960px;
height: 73px;
margin: 18px auto 0 auto;
}




/**********NAVIGATION**********/


#nav ul {
text-align: right;
float:right;
width: 679px;
height: 25px;
margin: 40px 15px 0 0;
}

#nav ul li {
	display: inline;
	list-style-type: none;
}

#nav ul li a {
height: 25px;
font-family: Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #142d46;
font-size: 20px;
margin-left: 30px;
text-decoration: none;
}

#nav ul li a:hover {
display: inline;
color: #728999;
text-decoration: none;
}

.selected {
font-family: Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #728999;
font-size: 20px;
margin-left: 30px;
}

#subnavtop {
width: 960px;
height: 4px;
background: url(images/top_subnav.gif) no-repeat;
}

#subnav {
background-color:#E7E7E7;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
color:#333333;
font-family:Myriad Pro,Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
height:30px;
list-style-type:none;
padding-top:4px;
padding-right:10px;
text-align:right;
width:948px;
}

#subnav ul li {
display:inline-block;
list-style-type: none;
height:30px;
padding-bottom:6px;
position:relative;
}
/**
#subnav ul li.leadership:hover,
#subnav ul li.commitment:hover {
background:transparent url(images/tab_triangle1.gif) no-repeat bottom center scroll;
}
**/
#subnav ul li a {
font-family: Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size: 14px;
margin: 0px 5px;
text-decoration: none;
}

#subnav ul li a:hover {
color: #445e77;
}

#subnav li ul.leadership,
#subnav li ul.commitment,
#subnav li ul.smartcard {
display:inline;
float:left;
position:absolute;
top:30px;
width:885px;
padding-top:5px;
padding-right:10px;
}

#subnav li ul.leadership {
left:-558px;
}

#subnav li ul.commitment {
left:-634px;
}

#subnav li ul.smartcard {
left:-688px;
}

#subnav li:hover ul {
	visibility: visible;
	z-index: 100;
/*	background: url(images/tab_triangle1.gif) no-repeat center;*/
}

.col2 ul {
text-align: right;
float:right;
width: 100%;
height: auto;
margin: 0;
}

.col2 ul li {
	display: inline;
	list-style-type: none;
}

.col2 ul li a {
height: auto;
margin-left: 15px;
text-decoration: none;
}



/**********HOMEPAGE**********/

#hometop {
width:926px;
height:336px;
background: url(images/home_image.jpg) no-repeat;
padding-left: 34px;
}

h1.title1 {
color: #fff;
font-size: 60px;
}

h1.title2 {
color: #fff;
font-size: 22px;
}

#hometop a {
color: #509c0e;
font-size: 18px;
font-weight: bold;
text-decoration: none;
}

#hometop a:hover {
text-decoration: underline;
}

.button1 {
width: 300px;
height: 222px;
background: url(images/home_button1.jpg) no-repeat center;
float: left;
margin-left: 30px;
}

.button2 {
width: 300px;
height: 222px;
background: url(images/home_button2.jpg) no-repeat center;
float: left;
}

.button3 {
width: 300px;
height: 222px;
background: url(images/home_button3.jpg) no-repeat center;
float: left;
}

/**********MAIN**********/


#wrap {
width:960px;
height:auto;
margin: 0px auto;
}

#maintop {
width: 960px;
height: 4px;
background: url(images/top_main.gif) no-repeat;
background-color: #fff;
}

#main {
width: 890px;
height: auto;
background-color: #fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding-left: 34px;
padding-right: 34px;
padding-bottom: 14px;
}

#main.nopad {
width: 958px;
padding: 0;
}

#mainbottom {
width: 960px;
height: 4px;
background: url(images/bottom_main.gif) no-repeat;
background-color: #fff;
}

#greybottom {
width: 960px;
height: 4px;
background: url(images/bottom_grey.gif) no-repeat;
background-color: #fff;
}

#taxi {
width: 960px;
height: 415px;
background: url(images/taxi_bg.jpg) no-repeat left;
}

#train {
width: 960px;
height: 415px;
background: url(images/train_bg.jpg) no-repeat left;
}

#meter {
width: 960px;
height: 415px;
background: url(images/meter_bg.jpg) no-repeat left;
}

#parking {
width: 960px;
height: 415px;
background: url(images/parking_bg.jpg) no-repeat left;
}

#pr2009, #pr2008, #pr2007, #pr2006 {
width: 93%;
height: auto;
background-color: #eaeff5;
border-top: 2px #95a9b6 solid;
padding: 20px;
}

a:hover.prnav  {
border-top: 2px solid #95a9b6;
}

.container, #ompasswrap, #prwrap {
width: 100%;
overflow: none;
}

.col1 {
float: left;
width:47%;
height: 100%;
}

.col2 {
float: right;
width:47%;
height: 100%;;
}

.col70 {
float: left;
width:65%;
height: 100%;
}

.col30 {
float: right;
width:30%;
height: 100%;;
}

.col35 {
float: right;
width:34%;
height: 100%;;
}


.col {
position:relative;
float: left;
background: url(images/product_bg.jpg) no-repeat center;
width:33%;
height: 503px;
}

.smallcol1 {
float: left;
width:25%;
height: 100%;
}


.clearer {
clear:both;
margin:0;
padding:0;
}

.shortspan {
width: 80%;
}

.smallspan {
width: 40%;
margin-left: 34px;
}

.spacertop {
padding-top: 44px;
}

.right {
float: right;
}

.left {
float: left;
}

.infobox {	
width: 300px;
height:auto;
background-color: #f5f5f5;
padding: 20px;
margin: 20px auto 0 auto;
}

.mediabox {	
width: 250px;
height: 147px;
background: url(images/media_bg.gif) no-repeat;
margin: 0 0 40px 0;
padding-left: 15px;
}

.grey {
background-color: #f5f5f5;
}

.green {
color: #009933;
}

.red {
color:#990000;
}

.pad {
padding:20px;
}

img.center {
margin: 0 auto;
}

.nobottom {
margin-bottom:0;
}

.icon {
margin-right: 20px;
}

.spacerleft {
margin-left: 60px;
}

.padleft {
padding-left: 30px;
}

.logoheight {
position: relative;
height: 120px;
padding-top: 20px;
}

.productbg {
background: url(images/products_bg2.jpg) no-repeat center;
width: 100%;
height: 366px;
}

.bottom {
	position:absolute;
	bottom:3px;
}

.absright {
	right: 24px;
	display: block;
	width: 245px;
	height: 495px;
}

.top {
margin-top: 30px;
}

.caption {
margin: 0 34px;
}

.blueboxtop {
width: 295px;
height: 10px;
background: url(images/blue-top.gif) no-repeat;
}

.blueboxbottom {
width: 295px;
height: 11px;
background: url(images/blue-bottom.gif) no-repeat;
}

.bluebox {
width: 275px;
height: auto;
background-color: #eaeff5;
padding: 10px;
}

.columnleft {
float: left;
width: 25%;
height: auto;
}

.columnmid {
float: left;
width: 50%;
height: auto;
}

.columnright {
float: left;
width: 25%;
height: auto;
}


/**********FOOTER**********/

#footer {
width: 960px;
height: auto;
margin: 0 auto 16px auto;
color: #999;
font-family: Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
padding-top: 17px;
line-height: 15px;
}

#footer a {
font-family: Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
color: #445e77;
font-size: 11px;
text-decoration: none;
}

#footer a:hover {
font-family: Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
color: #445e77;
font-size: 11px;
text-decoration: underline;
}