html { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; margin:0; padding:0; }

body { color:#888791; font-size:0.8em; line-height:1.9em; margin:0; padding:0; text-align:center; background-image: url(../images/main-bg.jpg); background-repeat: repeat-x; background-position: center top; background-color: #fff; }

body * { font-size:100%; }

p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol, dl, table, hr, form, fieldset { margin:0.4em 0; padding:0; }
p { line-height: 1.4em; padding-bottom: 0.4em; color: #64636e; font-size: 1em; }
a { color:#027fa9; }


a:hover, a:focus { text-decoration:none; }
abbr { border:0 none; text-decoration:none; }
a abbr { border-width:1px; text-decoration:underline; }
a:hover abbr { border-width:0; text-decoration:none; }
sup, sub { font-size:0.8em; line-height:normal; }
sup { vertical-align:top; }
hr { border-color:#CCCCCC -moz-use-text-color -moz-use-text-color; border-style:solid none none; border-width:1px 0 0; }
code, pre { font-family:"Courier New", Courier, monospace; line-height:1.34em; }


/*LISTS*/
ul, ol { padding-left:2.5em; font-size: 1.1em; color:#FFFFFF; }
ul li, ol li { padding-left:0.6em; margin:0.6em 0; }
.picspace {
	padding-right: 23px;
}
li p { margin-top:1em;  }


/*HEADINGS*/
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif;  }
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a { color:#6b6b6b; }

#homepage h1 {  display:block; position:relative; text-indent:-5000px; background-image:url(../images/index-h1.png); width:635px; height:48px;}

#save{  display:block; position:relative; text-indent:-5000px; background-image:url(../images/index-h2-save.png); width:165px; height:24px;}
#track{  display:block; position:relative; text-indent:-5000px; background-image:url(../images/index-h2-track.png); width:165px; height:24px;}
#comm {  display:block; position:relative; text-indent:-5000px; background-image:url(../images/index-h2-comm.png); width:165px; height:24px;}


#aboutpage h1 {  display:block; position:relative; text-indent:-5000px; background-image:url(../images/about-h1.png); width:461px; height:49px;}


#servicespage h1 {  display:block; position:relative; text-indent:-5000px; background-image:url(../images/service-h1.png); width:491px; height:49px;}

#partnerspage h1 {  display:block; position:relative; text-indent:-5000px; background-image:url(../images/partners-h1.png); width:628px; height:49px;}

#contactpage h1 {  display:block; position:relative; text-indent:-5000px; background-image:url(../images/contact-h1.png); width:318px; height:49px;}




h3 {  display:block; position:relative; text-indent:-5000px; background-image:url(../images/h3.png); width:584px; height:50px; }
h4 { font-size:2em; line-height:1.1em; color: #777777; font-weight: normal; padding-top: 30px}
h5 { font-size:1.8em; line-height:1.1em; color: #777777; font-weight: normal; }
h6 { font-size:1.6em; line-height:1.1em; color: #777777; font-weight: normal; }


.learnmore  { }
.learnmore a { font-size:80%;background-color:#7acde1; color: #FFFFFF; text-decoration: none; padding: 2px; }
.learnmore a:hover {background-color:#535082; color: #fff}



/*   */

blockquote { }
blockquote p { margin-bottom:0; margin-top:10px; }
blockquote { margin-left:5%; margin-right:5%; }



/*   */
table { border-collapse:collapse; text-align:left; vertical-align:baseline; }
table, th, td { border:0px solid #DDDDDD; }
th, td { padding:6px 8px 7px; vertical-align:baseline; }
th { font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; }

/*   */
ol.lowercase-roman { list-style-type:lower-roman; }
ol.uppercase-roman { list-style-type:upper-roman; }
ol.lowercase-alpha { list-style-type:lower-alpha; }
ol.uppercase-alpha { list-style-type:upper-alpha; }

/*   */
img.fl { float:left; margin-left:0; margin-right:1em; }
img.fr { float:right; margin-left:1em; margin-right:0; }
img a:link { border: 0; margin: 0; padding: 0; }
a.img { border: 0; margin: 0; padding: 0; }


/*   */


hr { color:#e0e0e0; background-color: #e0e0e0; height: 1px; border-style: solid; clear: both; margin-top: 4px; display: block; }

/*   */


.float-left, .wrap-text-right { float:left; margin-left:0; margin-right:1em; }
.float-right, .wrap-text-left { float:right; margin-left:1em; margin-right:0; }
/*   */

.accelerator-key { text-decoration:underline; }
.cloak { left:-9999px; position:absolute; }
.cb { clear:both; }



/* WRAPPER */ 
#wrapper { text-align:left; width:960px; clear: both; overflow: auto; margin-top: 0;  margin-bottom: 0;  padding-top: 10px; padding-right: 0; padding-bottom: 0; padding-left: 0; position:relative;
}

/* MAIN CONTENT */ 	
#main-content { font-size: 90%;   clear: both; /*margin-top: 8px*/}


     

/* INDEX */ 
.homecol { width: 200px; float: left;}
.rpad20 { padding-right: 30px;}



img { border: 0;}


/* COLUMN ONE */
#column-one { float: left; width: 220px; color: #888791; display: inline; }


/* COLUMN TWO */
#column-two { float: left; width: 700px;  display: inline; margin-top: 70px;  padding-left: 20px; background-image: url(../images/strip.jpg); background-repeat: no-repeat; background-position: left top; }


/* Navigation*/

#nav { width:68px; clear: both; margin: 0px; height: 100px; padding-top: 20px; padding-right: 0; padding-bottom: 0; padding-left: 44px; }

ul#nav {}
ul#nav li { float:left; display:block; list-style-type:none; position:relative; text-indent:-5000px;  margin:0; padding:0; }
ul#nav li a:hover{text-decoration:none; display:block; width:68px; background-position:bottom left; }

.active {background-position:bottom right ;}


.home { background-image:url(../images/home-button.png); width:68px; height:21px; display: block }
.about { background-image:url(../images/about-button.png); width:68px; height:21px; display: block}
.partners { background-image:url(../images/partners-button.png); width:68px; height:21px; display: block}
.services { background-image:url(../images/services-button.png); width:68px; height:21px; display: block}
.contactbutton { background-image:url(../images/contact-button.png); width:68px; height:21px;  display: block}


/*PAGES*/

#homepage {}
#aboutpage {}
#partnerspage {}
#servicespage {}
#contactpage {}


/* Home image*/
.homelaptop { position: relative; left: -17px; }

/* Spotlights */ 
.spotlight { float: left;}
	
.spotlight a { text-decoration: none; color: #888791}
.spotlight a:hover {text-decoration: underline;}




/* Call Me Back Spotlight */ 
.callme { background-image: url(../images/callme.png); background-repeat: no-repeat; background-position: left center; width: 146px; height: 154px;  line-height: 1.8em; margin-left: 40px; margin-top: 20px;cursor: default}

.name {width : 130px; float: left; padding-left: 10px; padding-top: 30px;cursor: default}
.num {width : 130px; float: left; padding-left: 10px; cursor: default}

.send { font-size:80%;width: 41px; height: 22px; margin-left: 10px; margin-top: 8px; background-color:#7acde1; color: #FFFFFF; float: left; border: 0px; padding: 0px;cursor: pointer; }


/* Comply Login Spotlight */ 
.comply { background-image: url(../images/comply.png); background-repeat: no-repeat; background-position: left center; width: 146px; height: 173px;line-height: 1.8em; margin-left: 40px; margin-top: 20px; cursor: default }


/* Secure Login Spotlight */ 
.secure { background-image: url(../images/secure.png); background-repeat: no-repeat; background-position: left center; width: 146px; height: 173px;line-height: 1.8em; margin-left: 40px; margin-top: 20px;display:none;cursor: default}

.username {width : 130px; float: left; padding-left: 10px; padding-top: 36px;cursor: default}
.password {width : 130px; float: left; padding-left: 10px; cursor: default}

.login { font-size:80%;width: 58px; height: 22px; background-color:#7acde1; color: #FFFFFF; float: left; margin-left: 10px; margin-top: 8px;cursor: pointer; }

.change1 { font-size:80%;width: 58px; height: 22px; background-color:#63C; color: #FFFFFF; float: left; margin-left: 10px; margin-top: 8px;cursor: pointer; }

.change2 { font-size:80%;width: 58px; height: 22px; background-color:#69F; color: #FFFFFF; float: left; margin-left: 10px; margin-top: 8px; cursor: pointer;}


.forgot { text-align: left; padding-left: 10px; float: left; clear: left; padding-top: 4px;}

/* Forms */ 

form {margin:0; padding: 0; }
form fieldset { border:0px solid #DDDDDD; padding:0; text-align:left; }
form fieldset label { cursor:pointer; margin:0; padding: 0; cursor: default}
form fieldset legend { display: none; }
form fieldset input, form fieldset textarea, form fieldset select { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; color:#888791; border: none; width: 100px;height: 20px; margin: 0; padding:0;}


form fieldset textarea, form fieldset select { display:block; }
form fieldset label input, form fieldset label textarea, form fieldset label select { margin:0 0 0; padding:0; }
form fieldset label input[type="text"], form fieldset label input[type="password"] { display:block; }
form fieldset .mandatory { color:#CC0000; }
form .form-data-protection-statement { font-size:0.9em; line-height:1.8em; }



/* ICONS */ 
ul#icons { padding-top: 20px; margin: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border: 0px; display: block; clear: both}

ul#icons li  { display: inline; list-style-type:none; padding: 0px; margin: 0px; border: 0px;}



/* FOOTER */
#homepage #footer { text-align:left;  clear: both; font-size: 0.9em; margin: auto auto; padding-left: 44px; padding-top: 20px} 
#footer {
	text-align:left;
	clear: both;
	font-size: 0.9em;
	margin: auto;
	padding-left: 44px;
	padding-top: 200px;
}