td    {}
tr    {}
Body  {background-color: #f2f2f2; color: #000000; Margin-Top: 5px; Margin-Left: 5px;
       font-family: arial; font-size: 12px}
Table {font-family: arial; font-size: 12px}
Input    {font-family: arial; font-size: 12px}
textarea {font-family: arial; font-size: 12px}
select   {font-family: arial; font-size: 12px}

Form  {margin: 5px}
hr    {height: 2px; color: gray}
h3    {background-color: gray; color: white; font-family: arial; font-size: 18 px; font-weight: bold; padding: 5px;
        margin-bottom: 5px}
h4    {background-color: gray; color: white; font-family: arial; font-size: 16 px; font-weight: bold; padding: 5px;
        margin-bottom: 5px}

.ActionButton {border: #000000 1px solid; cursor: hand; font-size: 13 px}

.footer {font-family: arial; font-size: 10 px; margin: 2px}

.Toolbar {margin-top: 0px; margin-bottom: 5px; border-top-style: solid; background-color: silver; padding: 8px;  border-color: gray;
           border-bottom-style: solid ; border-width: 2px}

.Label  {color: DarkBlue; font-family: arial; font-size: 12 px}

.ErrorReport {color: Red; font-family: arial; font-size: 12 px; margin: 0px}

.EntryBlock {Margin: 2px; border: solid gray 1px}


.EntryTable        {}
.EntryTable .Data  {font-family: arial; font-size: 13 px}
.EntryTable .Error {color: #FF0000; font-family: arial; font-size: 12 px }
.EntryTable .Label {color: DarkBlue; font-family: arial; font-size: 12 px; text-align: right}

.ReportTable         {Border: solid gray 1px; Border-top: none}
.ReportTable .Data   {font-family: arial; font-size: 12 px;  padding-left: 3px; padding-right: 3px}
.ReportTable .Header {color: DarkBlue; background-color: silver; font-family: arial; font-size: 13 px;  padding-left: 3px; padding-right: 3px }

.ReportHdr1Table         {margin-top: 10px}
.ReportHdr1Table .Data   {text-align: left;  vertical-align: top; font-family: arial; font-size: 12 px; }
.ReportHdr1Table .Label  {text-align: left;  vertical-align: top; font-family: arial; font-size: 12 px; }

.ZoomTable         {}
.ZoomTable .Data   {text-align: left; vertical-align: top; font-family: arial; font-size: 12 px;}
.ZoomTable .Label  {text-align: left; vertical-align: top; color: DarkBlue; font-family: arial; font-size: 12 px;}
.ZoomTable .Header {background-color: silver; text-align: left; vertical-align: top; font-family: arial; font-size: 12 px; }

A:link    {color: #990033; font-family: arial}
A:visited {color: #990033; font-family: arial}
A:active  {color: #003366; font-family: arial}
A:hover   {color: #003366; font-family: arial}



/***************/







body { background-color: #002854; margin: 0; padding: 0; font-size: 100%; font-family: Arial, Helvetica, sans-serif; color: #000000; text-align: center;/* part 1 of 2 centering hack */}

img { border: none; margin: 0; padding: 0;}

img a { border: none; margin: 0; padding: 0;}

table { margin: 0; padding: 0;}

div,p,form,h1,h2,h3,h4,h5,hr,ul,dl,dd,dt,ol,li,object,param,table,tr,td,th
{ margin: 0; padding: 0;}

/******************************/
/****** MAIN STRUCTURE *******/
/****************************/
#container { text-align: left;/* part 2 of 2 centering hack */ background-color: #ffffff; width: 760px; margin-left: auto; margin-right: auto; background-color: #ffffff;}

/* background */
#background-hp { height: 557px; background-image:  url(../images/backgrounds/hp-bg.jpg); background-position: bottom; background-repeat: no-repeat;}
#background-howitworks { height: 557px; background-image:  url(../images/backgrounds/howitworks-bg.jpg); background-position: bottom; background-repeat: no-repeat;}
#background-howmuch { height: 570px; background-image:  url(../images/backgrounds/howmuch-bg.jpg); background-position: bottom; background-repeat: no-repeat;}
#background-benefits { height: 565px; background-image:  url(../images/backgrounds/benefits-bg.jpg); background-position: bottom; background-repeat: no-repeat;}
#background-tracking { height: 565px; background-image: url(../images/tracking-bg.jpg); background-position: bottom; background-repeat: no-repeat;}
#background-aboutus { height: 565px; background-image:  url(../images/backgrounds/aboutus-bg.jpg); background-position: bottom; background-repeat: no-repeat;}
#background-whofor{ height: 565px; background-image:  url(../images/backgrounds/whofor-bg.jpg); background-position: bottom; background-repeat: no-repeat;}
/* background - end */

#header { height: 106px; background-color: #ffffff; width: 760px; margin-bottom: 20px;}

#leftcol { width: 179px; height: 365px; float: left; position: relative; padding-right: 10px; border-right: 1px solid #002854;}
	#leftcol form { margin-left: 23px;}

#maincol { float: right; display: inline; position: relative; width: 530px; padding-right: 15px; padding-left: 15px;}
#maincol p { padding-bottom: 10px;}

/*****************************/
/****** CONTENT STYLES *******/
/*****************************/
#content p { font-size: 70%; color: #002855; padding-bottom: 10px;}
#content table { font-size: 70%; color: #002854; padding-bottom: 10px;}
#content td { padding: 2px;}
#content input { width: 70px;}
#content ul { padding-left: 13px; font-size: 70%; color: #002854;}
#content li { list-style-type: disc; padding-bottom: 4px;}

#content a, #content a:visited { color: #FF9900; text-decoration: none;}
#content a:hover { color: #009CDC; text-decoration: underline;}
#content a.active { color: #009CDC; font-weight: bold; text-decoration: none;}

#benefits-list ul { font-size: 70%; color: #002854;}
#benefits-list li { list-style-type: none; float: left; padding-bottom: 4px; padding-right: 7px;}

#whodoeslist a, #whodoeslist a:visited { color: #002854; text-decoration: none;}
#whodoeslist a:hover { color: #002854; text-decoration: underline;}

/* Text widths */
.para3 { width: 400px;}
.para4 { width: 360px;}
.para5 { width: 285px;}
.para6 { width: 250px;}
/* Text widths - end */

/* Pop up stages
#top-stages { background-image: url(../images/stages1.gif); background-repeat: no-repeat; height: 126px; width: 535px;}
#top-menu a { position: absolute; height: 114px; width: 100px; text-decoration: none; left: 0; top: 68px;}
#top-menu a i { visibility: hidden;}
	a#menu-stage1 { left: 13px;}
	a#menu-stage3 { left: 125px;}
	a#menu-stage5 { left: 236px;}
	a#menu-stage7 { left: 347px;}
	a#menu-stage8 { left: 453px;}

#bottom-stages { background-image: url(../images/stages3.gif); background-repeat: no-repeat; height: 112px; width: 535px;}
#bottom-menu a { position: absolute; height: 116px; width: 130px; text-decoration: none; left: 0; top: 250px;}
#bottom-menu a i { visibility: hidden;}
	a#menu-stage2 { left: 30px;}
	a#menu-stage4 { left: 165px;}
	a#menu-stage6 { left: 300px;}
	a#next { left: 473px; top: 300px; height: 30px; width: 70px;}

a#menu-stage1, a#menu-stage2, a#menu-stage3, a#menu-stage4, a#menu-stage5 { border: none;}
/* Pop up stages  - end*/
*/
/**************-NAV-******************/
#nav { width: 179px; padding: 0; margin: 0;}
#nav li { list-style-type: none; padding: 0; display: block;}

li.home { background: transparent url(../images/nav/home.jpg) no-repeat 0 0; width: 179px; height: 35px; display: block;}
li.home a { background: transparent url(../images/nav/home.jpg) no-repeat -179px 0; width: 179px; height: 0; display: block; padding-top: 35px; color: #fff; overflow: hidden;}
li.home a:hover { background-position: 0 -35px;}
li.home a.active { background: transparent url(../images/nav/home-over.jpg) no-repeat 0 0; width: 179px; height: 35px; display: block;}

li.work { background: transparent url(../images/nav/work.jpg) no-repeat 0 0; width: 179px; height: 35px; display: block;}
li.work a { background: transparent url(../images/nav/work.jpg) no-repeat -179px 0; width: 179px; height: 0; display: block; padding-top: 35px; color: #fff; overflow: hidden;}
li.work a:hover { background-position: 0 -35px;}
li.work a.active { background: transparent url(../images/nav/work-over.jpg) no-repeat 0 0; width: 179px; height: 35px; display: block;}

li.whofor { background: transparent url(../images/nav/whofor.jpg) no-repeat 0 0; width: 179px; height: 35px; display: block;}
li.whofor a { background: transparent url(../images/nav/whofor.jpg) no-repeat -179px 0; width: 179px; height: 0; display: block; padding-top: 35px; color: #fff; overflow: hidden;}
li.whofor a:hover { background-position: 0 -35px;}
li.whofor a.active { background: transparent url(../images/nav/whofor-over.jpg) no-repeat 0 0; width: 179px; height: 35px; display: block;}

li.howmuch { background: transparent url(../images/nav/howmuch.jpg) no-repeat 0 0; width: 179px; height: 35px; display: block;}
li.howmuch a { background: transparent url(../images/nav/howmuch.jpg) no-repeat -179px 0; width: 179px; height: 0; display: block; padding-top: 35px; color: #fff; overflow: hidden;}
li.howmuch a:hover { background-position: 0 -35px;}
li.howmuch a.active { background: transparent url(../images/nav/howmuch-over.jpg) no-repeat 0 0; width: 179px; height: 35px; display: block;}

li.benefits { background: transparent url(../images/nav/benefits.jpg) no-repeat 0 0; width: 179px; height: 35px; display: block;}
li.benefits a { background: transparent url(../images/nav/benefits.jpg) no-repeat -179px 0; width: 179px; height: 0; display: block; padding-top: 35px; color: #fff; overflow: hidden;}
li.benefits a:hover { background-position: 0 -35px;}
li.benefits a.active { background: transparent url(../images/nav/benefits-over.jpg) no-repeat 0 0; width: 179px; height: 35px; display: block;}

li.tracking { background: transparent url(../images/nav/tracking.jpg) no-repeat 0 0; width: 179px; height: 35px; display: block;}
li.tracking a { background: transparent url(../images/nav/tracking.jpg) no-repeat -179px 0; width: 179px; height: 0; display: block; padding-top: 35px; color: #fff; overflow: hidden;}
li.tracking a:hover { background-position: 0 -35px;}
li.tracking a.active { background: transparent url(../images/nav/tracking-over.jpg) no-repeat 0 0; width: 179px; height: 35px; display: block;}

li.aboutus { background: transparent url(../images/nav/aboutus.jpg) no-repeat 0 0; width: 179px; height: 35px; display: block;}
li.aboutus a { background: transparent url(../images/nav/aboutus.jpg) no-repeat -179px 0; width: 179px; height: 0; display: block; padding-top: 35px; color: #fff; overflow: hidden;}
li.aboutus a:hover { background-position: 0 -35px;}
li.aboutus a.active { background: transparent url(../images/nav/aboutus-over.jpg) no-repeat 0 0; width: 179px; height: 35px; display: block;}

li.contact { background: transparent url(../images/nav/contactus.jpg) no-repeat 0 0; width: 179px; height: 35px; display: block;}
li.contact a { background: transparent url(../images/nav/contactus.jpg) no-repeat -179px 0; width: 179px; height: 0; display: block; padding-top: 35px; color: #fff; overflow: hidden;}
li.contact a:hover { background-position: 0 -35px;}
li.contact a.active { background: transparent url(../images/nav/contactus-over.jpg) no-repeat 0 0; width: 179px; height: 35px; display: block;}


li.comp { background: transparent url(../images/nav/comp.jpg) no-repeat 0 0; width: 179px; height: 35px; display: block;}
li.comp a { background: transparent url(../images/nav/comp.jpg) no-repeat -179px 0; width: 179px; height: 0; display: block; padding-top: 35px; color: #fff; overflow: hidden;}
li.comp a:hover { background-position: 0 -35px;}
li.comp a.active { background: transparent url(../images/nav/comp-over.jpg) no-repeat 0 0; width: 179px; height: 35px; display: block;}






li.customer { background: transparent url(../images/nav/customer.jpg) no-repeat 0 0; width: 179px; height: 35px; display: block;}
li.customer a { background: transparent url(../images/nav/customer.jpg) no-repeat -179px 0; width: 179px; height: 0; display: block; padding-top: 35px; color: #fff; overflow: hidden;}
li.customer a:hover { background-position: 0 -35px;}
/*
li.customer { background-position: 0 -35px;}
*/
* html #nav a:hover { height: 35px; he\ight: 0;}
#nav a { display: block; height:0; overflow: hidden; }
* html #nav a:link, * html #nav a:visited { height: 35px; he\ight: 0;}
/************-NAV END-**************/

/***********************************/
/****** END - CONTENT STYLES *******/
/***********************************/

/****************************/
/******** ADDITIONAL ********/
/****************************/
.skip { display: none;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */
/***********************************/
/******** END - ADDITIONAL *********/
/***********************************/