@charset "utf-8";
/* CSS Document */

/* LAYOUT */

#container-bus-header {
	width:900px;
	height:94px;
	text-align:left;
	padding:0;
	margin: 15px 0 0 0;	
	background-image: url(../images/business/header_bg_business.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
#navBusiness {
	float: left;
	width:900px;
	height: 43px;
	background: url(../images/business/nav-business.gif) top left no-repeat;
}

/* #navBusinessTabs {
	float: left;
	width:750px;
	padding: 10px 0 0 0;
} */

#sub-tabs {
	float: left;
	width:705px;
	padding: 11px 0 0 20px;
}

/* Submenu (common to all pages with submenu tabs) */
		
		/* #sub-tabs {
		float: left;
		width: 100%;		
		} */
		#sub-tabs ul {
		margin: 0;
		padding: 0px 10px 0px 0px;
		list-style: none;
		}
		#sub-tabs li {
		display: inline;
		margin: 0;
		padding: 0;
		}
		#sub-tabs a {
		float: left;
		background: url("../images/business/sub-tab-left.gif") no-repeat left top;
		margin: 0;
		padding: 0 0 0 8px;
		text-decoration: none;
		}
		#sub-tabs a span {
		padding: 7px 20px 8px 5px;
		font-size: 125%;
		color: #fff;
		font-weight: bold;
		line-height:1.3;
		background: url(../images/business/sub-tab-right.gif) no-repeat right top;
		float: left;
		display: block;
		}
		/* Commented Backslash Hack hides rule from IE5-Mac \*/
		#sub-tabs a span {float:none;}
		/* End IE5-Mac hack */
		#sub-tabs a:hover span {
		color: #FFF;
		}
		#sub-tabs a:hover {
		background-position: 0% -32px;
		opacity: 0.7;
		-moz-opacity:0.7;
		filter:alpha(opacity=70);
		}
		#sub-tabs a:hover span {
		background-position: 100% -32px;
		color: #006958;
		}
		#sub-tabs a.selected {
		background-position: 0% -32px;
		}
		#sub-tabs a.selected span {
		background-position: 100% -32px;
		color: #006958;
		}		
		#sub-tabs a.selected:hover {
		opacity: 1.0;
		-moz-opacity:1.0;
		filter:alpha(opacity=100);
		font-weight: bold;
		}
		
		
		
		.no-display{
		display:none;
		}			
			

		/* end submenu */

#navBusinessBack {
	float: left;
	width: 145px;
	height: 27px;
	padding:16px 30px 0 0;
	text-align: right;
	background: url(../images/business/back-link-bg.jpg) bottom right no-repeat;
}

#mainBusiness {
	float: left;
	width:850px;	
	padding:0 25px 25px 25px;
	background: url(../images/business/main-col-top.gif) top left no-repeat;
	background-color: #fff;
}

#footerBusiness {
	float: left;
	width:900px;
	background-color: #fff;
	border-top: 1px dashed #ccc;
	padding: 20px 0 0 0;
}

#footer-wrapper {
	padding: 0 12px 1px 12px;
	margin: 0 0 0px 0;
}

	#homeRow1 {
		padding: 25px 0 0 0;
	}

	#homeIntro {
		float: left;
		width:495px;
		padding: 0 20px 0 0;
	}
	
	#homeIntroPic {
		float: left;
		width: 335px;
	}
	
	/* home feature */
	
	#homeFeatureInstruct {
		background: url(../images/business/homeFeatureInstruct-bg.gif) top left no-repeat;
		height:20px;
		padding:10px 0 0 20px;
		color: #93af51;
	}
	
	#homeFeatureTop {
		height: 51px;
		padding: 0px;
		margin: 0px;
	}
	
	#homeFeatureMain {
		float: left;
		width: 850px;
		min-height:562px;
		background:url(../images/business/homeFeature-bg.gif) top left no-repeat;
	}
	
	#homefeatureCol1 {
		float: left;
		width: 450px;
		padding: 0px 50px 0 30px;
	}
		
		#homefeatureCol1 h2 {margin:5px 0 10px 0; padding: 0px; font-size:125%; font-weight:bold;}
		#homefeatureCol1 ul {margin:5px 0 15px 0; padding: 0px;}
		#homefeatureCol1 li {margin:0px; padding:0; list-style: none; border-top:1px dashed #ccc; font-size:90%;}
		#homefeatureCol1 li.last {border-bottom:1px dashed #ccc;}
		#homefeatureCol1 li a {color:#858585; text-decoration:none; display:block; padding:8px 90px 9px 12px; background:url(../images/business/home-serve-OFF-bg.gif) bottom left repeat-x; }
		#homefeatureCol1 li a:hover {color:#006958; background:url(../images/business/home-serve-ON-bg.jpg) top left no-repeat;}
		#homefeatureCol1 li a span {display:block; color:#006958; font-size:140%; font-weight:bold; padding-bottom:3px;}
		#homefeatureCol1 li a:hover span {color:#000;}
	
	#homefeatureCol2 {
		float: left;
		width: 300px;
		padding: 3px 0 0 0;
	}
	
#breadcrumbs {
	height: 22px;
	padding: 10px 0 0 5px;
}

#intCol1 {
	float: left;
	width:480px;
	padding: 20px 35px 0 0;
	line-height: 150%;
}
	
#intCol2 {
	float: left;
	width: 335px;
	padding: 20px 0 0 0;
}

#intColWide {
	float: left;
	width: 850px;
	padding: 20px 0 0 0;
	line-height: 150%;
}

#benefits {
	width: 423px;
	padding: 20px 20px 0px 20px;
	background: url(../images/business/benefits-bg.jpg) top left no-repeat;
}

#options {
	background: url(../images/business/options-bg.gif) top left no-repeat;
	height: 86px;
	margin: 0 0 15px 0;
}

#options1 {
	float: left;
	width: 175px;
	padding: 12px 0 0 10px;
}

#options2 {
	float: left;
	width: 150px;
	padding: 12px 0 0 0;
}

/* #casestudyLogo {
	width:335px;
	text-align:center;
	margin-bottom:15px;
} */

#IntRow1 {
	padding: 25px 0 0 0;
}

#casestudiesFrameTop {
	background: url(../images/business/casestudies-bg-top.gif) top left no-repeat;
	height: 21px;
	padding:22px 0 0 35px;
	margin: 20px 0 0px 0;
}

#casestudiesFrame {
	float: left;
	width: 797px;
	padding: 20px 27px;
	background: url(../images/business/casestudies-bg.gif) top left no-repeat;
	margin: 0px;
}

#casestudiesFrameBase {
	float: none;
	clear: left;
	background: url(../images/business/casestudies-bg-base.gif) top left no-repeat;
	height:25px;
	margin: 0px;
}


	
/* TAGs ---- */

h1 {color:#572d80; margin-top:0;}
h2 {color:#572d80; font-size: 110%; margin-top:0; font-weight:bold; line-height:125%;}
h3 {color:#006958; font-size: 135%;}

img {border:none;}


/* DEFINITIONs ---- */

#homeIntro ul {margin:0; padding:0px;}

#homeIntro li {
	padding: 8px 0 8px 50px;
	list-style-type:none;
	background: url(../images/business/tick-white.gif) top left no-repeat;
	vertical-align:middle;
	color: #006958;
}

#navBusinessBack a {text-decoration:none; font-weight: bold;}
#navBusinessBack a:hover {text-decoration:underline; font-weight: bold;}

#benefits h2 {font-size:170%; font-weight:normal;}

#benefits ul {margin:0; padding:0px;}

#benefits li {
	padding: 5px 0 10px 50px;
	list-style-type:none;
	background: url(../images/business/tick-green.gif) top left no-repeat;
	vertical-align:middle;
	color: #006958;
}

#crumbsBusiness {color: #006958;}

#relatedBusinessServ span {
	display:block;
	border-bottom: 1px dashed #ccc;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 175%;
	color:#572d80;
	padding:12px 0;
	margin-bottom: 10px;
}

#relatedBusinessServ ul {margin:0px; padding:0px; list-style:none;}
#relatedBusinessServ li {padding:5px 0 0 0;}
#relatedBusinessServ a {text-decoration:none;}
#relatedBusinessServ a:hover {text-decoration:underline;}

#relatedBusinessCasestudyTop span {
	display:block;
	height: 31px;
	padding:10px 0 0 22px;
	margin: 25px 0 0 0;
	background: url(../images/business/related-client-tab.gif) top left no-repeat;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 160%;
	color:#572d80;
}

#relatedBusinessCasestudies {
	float:left;
	width: 293px;
	padding: 0 10px 0 16px;
	border-left: 1px solid #a5ca59;
	border-right: 1px solid #a5ca59;
}

div.relatedBusinessCasestudy {
	float:left;
	width:142px;
	height:125px;
	/* padding:8px; */
	margin: 0 4px 2px 0;
}

div.relatedBusinessCasestudy img {
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

div.relatedBusinessCasestudy a {
	display:inline-block;
	padding:8px;
	text-decoration: none;
}

div.relatedBusinessCasestudy a:hover {
	background: url(../images/business/client-logo-on.jpg) top left no-repeat;
	font-weight: bold;
}

#relatedBusinessCasestudyBase {
	margin: 0 0 15px 0;
}

#options ul {margin:0px; padding:0px;}
#options li {list-style:none; padding-bottom:8px}
#options a {text-decoration:none}
#options a:hover {text-decoration:underline}
#options2 img { border:none; vertical-align:middle; margin-right:10px;}

#intCol1 p.intro {
	font-size:210%;
	line-height: 125%;
}

/* -- CLASSes -- */

.clrDiv {
background-color: #fff;
}

.casestudiesRow {float:left; border-bottom: 1px dashed #ccc;}
.casestudyOverview1, .casestudyOverview2 {float:left; width:398px;}
.casestudyOverview1 {border-right: 1px dashed #ccc;}
.casestudyOverview1 a, .casestudyOverview2 a {display:inline-block; text-decoration: underline; background-color:#fff; padding-bottom:12px;}
.casestudyOverview1 a:hover, .casestudyOverview2 a:hover {background:url(../images/business/casestudy-overview-hover.gif) top left repeat-x;}
div.casestudyOverview1 img, div.casestudyOverview2 img {float:left; display:inline-block; margin:12px 22px 0px 15px; border:1px solid #ccc;}
span.casestudyOverviewText {float:left; display:block; width:219px; padding:15px 15px 12px 0; cursor:pointer;}
div.casestudyOverview1 a, div.casestudyOverview2 a  {text-decoration:none; color:#666666;}
div.casestudyOverview1 a:hover, div.casestudyOverview2 a:hover {text-decoration:underline;}
span.csTitle {color:#006958; font-size:125%; font-weight:bold; padding-bottom:5px; display:inline-block;}
a:hover span.csTitle {color:#006958;text-decoration:underline;}