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

/***********************************************************************************
****   This website has the following "included" pages           *******************
****   being launched using Server Side Include scripts (SSI):   *******************
****   1-header.shtml, 1-header_sub.shtml, 2-footer.shtml,          *******************
****   2-footer_sub.shtml, news_blurb.shtml                        *******************
************************************************************************************/

/***********************************************************************************
***********   EST initial styles for base settings for all pages  ******************
************************************************************************************/
body {
background-color: #ffffff;
background-image: url(images/background_main.gif);
background-repeat:repeat-x;
color: #333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 1.4;
}

a {
text-decoration:none;
color:#0083a9;
}
a:hover {
text-decoration:underline;
color:#fe7901;
}



/***********************************************************************************
******   CSS IDs elements, do not adjust or change unless necessary...   ***********
******   these settings manage main content and structure of this entire site   ****
***********************************************************************************/
/*FOUND ON ALL base pages
/*Wrapper for ALL elements*/
#wrapper {
width:930px;
margin-left:auto;
margin-right:auto;
}

/*FOUND ON 1-HEADER.shtml and 1-HEADER_SUB.shtml
/*Logo at TOP LEFT of site*/
#logo {
width: 329px;
height:54px;
margin-top: 14px;
float:left;
background:#ffffff;
background-image:url(images/logo.jpg);
background-repeat:no-repeat;
}

/*FOUND ON 1-HEADER.shtml
/*Navigation settings for TOP RIGHT menu on HOMEPAGES*/
#nav {
	margin-top:15px;
	width: 500px;
	float:right;
	padding-top:20px;
	padding-bottom: 10px;
	padding-right:20px;
	text-align:right;
}

/*FOUND ON 1-HEADER_SUB.shtml
/*Navigation settings for TOP RIGHT menu on ALL SUB-PAGES*/
#subNav {
	margin-top:15px;
	width: 400px;
	float:right;
	padding-top:20px;
	padding-bottom: 10px;
	padding-right:40px;
	text-align:right;
}

/*FOUND ON 1-HEADER.shtml
/*BLUE BAR dividing Logo and Top Nav at top of HOMEPAGE from the content below*/
#bar {
clear:both;
background-color:#ffffff;
background-image: url(images/bar.gif);
background-repeat:no-repeat;
width:930px;
height:58px;
}

/*FOUND ON 1-HEADER_SUB.shtml
/*TOP HALF of Basset Hound to the right of the Top Nav on ALL SUB-PAGES*/
#imageSub {
	width:105px;
	height:68px;
	background-image:url(images/basset_subpage.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	position: relative;
	float:right;
}

/*FOUND ON 1-HEADER_SUB.shtml
/*BLUE BAR dividing Logo and Top Nav at top of ALL SUB-PAGES from the content below
 also contains bottom half of basset hound, so positioning or "#imageSub" must be precise*/
#bar_subpage {
clear:both;
background-color:#FFFFFF;
background-image: url(images/bar_subpage.jpg);
background-repeat:no-repeat;
width:930px;
height:37px;
padding-bottom:35px;
}



/*FOUND ON ALL SUB-NAV PAGES
/*Wrapper containing text links and page identifiers to the left of the displayed content*/
#subPageMenu {
	width:190px;
	height:150px;
	padding: 0px 0px 0px 10px;
	float: left;
	color: #fe7901;
	font-family: verdana;
	position: relative;
	line-height: 140%;
	font-weight: bold;
	font-size: 11px;
}
#subPageMenu a {
	text-decoration:none;
	font-family: verdana;
	font-weight: normal;
	color: #fe7901;
}
#subPageMenu a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#333333;
}
#subPageMenu a:active {
	text-decoration:none;
	font-weight:bold;
}

/*FOUND ON MANY SUB-NAV PAGES
/*Sets specified styles to all <p> elements contained within the "Content" ID element*/
#content p {
	line-height:140%;
	margin-bottom:10px;
}

/*FOUND ON NEWS_BLURB.shtml PAGE
/*Main wrapper containing all content / elements of "Recent News" and 
  RPM by FourthLink graphic as seen on Homepage*/
#bottomwrapper {
width:930px;
height:100px;
clear:both;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

/*FOUND ON NEWS_BLURB.shtml PAGE
/*Wrapper containing "Recent News" Bullets and Basset Hound*/
#news {
float: left;
line-height:180%;
background-image: url(images/basset_news.jpg);
background-position: bottom left;
background-repeat:no-repeat;
padding: 5px 0px 0px 99px;
height:95px;
width: 395px;
}

/*FOUND ON NEWS_BLURB.shtml PAGE
/*Outlining "UL" specs for News Bullets*/
#news ul {
list-style-image: none;
margin-bottom:10px;
}

/*FOUND ON NEWS_BLURB.shtml PAGE
/*Outlining "LI" (list) specs for News Bullets*/
#news li {
background-image: url(images/bullet.gif);
background-repeat:no-repeat;
background-position: 0px 9px;
line-height:180%;
padding-left:12px;
}

/*FOUND ON NEWS_BLURB.shtml PAGE
/*Wrapper for RPM by 4th Link graphic on right side as seen on index_*.shtml pages, used to link to "rpmbrochure.pdf" file*/
#testdrive {
	float:right;
	margin-top:10px;
	margin-right: 30px;
	width:220px;
}
#border_blurb {
	border-bottom:1px solid #cccccc;
}
#calculator_blurb {
	height: 25px;
	margin-top:10px;
	margin-right: 30px;
	margin-left:5px;
	background-image:url(images/icon_calculator_right.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	width:215px;
}
.calculator_blurbText {
	padding-left:35px;
	padding-top:10px;
	font:arial;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	color:#0091d0;
}

.calculator_blurbText a {
	color:#0091d0;
	text-decoration:none;	
}

.calculator_blurbText a:hover {
	text-decoration:underline;
	color:#fe7901;
}

/*FOUND ON 2-FOOTER.shtml PAGE
/*Main wrapper for ALL content in site footer*/
#foot {
clear:both;
}

/*FOUND ON 2-FOOTER_SUB.shtml PAGE
/*Main wrapper for ALL content in site footer*/
#foot_subpage {
border-top:1px solid #cccccc;
clear:both;
}

/*FOUND ON 2-FOOTER.shtml AND 2-FOOTER_SUB.shtml PAGES
/*Wrapper for text links at the bottom left of entire website*/
#sitemap {
font-size:x-small;
font-weight:bold;
float:left;
color: #333333;
padding: 6px 0px 5px 0px;
width: 420px;
}

/*FOUND ON 2-FOOTER.shtml AND 2-FOOTER_SUB.shtml PAGES
/*Wrapper for address info at the bottom right of entire website*/
#address {
font-size: x-small;
color: #999999;
float:right;
padding: 10px 0px 10px 0px;
}

/*FOUND ON 2-FOOTER.shtml AND 2-FOOTER_SUB.shtml PAGES
/*Wrapper for text links at the bottom left of entire website*/
#copyright {
font-size:x-small;
font-weight:lighter;
float:left;
color: #999999;
padding: 5px 0px 5px 5px;
width: 400px;
position:relative
/***********************************************************************************
************************************************************************************
************************   Index page rotation from icons   ************************
************************************************************************************
************************************************************************************/

#index_01 {
	display: block;
}
#index_02 {
	display: block;
}
#index_03 {
	display: block;
}
#index_04 {
	display: block;
};
}


/*********************   End CSS "ID" listings   *********************/


/***********************************************************************************
************************************************************************************
************************   Homepage Icon navigation menus   ************************
************************************************************************************
************************************************************************************/
.homeIcons {
	width:250px;
	float:left;
	height:38px;
	padding-left: 115px;
}
.hIconSpace {
	float:left;
	position:relative;
	padding:2px 2px 2px 2px;
}
.hIcon {
	width:52px;
	float:left;
	height:34px;
	padding: 2px 2px 2px 2px;
	border: #CCCCCC solid 1px;
	position:relative;
}
.hIcon1 {
	width:52px;
	float:left;
	height:34px;
	position:relative;
	padding: 2px 2px 2px 2px;
	border: #CCCCCC solid 1px;
}
.hIcon1 a {
	width:52px;
	float:left;
	height:34px;
	cursor: hand;
	background-image:url(images/icon_pg1-dim.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
.hIcon1 a:hover {
	background-image:url(images/icon_pg1.jpg);
	background-repeat:no-repeat;
	background-position:center;
	cursor: hand;
}
.hIcon2 {
	width:52px;
	float:left;
	height:34px;
	position:relative;
	padding: 2px 2px 2px 2px;
	border: #CCCCCC solid 1px;
}
.hIcon2 a {
	width:52px;
	float:left;
	height:34px;
	cursor: hand;
	background-image:url(images/icon_pg2-dim.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
.hIcon2 a:hover {
	cursor: hand;
	background-image:url(images/icon_pg2.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
.hIcon3 {
	width:52px;
	float:left;
	height:34px;
	position:relative;
	padding: 2px 2px 2px 2px;
	border: #CCCCCC solid 1px;
}
.hIcon3 a {
	width:52px;
	float:left;
	height:34px;
	cursor: hand;
	background-image:url(images/icon_pg3-dim.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
.hIcon3 a:hover {
	background-image:url(images/icon_pg3.jpg);
	background-repeat:no-repeat;
	background-position:center;
	cursor: hand;
}
.hIcon4 {
	width:52px;
	float:left;
	height:34px;
	position:relative;
	padding: 2px 2px 2px 2px;
	border: #CCCCCC solid 1px;
}
.hIcon4 a {
	width:52px;
	float:left;
	height:34px;
	cursor: hand;
	background-image:url(images/icon_pg4-dim.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
.hIcon4 a:hover {
	background-image:url(images/icon_pg4.jpg);
	background-repeat:no-repeat;
	background-position:center;
	cursor: hand;
}
.hArrow {
	width:5px;
	height:12;
	padding:3px 1px 1px 140px;
	float: left;
	position: relative;
}
/*********************   END Homepage Icon navigation menus   **********************/


/***********************************************************************************
************************************************************************************
******************   styles for Resource Process Manager™ text    ******************
******************        as seen on index.shtml pages            ******************
************************************************************************************
************************************************************************************/
.rpm {
font-family:verdana;
color:#0083a9;
}

.rpm a {
font-family:verdana;
color:#0083a9;
}

.rpm a:hover {
font-family:verdana;
text-decoration:underline;
color:#fe7901;
}

.rpm2 {
width:185px;
font-family:verdana;
font-weight:bold;
color:#0083a9;
float:left;
text-align:left;
position:relative;
padding:0px;
}
.rpm2 a{
font-weight:bold;
font-family:verdana;
color:#0083a9;
}
.rpm2 a:hover{
font-weight:bold;
font-family:verdana;
color:#fe7901;
text-decoration:none;
}
/******************   END Resource Process Manager™ text styles   *******************/


/***********************************************************************************
************************************************************************************
******************   styles for Top Right Nav Links throughout    ******************
******************   the website.  Found on 1-header.shtml and     ******************
******************   1-header_sub.shtml                            ******************
************************************************************************************
************************************************************************************/

/****  "Home", "Products/Services", and "Company" */
.topNav {
	font-weight: bold;
	font-family:arial;
	font-size:16px;
	letter-spacing:-1px;
	color:#333333;
	padding:0px 15px 0px 5px;
}
.topNav a {
	text-decoration:none;
}
.topNav a:hover {
	text-decoration:underline;
	color:#fe7901;
}

/****  The 3 links / options that appear when rolling the mouse over "Products / Services" */
.topNavSub2 {
	width:150px;
	position:absolute;
	background-color:#FFFFFF;
	color:#333333;
	font-weight:lighter;
	font-family:verdana;
	font-size:12px;
	letter-spacing:-1px;
	float:left;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
	text-align:left;
	left: 683px;
	z-index: -50px;
}
.topNavSub2 a {
	line-height:20px;
	border-bottom:1px solid #C0C0C0;
	padding: 6px 5px 0px 25px;
	text-decoration:none;
	display:block;
}
.topNavSub2 a:hover {
	text-decoration:underline;
	color:#fe7901;
}

/****  The 3 links / options that appear when rolling the mouse over "Company" */
.topNavSub {
	width:130px;
	position:absolute;
	background-color:#FFFFFF;
	color:#333333;
	font-weight:lighter;
	font-family:verdana;
	font-size:12px;
	letter-spacing:-1px;
	float:left;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
	text-align:left;
	left: 683px;
	z-index: -50px;
}
.topNavSub a {
	line-height:20px;
	border-bottom:1px solid #C0C0C0;
	padding: 6px 5px 0px 25px;
	text-decoration:none;
	display:block;
}
.topNavSub a:hover {
	text-decoration:underline;
	color:#fe7901;
}
/*********************   END Top Right Nav Links styles   **********************
********************************************************************************/


.contentSub {
	width:690px;
	float: right;
	padding: 0px 10px 20px 5px;
	position: relative;
}

.contentSub p {
	line-height:140%;
	margin-bottom:10px;
}

.peopleTitle {
	font-weight:bold;
	font-family:verdana;
	font-size:12px;
	line-height: 140%;
}
.peopleTitle a{
	font-weight:bold;
	font-family:verdana;
	font-size:12px;
	text-decoration:none;
}
.peopleTitle a:hover{
	text-decoration:underline;
	color:#fe7901;
}

.altText {
	width:390px;
	height:150px;
	padding-top: 40px;
	float: right;
}

.subtitle {
line-height: 150%;
font-weight:bold;
}

.pdf {
width:715px;
}

em {
font-style:italic;
}

.sitemapImg {
	width:120px;
	height:92px;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana;
	line-height: 140%;
}

.sitemap {
	font-size:x-small;
	font-weight:bold;
	float:left;
	font-family:Verdana;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 140%;
}
.sitemap a {
text-decoration:none;
color: #333333;
}
.sitemap a:hover {
text-decoration:underline;
color:#fe7901;
}

.title  {
margin: 30px 0px 20px 0px;
}

/***********************************************************************************
************************************************************************************
****   Used for setting the wrapper of the form used on Contact_Us.shtml page   *****/
.dialog {
	height: 400px;
	width: 685px;
	padding-top: 10px;
	background-color: #FFFFFF;
	margin-top: 0px;
	position: relative;
	float: left;
	padding-left: 5px;
/*	padding-left: 10px;*/
}
/*****************************  End Form style   ***********************************
************************************************************************************/

/***********************************************************************************
******************			 styles for ROI Calculator  	      ******************
******************        						                  ******************
************************************************************************************/
#roiResult {
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 10pt;
}

#roiResultValue {
	font-family: verdana,helvetica,arial,sans-serif;
	font-weight: bold;
	font-size: 12pt;
}

.roiOutputConsecutive {
	display: inline;
	float:left;
	width:300px;
}

.roiOutputConsecutiveValue {
	display: inline;
	float:right;
	padding-right:15px;
	font-weight:bold;
}

@media print {

	.roiInputField {
		font-weight: bold;
	}

	#roiButtons {
		display: none;
		float:left;
	}
}

@media screen {
	#roiButtons {
		display: block;
		float:left;
	}
}

.roiText {
	width:600px;
	float: left;
	padding: 0px 0px 20px 5px;
	position: relative;
	line-height:140%;
	margin-bottom:10px;
}

.roiText p{
	line-height:140%;
	margin-bottom:10px;
	float: left;
}

.roiText2 {
	width:400px;
	float: left;
	padding: 0px 0px 20px 5px;
	position: relative;
	line-height:140%;
	margin-bottom:10px;
}

.roiText2 p{
	line-height:140%;
	margin-bottom:10px;
	float: left;
}

.roiField {
	width:100px;
	float:right;
}

.roiDef {
	width:575px;
	float: left;
	padding: 10px 10px 20px 10px;
	position: relative;
	line-height:140%;
	margin-bottom:10px;
	color:#0055AA;
}

.roiDef p{
	line-height:140%;
	margin-bottom:10px;
	float: left;
}

blockquote {
	margin: 1em 0;
	padding: 0.5em 2em;
	background: url(../images/quote-mark.gif) 0 0.5em no-repeat;
	}

/*****************************  End ROI Calculator Styles   ************************
************************************************************************************/

/************************************************************************************
******************			 styles for Content on 	    	      ******************
******************        	  Products/Desc Page	              ******************
************************************************************************************/
.descCont {
	width:675px;
	float:left;
	border:none;
	padding: 10px 0px 15px 5px;
}

.descTitle {
	width:370px;
	float:left;
	font-family: verdana;
	font-size: 12px;
	font-weight:bold;
	line-height:140%;
	border:none;
	padding:5px 5px 5px 10px;
}

.descContImage {
	width:240px;
	float:left;
	border:none;
}

.descContImgLINK {
	width:240px;
	float:left;
	border:none;
	padding: 10px 0px 15px 5px;
	font-family: verdana;
	font-size: 12px;
}

.descContCaption {
	padding:5px 5px 5px 10px;
	width:400px;
	float:right;
	border:none;
	font-family: verdana;
	font-size: 12px;
	line-height: 140%;
}
/*****************************  End ROI Calculator Styles   ************************
************************************************************************************/