* {
   margin: 0;
   padding: 0;
}
body {
	background: #fff url('img/bodyBackground.jpg') repeat-x;
	background-attachment: fixed;
	margin: 30px 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}	
#wrapper {
	width: 964px;
	margin: 0 auto;
}
.box { 
	margin-top: 10px;
}
.box .boxTop {
	height: 6px;
	width: 964px;
	background: url('img/boxTop.gif') no-repeat;
	overflow: hidden;
}
.box .boxBody {
	width: 964px;
    background: url('img/boxBody.gif') repeat-y;
}
.box .boxBottom {
    height: 6px;
    width: 964px;
    background: url('img/boxBottom.gif') no-repeat;
}
#navArea {
	width: 926px;
	margin: 0 auto;
	padding: 20px 0;
}	
#navBar {
    clear: both;
    width: 926px;
    line-height: 25px;
    height: 25px;
    background: url('img/navBar.gif') no-repeat;
    margin-bottom: 20px;
}
#navBar a {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}	
#logo, #tp {
	margin-bottom: 20px;
}
#logo {
    float: left;
}
#tp {
    float: right;
}
#tp img {
    border: 0;
    margin-right: 4px;
}
#straplines {
	width: 355px;
	height: 169px;

	float: left;
}
#straplines img {
	margin-bottom:5px;
	border:0px;
}
#flashbanner {
    float: right;
    background-color: #ccc;
    width: 550px;
    line-height: 170px;
    text-align: center;
}
.spacer {
    clear: both;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.contentArea {
	margin: 0 auto;
	width: 926px;
	padding: 10px 0;
}	
.contentArea h1 {
	color: #244e77;
	font-size: 18px;
	font-weight: bold;
	background: url('img/h1Bullet.jpg') no-repeat 0 3px;
	padding-left: 20px;
	margin-bottom: 1em;
}
.contentArea h2 {
    color: #666;
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
	padding-top:8px;
    border-top: 2px #ccc solid;
    margin-top: 5px;
}
.contentArea p, .contentArea ul, .contentArea ol, .contentArea dl {
	margin-left: 22px;
	line-height: 22px;
	margin: 15px 22px;
}
li {
    margin-left: 1.4em
}
.contentArea dt {
    clear: both;
    float: left;
    width: 200px;
    font-weight: bold;
}
.contentArea p.first {
    font-weight: bold;
}
table.products {
	width: 100%;
	border: none;
	border-collapse: collapse;
}	
table.products tr td {
	padding: 10px;
	text-align: center;
}
table.products tr td.descr {
    text-align: left;
}
table.products tr {
    
}
table.products tr td img {
    border: 0;
}
#makeMargin {
	margin: 15px 22px;
}


#productBlock {
    float: left;
    width: 464px;
}
#productBlock img {
    display: block;
    float: left;
    border: 0;
}
#hpShortcuts {
    float: right;
    background: url(img/shortcuts.jpg) no-repeat;
    width: 462px;
    height: 302px;
}
#hpShortcuts h4 {
    display: none;
}
#hpShortcuts p {
    margin: 0;
    margin: 50px 10px 0 140px;
    height: 105px;
    font-size: 0.85em;
    line-height: 1.2em;
    overflow: hidden;
}
.request {
    margin: 15px 22px;
    font-size: 0.85em;
}
#hpShortcuts p a, .request a {
    display: block;
    width: 237px;
    background-image: url(img/shortcutbg.gif);
    background-repeat: no-repeat;
    line-height: 32px;
    color: #fff;
    text-decoration: none;
    margin-top: 4px;
    padding-left: 36px;
    height: 34px;
    font-weight: bold;
    letter-spacing: 0.1em;
}

#software {
    margin: 0 auto;
    width: 464px;
}
#software p {
    font-size: 0.8em;
}

#ph {
    margin-top: 10px;
}
#ph img {
    border: 0;
}
acronym {
    color: #000;
    border-bottom: 1px dotted #000;
    cursor: help;
}
#map {
    float: right;
    width: 400px;
    height: 500px;
    border: 1px solid #244e77;
}
h3 {
    margin: 15px 22px;
    background-color: rgb(238, 238, 238);
    border: 1px solid rgb(170, 170, 170);
    padding: 6px;
    font-weight: bold;
}
h3, h3 span {
    line-height: 20px;
}
h3 a {
    text-decoration: none;
    color: #000;
}
h3 span {
    float: right;
    font-size: 0.8em;
    font-weight: normal;
}

h4 {
	background-color:#eceff4;
	color:#999999;
	font-size:15px;
	padding: 5px 0 5px 20px;
	margin-bottom:20px;
}

h4 acronym {
	color:#666666;
	
}
a.pdf {
	width: 384px;
	height: 48px;
	background: url('img/pdf.gif') no-repeat;
	display: block;
	padding-top: 20px;
	text-decoration: none;
	padding-left: 50px;
	color: #444;
}	

.overLib {
    font-size: 0.8em;
    padding: 6px;
    background-color: #eee;
}
.overLibCaption {
    font-size: 1em;
    font-weight: bold;
    color:  #ffffff;
    background-color: #244e77;
    padding: 2px;
}
.overLibFG {
    
}
.overLibBG {
    border: 1px solid #000;
}

form {
    margin-top: 30px;
}
form.contact p {
    clear: left;    
    padding-left: 100px;
}
form.demo p {
    clear: both;
    padding-left: 200px;
}
form label {
    float: left;
    font-size: 0.8em;
    text-align: right;
}
form.contact label {
    margin-left: -100px;
    width: 130px;
}
form.demo label {
    margin-left: -200px;
    width: 190px;
}
input {
    width: 300px;
}
input.submit {
    width: auto;
}
option {
    padding-right: 1em;
}
textarea {
    width: 330px;
    height: 120px;
}

#navi {
    padding-left: 8px;
}
#navi, #navi ul {
    float: left;
    list-style: none;
    width: 100%;
    margin-bottom: 1em;
}
#navi a {
    display: block;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    padding: 0 17px;
}
#navi li {
    float: left;
    margin: 0;
    padding: 0;
}
#navi ul {
    position: absolute;
    left: -300px;
    height: auto;
    width: auto;
}
#navi li li {
    float: none;
    background-color: #407dae;
}
#navi li li a:hover {
    background-color: #013f9f;
}
#navi li.naviHover ul, #navi li li.naviHover ul, #navi li:hover ul, #navi li li:hover ul {
    left: auto;
}
#navi li:hover, #navi li.naviHover {
    background-color: #407dae;
}



/* GUIDES - JOB BOOKING ********************* */

.jobBooking {
	width:530px;
	height:410px;
	background-image:url(img/guide/job_booking.jpg);
	float:right;
	margin:15px 0 15px 15px;
	border-left:#FFFFFF solid 10px;
}
.jobBooking_wrap1 {
	width:530px;
	height:100px;
}

#jobBooking_gr1 {
	width:215px; height:29px;
	border:green solid 2px;
	float:left;
	margin-top:35px; margin-left:5px;
}

#jobBooking_gr2 {
	width:215px; height:29px;
	border:green solid 2px;
	float:right;
	margin-top:35px; margin-right:15px;
}

.jobBooking_wrap2 {
	width:530px;
	height:205px;
}

#jobBooking_ye1 {
	width:17px; height:41px;
	border:yellow solid 2px;
	float:left;
	margin-top:5px; margin-left:92px;
}


.jobBooking_wrap3 {
	width:530px;
	height:26px;
}

#jobBooking_red1 {
	width:98px; height:28px;
	border:red solid 2px;
	float:left;
	margin-top:2px; margin-left:146px;
}


.jobBooking_wrap4 {
	width:530px;
	height:68px;
}

#jobBooking_bl1 {
	width:522px; height:59px;
	border:blue solid 2px;
	float:left;
	margin-top:2px; margin-left:2px;
}


/* GUIDES - DIARY **********************/

.trafficDiary {
	width:530px;
	height:346px;
	background-image:url(img/guide/traffic_diary.jpg);
	float:right;
	margin:15px 0 15px 15px;
	border-left:#FFFFFF solid 10px;
}
.trafficDiary_wrap1 {
	width:530px;
	height:48px;
}

#trafficDiary_red1 {
	width:40px; height:14px;
	border:red solid 2px;
	float:left;
	margin-top:16px; margin-left:1px;
}

#trafficDiary_gr1 {
	width:160px; height:16px;
	border:green solid 2px;
	float:left;
	margin-top:17px; margin-left:1px;
}

.trafficDiary_wrap2 {
	width:530px;
	height:189px;
}

#trafficDiary_pur1 {
	width:298px; height:14px;
	border:purple solid 2px;
	float:left;
	margin-top:0px; margin-left:2px;
}

#trafficDiary_gr2 {
	width:30px; height:129px;
	border:green solid 2px;
	float:left;
	margin-top:1px; margin-left:16px;
}

#trafficDiary_or1 {
	width:24px; height:129px;
	border:orange solid 2px;
	float:left;
	margin-top:1px; margin-left:1px;
}

.trafficDiary_wrap3 {
	width:530px;
	height:112px;
}
#trafficDiary_bl1 {
	width:500px; height:45px;
	border:blue solid 2px;
	float:left;
	margin-top:1px; margin-left:10px;
}

/* GUIDES - LOAD **********************/

.loadScreen {
	width:530px;
	height:404px;
	background-image:url(img/guide/load_screen.jpg);
	float:right;
	margin:15px 0 15px 15px;
	border-left:#FFFFFF solid 10px;
}
.loadScreen_wrap1 {
	width:530px;
	height:172px;
}

#loadScreen_red1 {
	width:262px; height:87px;
	border:red solid 2px;
	float:left;
	margin-top:86px; margin-left:3px;
}

#loadScreen_bl1 {
	width:16px; height:87px;
	border:blue solid 2px;
	float:left;
	margin-top:86px; margin-left:0px;
}

#loadScreen_gr1 {
	width:219px; height:87px;
	border:green solid 2px;
	float:left;
	margin-top:86px; margin-left:0px;
}

.loadScreen_wrap3 {
	width:530px;
	height:229px;
}

#loadScreen_lbl1 {
	width:496px; height:155px;
	border:aqua solid 2px;
	float:left;
	margin-top:0px; margin-left:3px;
}

#loadScreen_yel1 {
	width:14px; height:38px;
	border:yellow solid 2px;
	float:left;
	margin-top:80px; margin-left:3px;
}


/* GUIDES - REVENUE **********************/

.revScreen {
	width:530px;
	height:409px;
	background-image:url(img/guide/revenue_screen.jpg);
	float:right;
	margin:15px 0 15px 15px;
	border-left:#FFFFFF solid 10px;
}
.revScreen_wrap1 {
	width:530px;
	height:149px;
}

#revScreen_gr1 {
	width:504px; height:85px;
	border:green solid 2px;
	float:left;
	margin-top:60px; margin-left:8px;
}

.revScreen_wrap2 {
	width:530px;
	height:115px;
}

#revScreen_aq1 {
	width:504px; height:115px;
	border:aqua solid 2px;
	float:left;
	margin-top:0px; margin-left:8px;
}


.revScreen_wrap3 {
	width:530px;
	height:145px;
}

#revScreen_red1 {
	width:176px; height:44px;
	border:red solid 2px;
	float:left;
	margin-top:0px; margin-left:10px;
}

#revScreen_yel1 {
	width:320px; height:67px;
	border:yellow solid 2px;
	float:left;
	margin-top:0px; margin-left:5px;
}

.highlight {
	color:#ff0000;
}


/* RIGHT IMAGES */

.rightImg {
	float:right;
	margin:15px 0 15px 15px;
	border-left:#FFFFFF solid 10px;
}

a.download-pdf {
    display: block;
    width: 925px;
    height: 39px;
    background: url('img/download-pdf.jpg') no-repeat;
    color: #70675e;
    text-decoration: none;
    font-size: 14px;
    padding-top: 20px;
    padding-left: 75px;
    font-weight: bold;
}

.incab {
	
}
.incab p {
    margin: 0;
    padding: 5px 0 20px 20px;
}
.incab img.logo {
    float: right;
    margin-top: 10px;
}    
div.number_1 {
    background: url('img/1.jpg') no-repeat; 
    padding-left: 45px;
    height: 100px;
    width: 400px;
    margin-left: 100px;
}
div.number_2 {
    background: url('img/2.jpg') no-repeat; 
    padding-left: 45px;
    height: 100px;
    width: 400px;
    margin-left: 100px;
}
div.number_3 {
    background: url('img/3.jpg') no-repeat; 
    padding-left: 45px;
    height: 100px;
    width: 400px;
    margin-left: 100px;
}
div.number_4 {
    background: url('img/4.jpg') no-repeat; 
    padding-left: 45px;
    height: 100px;
    width: 400px;
    margin-left: 100px;
}

img.float-right {
    float: right;
    margin-right: 250px;
}
div.emph {
    margin-left: 100px;
    margin-right: 100px;
    background-color: #dae1eb;
    border: 1px #a6b5cc solid;
}    
div.emph h2 {
    border: none;
    
}
.compInfo {
	font-size:9px;
	padding: 5px 0 5px 20px;
}