/* --------------------------------------------- */
/* CSS DOCUMENT */

	html{
		padding: 0; 
		margin: 0;
		background: #222 url(../images/bg.png) 0 0;
		color: white;
		/* font-family: "MetaBook-Roman", Trebuchet MS, Helvetica, sans-serif; */
		font-size: 14px;
		-webkit-text-stroke:1px transparent;
		}
	
	@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}
	
	#page {
		width: 940px;
		margin: 0 auto;
		}
		 
 
 
/* --------------------------------------------- */
/* GENERAL TYPOGRAPHY */
    
 
	p{  /* Body Text */
		margin-bottom: 5px;
		line-height: 110%;
		}
	
	h1{  /* Main Heading */
		}
		
	
	h2{  /* Secondary Heading */
		font-weight: bold;
		font-size: 24px;
		border-bottom: 1px solid white;
		margin-bottom: 18px;
		letter-spacing: -1px;
		}
		
	h3 {
		font-weight: bold;
		font-size: 14px;
		border-bottom: 1px dotted white;
		padding-bottom: 4px;	
		margin-bottom: 6px;	
		}
	
	
	a{  /* Links */
		font-weight: bold;
		color: white;
		}
		
	a:hover {color: #f35310}
		
		
		
/* --------------------------------------------- */
/* HEADER */

	#header {
		margin-top: 40px;
		display: block;
		height: 220px;
		width: 100%;
		background: url(../images/bg_orange.png);
		box-shadow: 0px 2px 2px rgba(0,0,0,0.35);
  		-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.35);
 		-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.35);
		}
		
	#header div {
		position: relative;
		width: 650px;
		height: 170px;
		margin: 0 auto;
		padding: 50px 0 0 290px;
		background: url(../images/liift_header.png) no-repeat;
		}
		
	#header h1 {
		color: transparent;
		text-transform: capitalize;
		text-indent: -1000px;
		overflow: hidden;
		}
		
	#header h1 a {
		position:absolute;
		display: block;
		height: 220px;
		width: 220px;
		top:0;
		left: 0;
		z-index: 50;
		}
	
	#header #tagline {
		position: absolute;
		border: none;
		top:  150px;
		left:0
		}
	
	#header blockquote {
		font-size: 30px;
		text-shadow: 0px 1px 2px rgba(0,0,0,0.35);
  		-moz-text-shadow: 0px 1px 2px rgba(0,0,0,0.35);
 		-webkit-text-shadow: 0px 1px 2px rgba(0,0,0,0.35);
 		line-height: 34px;
 		letter-spacing: -1px;
		}
		
	.js #header blockquote {display: none; }



/* --------------------------------------------- */
/* NAVIGATION */

	#nav {
		position: fixed;
		height: 40px;
		width: 100%;
		top:0;
		background: url(../images/nav_bg.png) repeat-x;
		box-shadow: 0px 3px 3px rgba(0,0,0,0.35);
  		-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.35);
 		-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.35);
 		z-index: 100;
		}
		
	#navContainer {
		margin: 0 auto;
		width: 940px;
		}
		
	#nav ul {
		height: 40px;
		overflow: hidden;
		border-right: 1px solid #434343;
		border-left: 1px solid #717171;
		float: left;
		}

	#nav li {
		display: block;
		float: left;
		height: 40px;
		border-left: 1px solid #434343;
		border-right: 1px solid #717171;
		/* font-family: MetaBold-Roman, Helvetica, sans-serif; */
		font-weight: bold;
		line-height: 34px;
		}
		
	#nav li a {
		display: block;
		padding: 2px 10px 0px 10px;
		text-decoration: none;
		color: white;
		font-size: 16px;
		text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
  		-moz-text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
 		-webkit-text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
                opacity: 0.99;
		}
		
	#nav li:hover {
		background-image: url(../images/nav_bg.png);
		background-position: 0 -40px;
		}
		
	#nav li:active {
		background-image: url(../images/nav_bg.png);
		background-position: 0 -80px;
		line-height: 36px;
		}
		
	.pageWhoweare .navWhoweare,
	.pageWhatwedo .navWhatwedo,
	.pageWhoweworkwith .navWhoweworkwith,
	.pageContact .navContact {
		background-image: url(../images/nav_bg.png);
		background-position: 0 -120px;
		}

/* --------------------------------------------- */
/* CONTENT */


	#content {
		margin: 30px 0 90px 0;
		}

	#contentMain {
		width: 700px;
		float: left;
		width: 940px;
		}
		
	#contentSecondary {
		width: 220px;
		float: right;
		display: none;
		}

		
	#contentMain p {width: 460px;}
	
	#contentMain ul {
		list-style: disc;
		margin: 10px 0 20px 25px;;
		}
		
	#contentMain li {margin: 5px 0;}
		
	#contentSecondary li {
		display: block;
		/* font-family: MetaBold-Roman, Helvetica, sans-serif; */
		font-weight: bold;
		color: white;
		font-size: 14px;
		padding-bottom: 4px;
		margin-bottom: 4px;
		border-bottom: 1px dotted white;
		}

	#content .newsArticle {
		border-bottom: 1px dotted white;
		padding-bottom: 10px;
		margin-bottom: 10px;
		}
		
	#content .newsArticle h3 {border: none; margin-bottom: 0px;}
	#content .newsArticle p {width: 460px;}


/* --------------------------------------------- */
/* FOOTER */

	#footer {
		width: 940px;
		margin: 30px auto;
		}
	
	#latestNews {
		width: 600px;
		float: left;
		}
		
	#latestNews h2 {
		width: 580px;
		}
		
	#latestNews .newsArticle {
		width: 460px;/*280px;*/
		margin-right: 20px;
		float: left;
		}
		
	.readmore {
		/* font-family: MetaBold-Roman, Helvetica, sans-serif; */
		font-weight: bold;
		color: white;
		}
		
	
	#moreInfo {
		width: 220px;
		float: left;
		}
		
	#moreInfo a {
		display: block;
		padding-bottom: 5px;
		margin-bottom: 5px;
		border-bottom: 1px dotted white;
		}
		
	#footerLogo {
		width: 100px;
		float: right;
		}
		
	#footerLogo img {float: right;}
		
		
		
		
/* --------------------------------------------- */
/* PRODUCT PAGES */

#coda-nav-1 ul li a div {display: block; width: 217px; height: 120px;}
.coda-nav ul li a div {opacity: 0.2; margin: 0}
.coda-nav ul li a.current div, .coda-nav ul li a:hover div {opacity: 1;}


/* Workshield */
	#pageWorkshield #header {background: url(../images/bg_blue.png);}		
	#pageWorkshield #header div {background: url(../images/workshield_header.png) no-repeat;}
	#pageWorkshield .button {background-image: url(../images/button_blue.png);}	
	#pageWorkshield a:hover {color: #0062b0}
	
	#pageWorkshield a .sliderIncidents {background: url(../images/icons/workshield_incidents.png) no-repeat;}
	#pageWorkshield a .sliderInvestigation {background: url(../images/icons/workshield_investigation.png) no-repeat;}
	#pageWorkshield a .sliderClaims {background: url(../images/icons/workshield_claims.png) no-repeat;}
	#pageWorkshield a .sliderRisk {background: url(../images/icons/workshield_risk.png) no-repeat;}
	#pageWorkshield a .sliderActions {background: url(../images/icons/workshield_actions.png) no-repeat;}
	#pageWorkshield a .sliderCollaborate {background: url(../images/icons/workshield_collaborate.png) no-repeat;}
	#pageWorkshield a .sliderReports {background: url(../images/icons/workshield_reports.png) no-repeat;}
	

/* Healthshield */	
	#pageHealthshield #header {background: url(../images/bg_red.png);}		
	#pageHealthshield #header div {background: url(../images/healthshield_header.png) no-repeat;}
	#pageHealthshield .button {background-image: url(../images/button_red.png);}	
	#pageHealthshield a:hover {color: #c6302e}
	
	#pageHealthshield a .sliderIncidents {background: url(../images/icons/healthshield_incidents.png) no-repeat;}
	#pageHealthshield a .sliderInvestigation {background: url(../images/icons/healthshield_investigation.png) no-repeat;}
	#pageHealthshield a .sliderClaims {background: url(../images/icons/healthshield_claims.png) no-repeat;}
	#pageHealthshield a .sliderRisk {background: url(../images/icons/healthshield_risk.png) no-repeat;}
	#pageHealthshield a .sliderActions {background: url(../images/icons/healthshield_actions.png) no-repeat;}
	#pageHealthshield a .sliderCollaborate {background: url(../images/icons/healthshield_collaborate.png) no-repeat;}
	#pageHealthshield a .sliderReports {background: url(../images/icons/healthshield_reports.png) no-repeat;}


/* Contrac */	
	#pageContrac #header {background: url(../images/bg_purple.png);}		
	#pageContrac #header div {background: url(../images/contrac_header.png) no-repeat;}
	#pageContrac .button {background-image: url(../images/button_purple.png);}	
	#pageContrac a:hover {color: #863193}
	
	#pageContrac a .sliderInstruct{background: url(../images/icons/contrac_instruct.png) no-repeat;}
	#pageContrac a .sliderPortfolio {background: url(../images/icons/contrac_portfolio.png) no-repeat;}
	#pageContrac a .sliderManagefile {background: url(../images/icons/contrac_managefile.png) no-repeat;}
	#pageContrac a .sliderMaps {background: url(../images/icons/contrac_maps.png) no-repeat;}
	#pageContrac a .sliderAlerts {background: url(../images/icons/contrac_alerts.png) no-repeat;}
	#pageContrac a .sliderCollaborate {background: url(../images/icons/contrac_collaborate.png) no-repeat;}
	#pageContrac a .sliderReports {background: url(../images/icons/contrac_reports.png) no-repeat;}
	

/* Rastrac */	
	#pageRastrac #header {background: url(../images/bg_brown.png);}		
	#pageRastrac #header div {background: url(../images/rastrac_header.png) no-repeat;}
	#pageRastrac .button {background-image: url(../images/button_brown.png);}	
	#pageRastrac a:hover {color: #db6433}
	
	#pageRastrac a .sliderInstruct{background: url(../images/icons/rastrac_instruct.png) no-repeat;}
	#pageRastrac a .sliderPortfolio {background: url(../images/icons/rastrac_portfolio.png) no-repeat;}
	#pageRastrac a .sliderManagefile {background: url(../images/icons/rastrac_managefile.png) no-repeat;}
	#pageRastrac a .sliderMaps {background: url(../images/icons/rastrac_maps.png) no-repeat;}
	#pageRastrac a .sliderAlerts {background: url(../images/icons/rastrac_alerts.png) no-repeat;}
	#pageRastrac a .sliderCollaborate {background: url(../images/icons/rastrac_collaborate.png) no-repeat;}
	#pageRastrac a .sliderReports {background: url(../images/icons/rastrac_reports.png) no-repeat;}
	

/* Loantrac */
	#pageLoantrac #header {background: url(../images/bg_green.png);}		
	#pageLoantrac #header div {background: url(../images/loantrac_header.png) no-repeat;}
	#pageLoantrac .button {background-image: url(../images/button_green.png);}	
	#pageLoantrac a:hover {color: #65a339}
	
	#pageLoantrac a .sliderInstruct{background: url(../images/icons/loantrac_instruct.png) no-repeat;}
	#pageLoantrac a .sliderPortfolio {background: url(../images/icons/loantrac_portfolio.png) no-repeat;}
	#pageLoantrac a .sliderManagefile {background: url(../images/icons/loantrac_managefile.png) no-repeat;}
	#pageLoantrac a .sliderMaps {background: url(../images/icons/loantrac_maps.png) no-repeat;}
	#pageLoantrac a .sliderAlerts {background: url(../images/icons/loantrac_alerts.png) no-repeat;}
	#pageLoantrac a .sliderCollaborate {background: url(../images/icons/loantrac_collaborate.png) no-repeat;}
	#pageLoantrac a .sliderReports {background: url(../images/icons/loantrac_reports.png) no-repeat;}
	

/* Leasetrac */	
	#pageLeasetrac #header {background: url(../images/bg_pink.png);}		
	#pageLeasetrac #header div {background: url(../images/leasetrac_header.png) no-repeat;}
	#pageLeasetrac .button {background-image: url(../images/button_pink.png);}	
	#pageLeasetrac a:hover {color: #d20a7e}
	
	#pageLeasetrac a .sliderInstruct{background: url(../images/icons/leasetrac_instruct.png) no-repeat;}
	#pageLeasetrac a .sliderPortfolio {background: url(../images/icons/leasetrac_portfolio.png) no-repeat;}
	#pageLeasetrac a .sliderManagefile {background: url(../images/icons/leasetrac_managefile.png) no-repeat;}
	#pageLeasetrac a .sliderMaps {background: url(../images/icons/leasetrac_maps.png) no-repeat;}
	#pageLeasetrac a .sliderAlerts {background: url(../images/icons/leasetrac_alerts.png) no-repeat;}
	#pageLeasetrac a .sliderCollaborate {background: url(../images/icons/leasetrac_collaborate.png) no-repeat;}
	#pageLeasetrac a .sliderReports {background: url(../images/icons/leasetrac_reports.png) no-repeat;}
	
	


	


/* --------------------------------------------- */
/* MISC */

	img {border:0;}
	a {text-decoration: none;}
	
	.buttonMoreinfo, .button, .buttonReset {
		display: block;
		width: 150px;
		height: 31px;
		margin: 10px 0;
		background-image: url(../images/button_orange.png);
		background-position: 0 -7px;
		padding-left: 50px;
		font-size: 18px;
		line-height: 30px;
		/* font-family: MetaBold-Roman, Helvetica, sans-serif; */
		font-weight: normal;
		color: white;
		text-shadow: 0px 1px 2px rgba(0,0,0,0.8);
  		-moz-text-shadow: 0px 1px 2px rgba(0,0,0,0.8);
 		-webkit-text-shadow: 0px 1px 2px rgba(0,0,0,0.8);
 		border-radius: 3px;
 		-moz-border-radius: 3px;
 		-webkit-border-radius: 3px;
 		box-shadow: 0px 2px 2px rgba(0,0,0,0.35);
  		-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.35);
 		-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.35);
/*  		display: none; */
		}
		
	.buttonMoreinfo:hover, .button:hover, .buttonReset:hover {
		background-position: 0 -52px;
		color: white !important;
		}
		
	.buttonMoreinfo:active, .button:active, .buttonReset:active {
		background-position: 0 -96px;
		line-height: 32px;
		}
		
	.buttonReset {text-align: center; padding: 0; background-position: -50px -7px;}
	.buttonReset:hover {background-position: -50px -52px;}
	.buttonReset:active {background-position: -50px -96px;}
	

	sup {font-size: 0.5em; margin-left: 0.2em;}
	
	
/* --------------------------------------------- */
/* SELF CLEAR FLOATS */

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








/*	    _________
	   |  _____  |
	   | |     | |
	   | |     | |
	   | |___  | |
	   |_____|/__|  	*/