@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: #fff url(/sitefiles/images/site-bg.gif) top repeat-x;
	text-align: center;
	font-size: 62.5%;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
}

a {
	outline: none;
}

p {
	margin: 0;
	padding: 0 0 10px 0;
	color: #999;
	line-height: 150%;
	font-size: 1.2em;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0 0 5px 0;
	color: #accb56;
}

div.page_banner {
	text-align: right;
	margin-bottom: 15px;
}

div#torso {
	width: 1030px;
	margin: 0 auto;
	text-align: center;
	background: url(/sitefiles/images/torso-bg.png) top center repeat-y;
}

div#fpf_wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

	div#fpf_wrapper .header {
		header: 130px; /* IE6 */
		header: 110px !important;
		padding: 10px;
		position: relative;
	}
	
		div#fpf_wrapper .header .logo {
			padding: 0 0 0 20px;
		}
	
		div#fpf_wrapper .header div#menu {
			position: absolute;
			right: 0;
			top: 102px;
			padding: 0 20px 0 0;
		}
	
			div#fpf_wrapper .header div#menu ul {
				margin: 0;
				padding: 0;
			}
		
			div#fpf_wrapper .header div#menu ul li {
				list-style-type: none;
				float: right;
				padding: 0 0 0 5px;
			}
		
				div#fpf_wrapper .header div#menu ul li a {
					display: block;
					width: 99px; /* IE6 */
					width: 85px !important;
					padding: 7px;
					text-align: center;
					font-size: 1.3em;
					color: #fff;
					text-decoration: none;
					background: #32327f url(/sitefiles/images/tab-bg-off.gif) top center no-repeat;
				}
			
				div#fpf_wrapper .header div#menu ul li a:hover {
					background: #accb56 url(/sitefiles/images/tab-bg-on.gif) top center no-repeat;
				}
				
				div#fpf_wrapper .header div#menu ul li a.active {
					background: #ddd url(/sitefiles/images/tab-bg-active.gif) top center no-repeat;
					color: #32327f;
					font-weight: bold;
				}
	
	div#fpf_wrapper .divider {
		height: 30px;
		background-color: #ddd;
		border-bottom: 7px solid #a6ce39;
	}
	
	div#fpf_wrapper div#body {
		min-height: 300px;
	}
	
		div#fpf_wrapper div#body .sidebar {
			width: 220px;
			padding: 0;
			float: left;
		}
		
		/*
		div#fpf_wrapper div#body .sidebar {
			width: 220px; /* IE6 * /
			width: 180px !important;
			padding: 10px 10px 10px 30px;
			float: left;
		}
		*/
		
			div#fpf_wrapper div#body .sidebar h2 {
				padding: 0 0 10px 0;
				color: #32327f;
				font-size: 1.7em;
			}
			
		div#fpf_wrapper div#body .content {
			width: 770px; /* IE6 */
			width: 760px !important;
			padding: 10px 10px 7px 0;
			/* padding: 10px 10px 10px 0; IE7 */
			float: right;
			position: relative;
		}
		
			div#fpf_wrapper div#body .content .leftpanel {
				float: left;
			}
			
			div#fpf_wrapper div#body .content .rightpanel {
				float: right;
			}
			
			div#fpf_wrapper div#body .content .clearpanel {
				clear: both;
				height: 7px;
				/* height: 10px; IE7 */
			}
			
			/* Flash links */
		
			div#fpf_wrapper div#body .content a.meet {
				display: block;
				position: absolute;
				left: 0;
				top: 153px;
				width: 255px;
				height: 53px;
				z-index: 90000;
			}
			
			div#fpf_wrapper div#body .content a.ourjobs {
				display: block;
				position: absolute;
				right: 0;
				bottom: 115px;
				width: 157px;
				height: 42px;
				z-index: 90000;
			}
		
			div#fpf_wrapper div#body .content h1 {
				font-size: 2em;
				color: #accb56;
			}
		
			div#fpf_wrapper div#body .content p {
			}
			
			div#fpf_wrapper div#body .content p a,
			div#fpf_wrapper div#body .content p a:visited {
				font-weight: bold;
				text-decoration: underline;
				color: #262265;
			}

			div#fpf_wrapper div#body .content p a:hover {
				color: #134a9d;
			}

			div#fpf_wrapper div#body .content .placeMenu {
				padding: 30px 0;
			}
			
				div#fpf_wrapper div#body .content .placeMenu ul {
					margin: 0;
					padding: 0;
				}
	
				div#fpf_wrapper div#body .content .placeMenu ul li {
					list-style: none;
					float: left;
					padding-left: 37px;
				}
	
				div#fpf_wrapper div#body .content .placeMenu ul li a,
				div#fpf_wrapper div#body .content .placeMenu ul li a:visited {
					display: block;
					width: 105px;
					height: 130px;
				}
				
				/* Place mouseovers */
	
				div#fpf_wrapper div#body .content .placeMenu ul li a.progress,
				div#fpf_wrapper div#body .content .placeMenu ul li a.progress:visited {
					background: url(/sitefiles/images/icons/icon-progress-off.jpg) top right no-repeat;
				}
				div#fpf_wrapper div#body .content .placeMenu ul li a.progress:hover {
					background: url(/sitefiles/images/icons/icon-progress-on.jpg) top right no-repeat;
				}

				div#fpf_wrapper div#body .content .placeMenu ul li a.community,
				div#fpf_wrapper div#body .content .placeMenu ul li a.community:visited {
					background: url(/sitefiles/images/icons/icon-community-off.jpg) top right no-repeat;
				}
				div#fpf_wrapper div#body .content .placeMenu ul li a.community:hover {
					background: url(/sitefiles/images/icons/icon-community-on.jpg) top right no-repeat;
				}

				div#fpf_wrapper div#body .content .placeMenu ul li a.workplace,
				div#fpf_wrapper div#body .content .placeMenu ul li a.workplace:visited {
					background: url(/sitefiles/images/icons/icon-workplace-off.jpg) top right no-repeat;
				}
				div#fpf_wrapper div#body .content .placeMenu ul li a.workplace:hover {
					background: url(/sitefiles/images/icons/icon-workplace-on.jpg) top right no-repeat;
				}

				div#fpf_wrapper div#body .content .placeMenu ul li a.success,
				div#fpf_wrapper div#body .content .placeMenu ul li a.success:visited {
					background: url(/sitefiles/images/icons/icon-success-off.jpg) top right no-repeat;
				}
				div#fpf_wrapper div#body .content .placeMenu ul li a.success:hover {
					background: url(/sitefiles/images/icons/icon-success-on.jpg) top right no-repeat;
				}

				div#fpf_wrapper div#body .content .placeMenu ul li a.benefits,
				div#fpf_wrapper div#body .content .placeMenu ul li a.benefits:visited {
					background: url(/sitefiles/images/icons/icon-benefits-off.jpg) top right no-repeat;
				}
				div#fpf_wrapper div#body .content .placeMenu ul li a.benefits:hover {
					background: url(/sitefiles/images/icons/icon-benefits-on.jpg) top right no-repeat;
				}


/* Modal Box Styles */

div#modals {}

div#modals .modalPage
{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
		left: 0px;
}

div#modals .modalBackground
{
    filter: Alpha(Opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
   	width: 100%;
		height: 100%;
		background-color: #000;
   	position: fixed;
   	z-index: 710;
   	top: 0px;
		left: 0px;
}

div#modals .modalContainer
{
    position: absolute;
    width: 700px;
    left: 50%;
    top: 50%;
    z-index: 750;
}

div#modals .modal
{
		position: relative;
    width: 700px;
    height: 400px;
    padding: 0px;
    top: -300px;
    left: -350px;
    z-index: 1000;
    background-color: #fff;
    border: solid 8px #ddd;
		overflow: auto;
}

	/* Place Modal Backgrounds */
	div#modals .modal .icons {
		width: 205px;
		width: 185px !important;
		height: 280px;
		height: 190px !important;
		padding: 90px 0 0 20px;
		float: left;
		background-color: #003366;
	}
	
	div#modals .modal .bgProgress {
	background: #fff url(/sitefiles/images/icons/icon-progress-lrg.jpg) bottom right no-repeat;}
	div#modals .modal .bgCommunity {
	background: #fff url(/sitefiles/images/icons/icon-community-lrg.jpg) bottom right no-repeat;}
	div#modals .modal .bgWorkplace {
	background: #fff url(/sitefiles/images/icons/icon-workplace-lrg.jpg) bottom right no-repeat;}
	div#modals .modal .bgSuccess {
	background: #fff url(/sitefiles/images/icons/icon-success-lrg.jpg) bottom right no-repeat;}
	div#modals .modal .bgBenefits {
	background: #fff url(/sitefiles/images/icons/icon-benefits-lrg.jpg) bottom right no-repeat;}

	/* Staff Modal Backgrounds */
	div#modals .modal .photos {
		width: 225px;
		height: 337px;
		padding: 0;
		float: left;
		background-color: #003366;
	}
	
	div#modals .modal .bgAwhina {
	background: #fff url(/sitefiles/images/photos/ppl-awhina-lrg.jpg) bottom right no-repeat;}
	div#modals .modal .bgAnuja {
	background: #fff url(/sitefiles/images/photos/ppl-anuja-lrg.jpg) bottom right no-repeat;}
	div#modals .modal .bgAjit {
	background: #fff url(/sitefiles/images/photos/ppl-ajit-lrg.jpg) bottom right no-repeat;}
	div#modals .modal .bgGerry {
	background: #fff url(/sitefiles/images/photos/ppl-gerry-lrg.jpg) bottom right no-repeat;}
	div#modals .modal .bgHelen {
	background: #fff url(/sitefiles/images/photos/ppl-helen-lrg.jpg) bottom right no-repeat;}
	div#modals .modal .bgKarlene {
	background: #fff url(/sitefiles/images/photos/ppl-karlene-lrg.jpg) bottom right no-repeat;}
	div#modals .modal .bgLloyd {
	background: #fff url(/sitefiles/images/photos/ppl-lloyd-lrg.jpg) bottom right no-repeat;}
	div#modals .modal .bgMike {
	background: #fff url(/sitefiles/images/photos/ppl-mike-lrg.jpg) bottom right no-repeat;}
	div#modals .modal .bgRene {
	background: #fff url(/sitefiles/images/photos/ppl-rene-lrg.jpg) bottom right no-repeat;}
	div#modals .modal .bgSandhya {
	background: #fff url(/sitefiles/images/photos/ppl-sandhya-lrg.jpg) bottom right no-repeat;}
	div#modals .modal .bgSandra {
	background: #fff url(/sitefiles/images/photos/ppl-sandra-lrg.jpg) bottom right no-repeat;}

div#modals .modalTop
{padding: 7px;
height: 29px;
height: 15px !important;
font-size: 1.25em;
text-align: right;}

	div#modals .modalTop a img {
	/*margin-top: -3px;*/}

	div#modals .modalTop a,
	div#modals .modalTop a:visited {
	/*margin-bottom: -3px;*/
	background: url(/sitefiles/images/icon-close-off.gif) top center no-repeat;}
	
	div#modals .modalTop a:hover {
	background: url(/sitefiles/images/icon-close-on.gif) top center no-repeat;}
	
	div#modals .modalTop a:active {
	background: url(/sitefiles/images/icon-close-off.gif) top center no-repeat;}

div#modals .modalBody
{
	height: 350px;
	height: 300px !important;
	margin: 0 5px 10px 220px;
	padding: 30px 10px 10px 23px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #fff;
}

	div#modals .modalBody h1 {
		margin: 0 0 5px 0;
		padding: 0;
		color: #b5b5b5;
		font-size: 1.9em;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	div#modals .modalBody h2 {
		margin: 0 0 10px 0;
		padding: 0;
		color: #b5b5b5;
		font-size: 1.2em;
		font-weight: bold;
	}
	
	div#modals .modalBody p {
		margin: 0 0 7px 0;
		padding: 0;
		line-height: 130%;
		font-size: 1.1em;
		color: #000;
	}
	
div.testimonial-container {
	width: 100%;
}
			
	div.testimonial-container div.testimonial {
		width: 90px;
		margin: 0 30px 0 0;
		padding: 0;
		float: left;
	}
	
		div.testimonial-container div.testimonial div.p_image {
			font-size: 0.8em;
		}
		
		div.testimonial-container div.testimonial div.p_name {
			padding: 0 10px;
			font-size: 1.1em;
			font-weight: bold;
			color: #262265;
		}
		
		/*		
			div.testimonial-container div.testimonial div.p_name a,
			div.testimonial-container div.testimonial div.p_name a:visited {
			color: #262265;
			text-decoration: none;}
			
			div.testimonial-container div.testimonial div.p_name a:hover {
			color: #134a9d;
			text-decoration: none;}
			
			div.testimonial-container div.testimonial div.p_name a:active {
			color: #262265;
			text-decoration: none;}
		*/
								
		div.testimonial-container div.testimonial div.p_title {
			padding: 3px 10px 0 10px;
			font-size: 0.9em;
			font-weight: normal;
			color: #134a9d;
			text-align: left;
		}

div#foot {
	width: 1030px;
	height: 15px;
	margin: 0 auto;
	background: url(/sitefiles/images/torso-bg-foot.png) top center no-repeat;
}

.clear {
	clear: both;
}

