


body {
	margin:0; 
	padding:0; 
	background-color:#fff;
	text-align:center;
	font:76% Arial, Helvetica, sans-serif; 
	color: #3f3e3e;
	
}	


/* fixes scroll bars in firefox when using Multibox code */

iframe {
	margin: 0;
	padding: 0;
	border: 0;

}

#intro { 

float: left;
margin:1px 0 0 0;
height:297px;
}


.click { font-size:90%; font-weight:bold; color: #666;  }


/*  used in homepage blocks and main nav in sub pages. */

#mainNav ul, #subNav ul, #footer ul, #wrapBlocks ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#mainNav li , #subNav li, #footer li, #wrapBlocks li { margin: 0 0 0 0; line-height: normal; }


/* general links */
ul 
{	
margin: 0;
padding: 0;
padding-left:15px; 
}

li { color:#4371bb;  }



.greyBull li { color:#3f3e3e; font-size:95%; padding-bottom:4px;  }



/* HEADERS
----------------------------------------------- */	


h1,h2,h3,h4,h5,h6 { margin:0;padding:0; }

/* h1 { font-size:18px;  padding:0 0 10px 0;   } */

h1 { font-size:18px;  padding:0 0 10px 0;   }

h2 { font-size:115%;  padding:0 0 12px 0;   }


.h1-look { font-size:145%;  padding:0 0 10px 0;  }

.newsPM { float:left; width:140px; font-size:145%;  padding:0 0 10px 0;  }
.nw-news {  float:right; height:42px; width:420px; padding:4px 65px 0 0; text-align:right; }

.nw-ourclients {  float:left;  width:92px; padding:4px 0px 0px 0;  }


.h2-look { font-size:115%;  padding:0 0 10px 0; font-weight:bold;   }

/*.head1 { font-size:115%;  padding:0 0 10px 0; font-weight:bold; } border:solid 1px #F00; */
.head2 { font-size:125%;  padding:0 0 10px 0; font-weight:bold; }


/*  .headLeft { float:left; margin-left:-14px; font-weight:bold;  } */


/* copy of h1 so not to use more than 1 h1 tag per page */
h3 { font-size:18px;  padding:0 0 10px 0;   }




h4 { font-size:14px; padding:0 0 4px 0;   }

p {  margin:0;padding:0; padding-bottom:15px; }

.imgfloatRight { float:right; padding: 6px 0 13px 25px; }
.imgfloatRight2 { float:right; }


.imgfloatLeft { float:left; padding: 3px 20px 20px 0;  }
.imgfloatLeft2 { float:left; width:363px; }

.floatLeft { float:left;  }
.floatLeft2 { float:left; width:375px; padding-top:4px; }
.floatLeft3 { float:left; width:632px; }
.floatLeft4 { float:left; width:364px; }

.subColRi { float:right; width:320px;  padding-right:10px;}
.subColRib { float:right; width:290px;  padding-right:40px;}
.subColRi1 { float:right; width:280px;  padding-right:25px; }
.subColRi2 { float:right; width:265px;  padding-right:13px; }
.subColRi3 { float:right; width:295px;  padding-right:5px; }
.subColRi4 { float:right; width:330px;  padding-right:0px; }
.subColRi5 { float:right; width:290px;   padding-right:0px; }
.subColRi6 { float:right; width:277px;   padding-right:20px; }
.subColRi7 { float:right; width:285px;  padding-right:15px; }
.subColRi8 { float:right; width:285px;  padding-right:0px; }
.subColRi9 { float:right; width:282px;  padding-right:0px; }
.subColRi10 { float:right; width:270px;   padding-right:0px; }
.subColRi11 { float:right; width:280px;   padding-right:10px; }
.subColRi12 { float:right; width:280px;   padding-right:15px; }
.subColRi13 { float:right; width:290px;  padding-right:25px; }
.subColRi14 { float:right; width:265px;   padding-right:34px; }
.subColRi15 { float:right; width:255px;   padding-right:38px; height:673px; overflow: auto;}
.subColRi16 { float:right; width:260px;  padding-right:32px; }
.subColRi17 { float:right; width:270px;   padding-right:20px; }
.subColRi18 { float:right; width:268px;  padding-right:40px; }

#bullRight { float:right; width:360px; line-height:14px;}

.bullRight2 { float:right; width:266px; line-height:14px;}
.bullRight3 { float:right; width:296px; line-height:14px;}
.bullRight4 { float:right; width:276px; }
.bullRight5 { float:right; width:248px; }

.showBold { font-weight:bold; }


/* StoryBlocks and contentBlk2 and contentBlk3 do similar. contentBlk is used for positioning text to the bottom of a div */

.StoryBlock { float:left;width:690px; }
.StoryBlock2 { float:left; width:620px; }
.StoryBlock2b { float:left; width:640px; }
.StoryBlock3 { float:left; width:682px; }
.StoryBlock4 { float:left; width:665px; }
.StoryBlock5 { float:left;width:700px; }
.StoryBlock6 { float:left;width:650px; }


.contentBlk2 {
width:678px;		
}

.contentBlk3 {
width:653px;		
}




.contentBlk {
position:relative;
width:645px;
margin:0; padding:0;
clear:both;
margin-bottom:16px; 
}


.conBlkHe {
height:142px;
}

.conBlkHe1 {
height:211px;
}
.conBlkHe2 {
height:191px;
}
.conBlkHe3 {
height:222px;
}
.conBlkHe4 {
height:204px;
}

.conBlkHe4a {
height:237px;
}

.conBlkHe5 {
height:239px;
}

.conBlkHe5a {
height:243px;
}

.conBlkHe5b {
height:245px;
}



.conBlkHe6 {
height:250px;
}


.bottom {
position:absolute;
bottom:0;
left:330px;
}


.bottom2 {
position:absolute;
bottom:0;
left:390px;
}



/* LINKS
----------------------------------------------- */	

a:link, a:visited { color:#515050; text-decoration:none; }	
a:hover, a:active { color:#515050; text-decoration:underline;  }	


#mainNav a:link, #mainNav a:visited { color:#fff; text-decoration:none; }	
#mainNav a:hover, #mainNav a:active { color:#fff; text-decoration:none;  }

#breadcrumb a:link, #breadcrumb a:visited { color:#515050; text-decoration:none; }	
#breadcrumb a:hover, #breadcrumb a:active { color:#515050; text-decoration:underline;  }


#iwd a:link, #iwd a:visited { color:#515050; text-decoration:none; }	
#iwd a:hover, #iwd a:active { color:#515050; text-decoration:underline;  }


/* PAGE LAYOUT
----------------------------------------------- */	
#container { width:976px; margin:0 auto; text-align:left;  }

.clearBoth { clear:both; }

.clearBoth2 { clear:both !important; }


/* HEADER */	

#logo { float:left; margin-top:12px; width:488px; height:87px; }
#testimonials { float:left; margin-top:12px; width:487px; height:87px; }

#mainNav { float: left; width:976px;  height:55px;  font-size:12px;  }


/* FOOTER */

/* css rollover */
#signup { float:left; width:243px; margin-top:6px; }


/* original ticker to use when current news goes back in and we have the Latest news button in 
#ticker { float:left; width:730px; margin-top:6px; padding-left:1px;  }  */

#tickerAbout { float:left; width:974px; height:23px; margin-top:6px; padding-left:1px; background-color:#F48629; }
#tickerHome { float:left; width:974px; height:23px; margin-top:6px; padding-left:1px; background-color:#C2C2C2; }
#tickerPM { float:left; width:974px; height:23px; margin-top:6px; padding-left:1px; background-color:#96A7B8; }
#tickerNAV { float:left; width:974px; height:23px; margin-top:6px; padding-left:1px; background-color:#8EAAD6; }
#tickerCRM { float:left; width:974px; height:23px; margin-top:6px; padding-left:1px; background-color:#8EAAD6; }
#tickerSHAREPOINT { float:left; width:974px; height:23px; margin-top:6px; padding-left:1px; background-color:#8EAAD6; }
#tickerPAYROLL { float:left; width:974px; height:23px; margin-top:6px; padding-left:1px; background-color:#E5A409; }
#tickerMARINA { float:left; width:974px; height:23px; margin-top:6px; padding-left:1px; background-color:#357F8A; }
#tickerTECH { float:left; width:974px; height:23px; margin-top:6px; padding-left:1px; background-color:#B6CBCA; }


#zoomMes { float:left; width:450px; margin-top:2px; font-size:75%; color: #666;  }
#copyright { float:right; width:450px; margin-top:6px; font-size:75%; color: #666; text-align:right;  }

#microLogo { clear:both; float:left; width:450px; margin-top:10px;  }
#iwd { float:right; width:450px; margin-top:10px; font-size:75%; color: #666; text-align:right; padding-right:2px;  }

#footer { float:left; width:951px; background:url(../images/footer-bk.jpg) repeat-x; font-size:12px; padding:12px; }
#ftCol1 { float:left; width:220px; font-family:Verdana, Geneva, sans-serif; }
#ftCol2 { float:left; width:230px; font-family:Verdana, Geneva, sans-serif;}
#ftCol3 { float:left; width:180px; font-family:Verdana, Geneva, sans-serif;}
#ftCol4 { float:left; width:180px; font-family:Verdana, Geneva, sans-serif;}
#ftCol5 { float:left; width:140px; font-family:Verdana, Geneva, sans-serif;}

#footer ul { font-size:9px; color:#343435; padding:0; margin:0; }
.mainHead { float:left; width:100%; font-weight:bold; padding:0;padding-top:8px; }


#signupBut
{  display: block; width: 243px; height: 23px; background:url(../rollovers/latest-news.gif) no-repeat;   }
#signupBut:hover
{  background-position: 0 -23px;  }
#signupBut span
{  display: none;  }



/* USED FOR SUB PAGES  */

/*   style the main nav    */
#mainNav li { float:left; margin: 0 0 0 0; line-height:13px; }


.aboutUs a
{
display: block;
color:#fff;
background: url(../rollovers/nav-bot-right-gap.gif) no-repeat #f38528;
text-decoration: none;
width: 110px; height: 43px;
padding: 6px;

}
.aboutUs a:hover
{
color:#fff;	
background: url(../rollovers/nav-right-gap.gif) #f38d36;

}
.aboutUs .current
{
color:#fff;	
background: url(../rollovers/nav-right-gap.gif) #f38528;
}


.pm a
{
display: block;
color:#fff;
background: url(../rollovers/nav-bot-right-gap.gif) no-repeat #69819a;
text-decoration: none;
width: 110px; height: 43px;
padding: 6px;

}
.pm a:hover
{
color:#fff; 
background: url(../rollovers/nav-right-gap.gif) #778ca3;

}
.pm .current
{
color:#fff;	
background: url(../rollovers/nav-right-gap.gif) #69819a;
}


.micNav a
{
display: block;
color:#fff;
background: url(../rollovers/nav-bot-right-gap.gif) no-repeat #4371bb;
text-decoration: none;
width: 110px; height: 43px;
padding: 6px;

}
.micNav a:hover
{
color:#fff;	
background: url(../rollovers/nav-right-gap.gif) #507cc2;
}
.micNav .current
{
color:#fff;	
background: url(../rollovers/nav-right-gap.gif) no-repeat #4371bb;
}


.micCRM a
{
display: block;
color:#fff;
background: url(../rollovers/nav-bot-right-gap.gif) no-repeat #5096bf;
text-decoration: none;
width: 110px; height: 43px;
padding: 6px;

}
.micCRM a:hover
{
color:#fff;	
background: url(../rollovers/nav-right-gap.gif) #5fa1c7;
}
.micCRM .current
{
color:#fff;	
background: url(../rollovers/nav-right-gap.gif) no-repeat #5096bf;
}

.payroll a
{
display: block;
color:#fff;
background: url(../rollovers/nav-bot-right-gap.gif) no-repeat #e5a409;
text-decoration: none;
width: 110px; height: 43px;
padding: 6px;

}
.payroll a:hover
{
color:#fff;	
background: url(../rollovers/nav-right-gap.gif) #e5ae30;
}
.payroll .current
{
color:#fff;	
background: url(../rollovers/nav-right-gap.gif) no-repeat #e5a409;
}


.marina a
{
display: block;
color:#fff;
background: url(../rollovers/nav-bot-right-gap.gif) no-repeat #357f8a;
text-decoration: none;
width: 110px; height: 43px;
padding: 6px;

}
.marina a:hover
{
color:#fff;	
background: url(../rollovers/nav-right-gap.gif) #3e848f;
}
.marina .current
{
color:#fff;	
background: url(../rollovers/nav-right-gap.gif) no-repeat #357f8a;
}

.shareNav a
{
display: block;
color:#fff;
background: url(../rollovers/nav-bot-right-gap.gif) no-repeat #4a83bd;
text-decoration: none;
width: 110px; height: 43px;
padding: 6px;

}
.shareNav a:hover
{
color:#fff;	
background: url(../rollovers/nav-right-gap.gif) #568dc4;
}
.shareNav .current
{
color:#fff;	
background: url(../rollovers/nav-right-gap.gif) no-repeat #4a83bd;
}




.technical a
{
display: block;
color:#fff;
background: url(../rollovers/nav-bot-right-gap.gif) no-repeat #85a9a7;
text-decoration: none;
width: 110px; height: 43px;
padding: 6px;

}
.technical a:hover
{
color:#fff;	
background: url(../rollovers/nav-right-gap.gif) #99b5b3;
}
.technical .current
{
color:#fff;	
background: url(../rollovers/nav-right-gap.gif) no-repeat #85a9a7;
}


#headerImg { width:975px;height:105px; }

/* MAIN CONTENT  now in seperate css files */


#breadcrumb {  float:left; width:975px; height:13px; 

padding-left: 17px; padding-top:4px; font-size: 11px; 

}




#column1-ri { float:right; width:728px;  padding-top:21px;  min-height:526px; } 






.newsSnippet { width: 700px; padding-bottom:15px; clear:both; }
.newsSnippet span { font-weight:bold; }
.newsSnippet p { margin:0;padding:6px 0;  }

.newsFull { float:left; width: 670px; padding-bottom:15px; margin-top:-12px; }
.newsFull span { font-weight:bold; }
.newsFull p { margin:0;padding:6px 0;  }

.handcursor { cursor:pointer; }



.signature, .date { font-size: 90%;  }
.signatureBd { font-size: 90%; font-weight:bold; }
.goback { font-size: 90%;  padding-top:25px; }


.dateAbout {  

font-weight: bold;
padding-top:10px;
padding-bottom:10px;
}

/* TABLE 
-------- */	


table { margin-left:1px;
		border:1px solid #000;
		border-collapse:collapse;
	
		
	}
	
td, th{
		border:1px solid #000;
		border-collapse:collapse;
		padding:8px;
	}	
	

/* logo positions */
#gotoLogos { 
padding: 26px 0 0 9px; 

}
#gotoLogosPay { 
padding: 16px 0 0 9px; 

}


/* css rollover */

#takealookBut
{  display: block; float:left; width: 112px; height:23px; background:url(../rollovers/take-a-look.gif) no-repeat;margin-top:0px;    }
#takealookBut:hover
{  background-position: 0 -23px;   }
#takealookBut span
{  display: none;  }


#listenBut
{  display: block; float:left; width: 112px; height:19px; background:url(../rollovers/listen-here.gif) no-repeat;margin-top:0px;    }
#listenBut:hover
{  background-position: 0 -19px;   }
#listenBut span
{  display: none;  }







