/* GENERAL */
body {
	/*font-family: Tahoma, Geneva, sans-serif;*/
	font-family: Arial, sans-serif;
	font-size: 90%;
	background-color: #ccc;
}
object {
	outline: 0;
}
#template {
	width: 960px;
	overflow: hidden;
	position: relative;
	margin: auto;
}
.hidden {
	position: absolute;
	left: -9999px;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}
/* HEADER */
#header {
	background: #00718f url(../images/header-subtitle.gif) no-repeat left top;
	width: 960px;
	height: 72px;
	position: relative;
}
.homepage #header {
	background: #00718f url(../images/header-emptysubtitle.gif) no-repeat left top;
}
	#header a, #header span{
		color: #fff;
		text-decoration: none;
	}
	#header a:focus, #header a:active {
		left: 36px;
		top: 10px;
	}
	#header #logo {
		background: transparent url(../images/wates-logo.gif) no-repeat left top;
		width: 106px;
		height: 52px;
		position: absolute;
		top: 10px;
		right: 30px;
		cursor: pointer;
	}
	#header #titlelink {
		height: 30px;
		left: 35px;
		position: absolute;
		top: 38px;
		width: 330px;
	}
	.homepage #header #titlelink {
		left: -9999px;
	}
/* MAIN MENU */
#menubackground {
	width: 960px;
	height: 212px;
}
	.homepage #menubackground {
		background: transparent url(../images/menu-bg-blank.gif) no-repeat left top;
		height: 331px;
	}
	.nojs .homepage #menubackground {
		background: transparent url(../images/menu-bg-homepage.jpg) no-repeat left top;
	}
	.green #menubackground {
		background: transparent url(../images/menu-bg-people-green.jpg) no-repeat left top;
	}
	.red #menubackground {
		background: transparent url(../images/menu-bg-people-red.jpg) no-repeat left top;
	}
	.orange #menubackground {
		background: transparent url(../images/menu-bg-people-orange.jpg) no-repeat left top;
	}
	.taupe #menubackground {
		background: transparent url(../images/menu-bg-people-taupe.jpg) no-repeat left top;
	}
	.blue #menubackground {
		background: transparent url(../images/menu-bg-people-blue.jpg) no-repeat left top;
	}
	.yellow #menubackground {
		background: transparent url(../images/menu-bg-people-yellow.jpg) no-repeat left top;
	}
	.purple #menubackground {
		background: transparent url(../images/menu-bg-people-purple.jpg) no-repeat left top;
	}
	.template3green #menubackground {
		background: transparent url(../images/menu-bg-blank-green.jpg) no-repeat left top;
	}
	.template3red #menubackground {
		background: transparent url(../images/menu-bg-blank-red.jpg) no-repeat left top;
	}
	.template3purple #menubackground {
		background: transparent url(../images/menu-bg-blank-purple.jpg) no-repeat left top;
	}
	.template4purple #menubackground {
		background: transparent url(../images/menu-bg-blank-purple.jpg) no-repeat left top;
	}
	.template8taupe #menubackground {
		background: transparent url(../images/menu-bg-blank-taupe.jpg) no-repeat left top;
	}
#menubackgroundflash {
}	
#adminmenubackground {
	height: 29px;
	background-color: #7C6A54;
}

#menu {
	width: 960px;
	height: 212px;
	position: absolute;
	top:72px;
}
	.homepage #menu{
		height: 332px;
	}
	#menu1, #menu2{
		position: absolute;
		width: 960px;
		height: 29px;
		z-index: 1;
	}
	#menu1 {
		top: 0;
	}
	#menu2{
		bottom: 0;
	}
	.homepage #menu2 {
		bottom: 1px;
	}
	.homepage #menu1, .homepage #menu2 {
		left: -9999px;
	}
	.nojs .homepage #menu1, .nojs .homepage #menu2 {
		left: 0px;
	}
	#menu .menuitem {
		height: 29px;
		float: left;
		display: inline;
	}
		#menu .menuitem  a{
			display: block;
			color: #fff;
			text-decoration: none;
			white-space: nowrap;
			line-height: 29px;
			background: transparent url(../images/menu-items.png) no-repeat left top;
		}
		#menu .ourstory  a.mainlink {
			background-position: -1px 0px;
			width: 81px;
		}
		#menu .newtoconstruction  a.mainlink {
			background-position: -83px 0px;
			width: 155px;
		}
		#menu .locationmap  a.mainlink {
			background-position: -239px 0px;
			width: 109px;
		}
		#menu .employeestories  a.mainlink {
			background-position: -349px 0px;
			width: 130px;
		}
		#menu .contact  a.mainlink {
			background-position: -480px 0px;
			width: 73px;
		}
		#menu .jobsearch  a.mainlink {
			background-position: -554px 0px;
			width: 90px;
		}
		#menu .ourdna  a.mainlink {
			background-position: -645px 0px;
			width: 78px;
		}
		#menu .winningformula  a.mainlink {
			background-position: -724px 0px;
			width: 127px;
		}
		#menu .worthwhilework  a.mainlink {
			background-position: -852px 0px;
			width: 127px;
		}
		#menu .respect  a.mainlink {
			background-position: -980px 0px;
			width: 75px;
		}
		#menu .development  a.mainlink {
			background-position: -1056px 0px;
			width: 108px;
		}
		#menu .reward  a.mainlink {
			background-position: -1165px 0px;
			width: 72px;
		}
		#menu .flexibility  a.mainlink {
			background-position: -1238px 0px;
			width: 78px;
		}
		#menu .menuitem  a.mainlink span {
			position: absolute;
			left: -9999px;
		}
		
		#menu .menuitem:hover a.mainlink,#menu .menuitem a.mainlink:focus,#menu .menuitem a.mainlink:active, #menu .active a.mainlink {
			background-color: #d9dbcc;
			color: #318ca3;
			background-image: url(../images/menu-items-highlight.png);
		}
		#menu .submenu {
			position: absolute;
			left: -9999px;
			/*border-top: 1px solid #7fb8c7;*/
			border-bottom: 1px solid #7fb8c7;
		}
		#menu2 .submenu {
			bottom: 28px;
		}
			#menu .submenu li {
				height: 25px;
			}
			#menu .submenu li a {
				background: transparent url(../images/submenuitem-bg.png) repeat-x left top;
				padding: 0px 20px;
				line-height: 25px;
				overflow: hidden;
			}
			#menu .submenu li a:hover, #menu .submenu li a:focus, #menu .submenu li a:active {
				background: transparent url(../images/submenuitem-bg-on.png) repeat-x left top;
			}
			#menu .submenu li a .show {
				float: left;
				background: transparent url(../images/menu-subitems.png) no-repeat left top;
				height: 25px;
			}
			#menu .submenu li a .subthefamily {
				background-position: -587px 50%;
				width: 62px;
			}
			#menu .submenu li a .subawards {
				background-position: -674px 50%;
				width: 46px;
			}
			#menu .submenu li a .subjobroleexamples {
				background-position: -875px 50%;
				width: 110px;
			}
			#menu .submenu li a .subtrainingschemes {
				background-position: -744px 50%;
				width: 106px;
			}
			#menu .submenu li a .subwinningformula {
				background-position: -13px 50%;
				width: 99px;
			}
			#menu .submenu li a .subworthwhilework {
				background-position: -138px 50%;
				width: 101px;
			}
			#menu .submenu li a .subrespect {
				background-position: -264px 50%;
				width: 46px;
			}
			#menu .submenu li a .subdevelopment {
				background-position: -336px 50%;
				width: 83px;
			}
			#menu .submenu li a .subreward {
				background-position: -445px 50%;
				width: 42px;
			}
			#menu .submenu li a .subflexibility {
				background-position: -513px 50%;
				width: 55px;
			}
			#menu .submenu li a span.hide {
				position: absolute;
				left: -9999px;
			}
		/* dont use image replacement on admin */
		#menu4 .menuitem  a, #menu4 .menuitem:hover a.mainlink,#menu4 .menuitem a.mainlink:focus,#menu4 .menuitem a.mainlink:active, #menu4 .active a.mainlink {
			background-image: none;
		}
		#menu4 .menuitem  a.mainlink span {
			position: static;
			left: auto;
			padding: 0 10px;
		}

		
		
		/* always show current submenu when js is off */
		.nojs #menu .active .submenu {
			left: 358px;
			top: 235px;
			border: 0;
			width: 330px;
		}
		.nojs .template3 #menu .active .submenu {
			left: 36px;
			top: 354px;
		}
		.nojs #menu .active .submenu .show {
			display: none;
		}
		.nojs #menu .active .submenu .hide {
			position: static;
		}
		.nojs .ourdna #menu .active .submenu {
			left: -9999px;
		}
		.nojs #menu2 .active .submenu {
			top: 52px;
		}
		.nojs .template3 #menu2 .active .submenu {
			top: 252px;
		}
			.nojs #menu .active .submenu li {
				float: left;
				margin-bottom: 3px;
			}
			.nojs #menu .active .submenu li a {
				background: 0;
				line-height: 100%;
				padding: 0 4px;
				border-left: 1px solid #00718F;
				color: #00718F;
				text-decoration: underline;
				height: auto;
				width: auto;
			}
			.nojs #menu .active .submenu li a:hover {
				text-decoration: none;
				background: 0;
			}
			.nojs #menu .active .submenu li.first a {
				border: 0;
			}

	/* menu items positioning */
	#menu .ourstory {
		margin-left: 20px;
	}
	#menu .newtoconstruction {
		margin-left: 34px;
	}
	#menu .locationmap {
		margin-left: 34px;
	}
	#menu .employeestories {
		margin-left: 34px;
	}
	#menu .contact {
		margin-left: 34px;
	}
	#menu .jobsearch {
		margin-left: 34px;
	}
	#menu .ourdna {
		margin-left: 34px;
	}
	#menu .winningformula {
		margin-left: 20px;
	}
	#menu .worthwhilework {
		margin-left: 56px;
	}
	#menu .respect {
		margin-left: 40px;
	}
	#menu .development {
		margin-left: 77px;
	}
	#menu .reward {
		margin-left: 77px;
	}
	#menu .flexibility {
		margin-left: 82px;
	}
	#menu .mainlink {
	height: 29px;
}
#menu .submenu li a {
	height: 25px;
}
#menu .ourstory .submenu li a {
	width: 107px;
}
#menu .newtoconstruction .submenu li a {
	width: 140px;
}
#menu .ourdna .submenu li a {
	width: 108px;
}
#menu .respect .submenu li a {
	width: 153px;
}
	/* menu big letters */
	.bigletter {
		position: absolute;
		left: 1000px;
	}
	.bigletter div {
		width: 100%;
		height: 100%;
	}
	/* green */
	#template.template2green #letter1 div{
		background: transparent url(../images/letter-green-h.png) no-repeat left top;
	}
	#template.template2green #letter1 {
		width: 107px;
		height: 168px;
		top: 22px;
	}
	.nojs .green #letter1 {
		left: 310px;
	}
	#template.template2green #letter2 div {
		background: transparent url(../images/letter-green-y.png) no-repeat left top;
	}
	#template.template2green #letter2 {
		width: 99px;
		height: 142px;
		top: 88px;
	}
	.nojs .green #letter2 {
		left: 426px;
	}
	#template.template2green #letter3 div {
		background: transparent url(../images/letter-green-qmark.png) no-repeat left top;
	}
	#template.template2green #letter3 {
		width: 56px;
		height: 152px;
		top: 36px;
	}
	.nojs .green #letter3 {
		left: 536px;
	}
	/* red */
	#template.template2red #letter1 {
		background: transparent url(../images/letter-red-h.png) no-repeat left top;
		width: 107px;
		height: 162px;
		top: 22px;
	}
	.nojs .red #letter1 {
		left: 310px;
	}
	#template.template2red #letter2 {
		background: transparent url(../images/letter-red-a.png) no-repeat left top;
		width: 90px;
		height: 100px;
		top: 87px;
	}
	.nojs .red #letter2 {
		left: 430px;
	}
	#template.template2red #letter3 {
		background: transparent url(../images/letter-red-t.png) no-repeat left top;
		width: 63px;
		height: 118px;
		top: 69px;
	}
	.nojs .red #letter3 {
		left: 534px;
	}
	#template.template2red #letter4 {
		background: transparent url(../images/letter-red-qmark.png) no-repeat left top;
		width: 55px;
		height: 151px;
		top: 36px;
	}
	.nojs .red #letter4 {
		left: 622px;
	}
	/* orange */
	#template.template5orange #letter1 {
		background: transparent url(../images/letter-orange-h.png) no-repeat left top;
		width: 107px;
		height: 162px;
		top: 22px;
	}
	.nojs .orange #letter1 {
		left: 310px;
	}
	#template.template5orange #letter2 {
		background: transparent url(../images/letter-orange-e.png) no-repeat left top;
		width: 79px;
		height: 100px;
		top: 89px;
	}
	.nojs .orange #letter2 {
		left: 430px;
	}
	#template.template5orange #letter3 {
		background: transparent url(../images/letter-orange-r.png) no-repeat left top;
		width: 73px;
		height: 97px;
		top: 88px;
	}
	.nojs .orange #letter3 {
		left: 523px;
	}
	#template.template5orange #letter4 {
		background: transparent url(../images/letter-orange-e.png) no-repeat left top;
		width: 79px;
		height: 100px;
		top: 89px;
	}
	.nojs .orange #letter4 {
		left: 607px;
	}
	#template.template5orange #letter5 {
		background: transparent url(../images/letter-orange-qmark.png) no-repeat left top;
		width: 55px;
		height: 151px;
		top: 36px;
	}
	.nojs .orange #letter5 {
		left: 705px;
	}
	/* taupe */
	#template.template6taupe #letter1 {
		background: transparent url(../images/letter-taupe-h.png) no-repeat left top;
		width: 107px;
		height: 168px;
		top: 22px;
	}
	.nojs .taupe #letter1 {
		left: 310px;
	}
	#template.template6taupe #letter2 {
		background: transparent url(../images/letter-taupe-o.png) no-repeat left top;
		width: 100px;
		height: 101px;
		top: 88px;
	}
	.nojs .taupe #letter2 {
		left: 432px;
	}
	#template.template6taupe #letter3 {
		background: transparent url(../images/letter-taupe-qmark.png) no-repeat left top;
		width: 56px;
		height: 152px;
		top: 36px;
	}
	.nojs .taupe #letter3 {
		left: 558px;
	}
	/* blue */
	#template.template2blue #letter1 {
		background: transparent url(../images/letter-blue-a.png) no-repeat left top;
		width: 90px;
		height: 100px;
		top: 87px;
	}
	.nojs .blue #letter1 {
		left: 310px;
	}
	#template.template2blue #letter2 {
		background: transparent url(../images/letter-blue-t.png) no-repeat left top;
		width: 63px;
		height: 118px;
		top: 70px;
	}
	.nojs .blue #letter2 {
		left: 413px;
	}
	#template.template2blue #letter3 {
		background: transparent url(../images/letter-blue-e.png) no-repeat left top;
		width: 81px;
		height: 100px;
		top: 88px;
	}
	.nojs .blue #letter3 {
		left: 499px;
	}
	#template.template2blue #letter4 {
		background: transparent url(../images/letter-blue-s.png) no-repeat left top;
		width: 65px;
		height: 100px;
		top: 87px;
	}
	.nojs .blue #letter4 {
		left: 603px;
	}
	#template.template2blue #letter5 {
		background: transparent url(../images/letter-blue-dots.png) no-repeat left top;
		width: 120px;
		height: 29px;
		top: 159px;
	}
	.nojs .blue #letter5 {
		left: 697px;
	}
	/* yellow */
	#template.template2yellow #letter1 {
		background: transparent url(../images/letter-yellow-h.png) no-repeat left top;
		width: 107px;
		height: 162px;
		top: 22px;
	}
	.nojs .yellow #letter1 {
		left: 310px;
	}
	#template.template2yellow #letter2 {
		background: transparent url(../images/letter-yellow-e.png) no-repeat left top;
		width: 81px;
		height: 100px;
		top: 89px;
	}
	.nojs .yellow #letter2 {
		left: 430px;
	}
	#template.template2yellow #letter3 {
		background: transparent url(../images/letter-yellow-n.png) no-repeat left top;
		width: 106px;
		height: 97px;
		top: 87px;
	}
	.nojs .yellow #letter3 {
		left: 534px;
	}
	#template.template2yellow #letter4 {
		background: transparent url(../images/letter-yellow-qmark.png) no-repeat left top;
		width: 55px;
		height: 151px;
		top: 36px;
	}
	.nojs .yellow #letter4 {
		left: 660px;
	}
	/* purple */
	#template.template7purple #letter1 {
		background: transparent url(../images/letter-purple-h.png) no-repeat left top;
		width: 107px;
		height: 162px;
		top: 22px;
	}
	.nojs .purple #letter1 {
		left: 310px;
	}
	#template.template7purple #letter2 {
		background: transparent url(../images/letter-purple-i.png) no-repeat left top;
		width: 47px;
		height: 152px;
		top: 32px;
	}
	.nojs .purple #letter2 {
		left: 430px;
	}
	#template.template7purple #letter3 {
		background: transparent url(../images/letter-purple-c.png) no-repeat left top;
		width: 83px;
		height: 100px;
		top: 88px;
	}
	.nojs .purple #letter3 {
		left: 489px;
	}
	#template.template7purple #letter4 {
		background: transparent url(../images/letter-purple-h.png) no-repeat left top;
		width: 107px;
		height: 162px;
		top: 22px;
	}
	.nojs .purple #letter4 {
		left: 582px;
	}
	#template.template7purple #letter5 {
		background: transparent url(../images/letter-purple-qmark.png) no-repeat left top;
		width: 55px;
		height: 151px;
		top: 36px;
	}
	.nojs .purple #letter5 {
		left: 705px;
	}
.watesadmin #menu {
	height: 30px;
}

/* CONTENT */
#content {
	background: #fff;
	position: relative;
	width: 960px;
	font-size: 90%;
}
.homepage #content, .template2yellow #content, .template3 #content, .template5 #content, .template7 #content, .template8 #content, #template.meetourbloggers #content  {
	background: #fff url(../images/sidebar-bg.gif) repeat-y right bottom;
}
.template6 #content {
	background: #fff url(../images/sidebar-employee-bg.gif) repeat-y right bottom;
}
	#contentaligner {
		float: left;
	}
	.homepage #contentaligner, .template2yellow #contentaligner, .template3 #contentaligner, .template5 #contentaligner, .template6 #contentaligner, .template7 #contentaligner, .template8 #contentaligner {
		width: 700px;
	}
	#innercontent {
		padding: 40px 40px 30px 40px;
		float: right;
		width: 620px;
	}
	.watesadmin #innercontent {
		float: none;
		width: 880px;
	}
	.template2 #innercontent, .template4 #innercontent {
		padding-top: 70px;
		width: 560px;
	}
	.template2yellow #innercontent {
		width: 300px;
		padding-top: 40px;
	}	
	.template3 #innercontent {
		padding-top: 165px;
		width: 507px;
		float: left;
	}
	.nojs .template3 #innercontent {
		padding-top: 172px;
	}
	.template7 #innercontent {
		padding-bottom: 10px;
	}
		#innercontent h1 {	
			font-size: 180%;
			margin-bottom: 15px;
		}
		.template5 #innercontent h1 {	
			position: absolute;
			width: 200px;
		}
		.profile #innercontent h1 {	
			margin-bottom: 0px;
		}
		#innercontent h2 {
			font-size: 130%;
			margin: 25px 0px 10px;
		}
		#innercontent .cpage_body h2 {
			font-weight: bold;
		}
		.homepage #innercontent h1, .homepage #innercontent h2 {
			color: #2f7a80;
		}
		.green #innercontent h1, .green #innercontent h2 {
			color: #3f4b00;
		}
		.red #innercontent h1, .red #innercontent h2 {
			color: #B5111A;
		}
		.orange #innercontent h1, .orange #innercontent h2 {
			color: #F37A1F;
		}
		.taupe #innercontent h1, .taupe #innercontent h2 {
			color: #7C6A54;
		}
		.blue #innercontent h1, .blue #innercontent h2 {
			color: #0E145E;
		}
		.yellow #innercontent h1, .yellow #innercontent h2 {
			color: #C3A303;
		}
		.purple #innercontent h1, .purple #innercontent h2 {
			color: #49176E;
		}
		#innercontent h3 {
			font-weight: bold;
			margin: 5px 0;
		}
		#innercontent p {
			margin: 10px 0;
		}
		#innercontent strong {
			font-weight: bold;
		}
		#innercontent em {
			font-style: italic;
		}
		#innercontent a {
			color: #00718f;
		}
		#innercontent a:hover {
			text-decoration: none;
		}
		.homepage #innercontent img, .template2 #innercontent img, .template3 #innercontent img, .template4 #innercontent img {
			border: 1px solid #49176D;
			padding: 3px;
			margin-right: 50px;
			vertical-align: top;
		}
		#innercontent .cpage_body ul {
			list-style: disc inside;
		}
		#innercontent .cpage_body ol {
			list-style: decimal inside;
		}
		.termsconditions #innercontent .cpage_body ol {
			list-style: decimal outside;
			margin-left: 10px;
			padding-left: 20px;
		}
		.termsconditions #innercontent .cpage_body li {
			margin: 5px 0;
		}
		#innercontent li {
			margin-bottom: 2px;
		}
		#innercontent #inmenu {
			position: absolute;
			left: 0;
			top: -183px;
			width: 960px;
			height: 154px;
		}
		.thefamily #innercontent #inmenu {
			background: transparent url(../images/menu-decor-thefamily.jpg) no-repeat right top;
		}
		.awards #innercontent #inmenu {
			background: transparent url(../images/menu-decor-awards.jpg) no-repeat right top;
		}
		.trainingschemes #innercontent #inmenu {
			background: transparent url(../images/menu-decor-training.jpg) no-repeat right top;
		}
		.jobroleexamples #innercontent #inmenu {
			background: transparent url(../images/menu-decor-jobroles.jpg) no-repeat right top;
		}
		#innercontent #inmenu h1, .template4 #innercontent #inmenu h2 {
			font-family: "Times New Roman", Times, serif;
			font-size: 430%;
			color: #fff;
			margin: 30px 245px 3px 30px;
			letter-spacing: 3px;
			line-height: 1;
		}
		.purple #innercontent #inmenu h1 {
			margin-right: 30px;
		}
		#innercontent #inmenu p {
			color: #fff;
			margin: 10px 300px 0px 30px;
			font-size: 110%;
		}
		#innercontent a.pdf {
			background: transparent url(../images/icon_pdf.gif) no-repeat right bottom;
			padding-right: 20px;
		}
		#innercontent a.doc {
			background: transparent url(../images/icon_doc.gif) no-repeat right bottom;
			padding-right: 20px;
		}
		#innercontent a.external {
			background: transparent url(../images/icon_external.gif) no-repeat right bottom;
			padding-right: 20px;
		}
		#innercontent .cpage_body>*:first-child {
			margin-top: 0px;
		}
	
	#sidebar {
		float: right;
		width: 260px;
		font-size: 110%;
	}
		#sidebar #hotjobs {
			position: absolute;
			top: 0;
			background: #cc5717;
			width: 245px;
			height: 51px;
			padding-left: 15px
		}
			#sidebar #hotjobs h2 {
				font-size: 140%;
				display: inline;
				margin: 0;
				color: #fff;
				line-height: 51px;
			}
		#sidebar #hotjobslist {
			background: #b28542;
			margin-top: 51px;
			font-size: 80%;
		}
			#sidebar #hotjobslistinner {
				background: transparent url(../images/sidebar-bg-top.gif) repeat-x left top;
				padding: 10px;
				font-weight: bold;
			}
			#sidebar #hotjobslist li.joblistitem {
				background: transparent url(../images/sidebar-hotjobs-listitem-bg.gif) no-repeat right bottom;
				position: relative;
				padding-bottom: 5px;
				padding-right: 5px;
				width: 227px;
				font-weight: bold;
				margin-top: 6px;
			}
				#sidebar #hotjobslist li.joblistitem span {
					color: #fff;
					margin-left: 3px;
				}
				#sidebar #hotjobslist li.joblistitem a {
					background: transparent url(../images/sidebar-hotjobs-details.gif) no-repeat left top;
					float: right;
					width: 59px;
					height: 16px;
					margin-right: 5px;
				}
		#sidebar #hotjobs.long {
			padding-right: 160px;
			right: 0;
			width: auto;
		}
		#sidebar #hotjobs.long h2 {
			white-space: nowrap;
		}
		#sidebar #hotjobsbutton {
			background: transparent url(../images/sidebar-hotjobs-viewall.gif) no-repeat left top;
			position: absolute;
			width: 132px;
			height: 51px;
			top: 0;
			right: 20px;
		}
		#sidebar #hotjobsbutton span {
			position: absolute;
			left: -9999px;
		}
	#sidebarbgbottom {
		background: transparent url(../images/sidebar-bg-bottom.gif) repeat-x left bottom;
		position: absolute;
		width: 260px;
		height: 5px;
		bottom: 0;
		right: 0;
	}
	#mediabar {
		float: left;
		color: #fff;
		background-color: #fff;
		font-size: 85%;
	}
	.template2 #mediabar {
		width: 320px;
		height: 381px;
	}
	.template3 #mediabar {
		float: none;
		padding: 127px 0 0 582px;
	}
	.template4 #mediabar {
		width: 320px;
		height: 451px;
	}
	#mediabarinner {
		position: absolute;
		width: 118px;
		height: 127px;
	}
	.template2 #mediabarinner {
		top: 127px;
		left: 202px;
	}
	.template3 #mediabarinner {
		top: 127px;
		left: 582px;
	}
	.template4 #mediabarinner {
		top: 254px;
		left: 202px;
	}
	.green #mediabarinner {
		background: #3f4b00;
	}
	.red #mediabarinner {
		background: #B5111A;
	}
	.blue #mediabarinner {
		background: #0E145E;
	}
	.yellow #mediabarinner {
		background: #C3A303;
	}
	.purple #mediabarinner {
		background: #49176E;
	}
		#mediabar ol {
			list-style: decimal outside;
			padding: 5px 5px 5px 27px;
			position: absolute;
			bottom: 0px;
		}
		#mediabar li {
			/*margin-bottom: 2px;*/
		}
		#mediabar a {
			text-decoration: none;
			color: #fff;
		}
		#mediabar a:hover {
			text-decoration: underline;
		}
		#mediabar .mediablock {
			position: absolute;
			cursor: pointer;
			background-color: transparent;
			background-repeat: no-repeat;
			background-position: center;
		}
		.template2 #media1 .mediablock {
			width: 320px;
			height: 127px;
			bottom: 127px;
			left: -202px;
		}
		.template2 #media2 .mediablock {
			width: 202px;
			height: 127px;
			bottom: 0px;
			left: -202px;
		}
		.template2 #media3 .mediablock {
			width: 202px;
			height: 127px;
			bottom: -127px;
			left: -202px;
		}
		.template2 #media4 .mediablock {
			width: 118px;
			height: 127px;
			bottom: -127px;
			left: 0px;
		}
		.template3 #media1 .mediablock {	
			width: 320px;
			height: 127px;
			bottom: 127px;
			left: -582px;
		}
		.template3 #media2 .mediablock {
			width: 190px;
			height: 127px;
			bottom: 127px;
			left: -262px;
		}
		.template3 #media3 .mediablock {
			width: 190px;
			height: 127px;
			bottom: 127px;
			left: -72px;
		}
		.template4 #media1 .mediablock {
			width: 202px;
			height: 127px;
			bottom: 254px;
			left: -202px;
		}
		.template4 #media2 .mediablock {
			width: 118px;
			height: 127px;
			bottom: 254px;
			left: 0px;
		}
		.template4 #media3 .mediablock {
			width: 320px;
			height: 127px;
			bottom: 127px;
			left: -202px;
		}
		.template4 #media4 .mediablock {
			width: 202px;
			height: 127px;
			bottom: 0px;
			left: -202px;
		}
			#mediabar .mediablock .number {
				float: left;
				width: 25px;
				height: 25px;
			}
			#mediabar #media1 .mediablock .number {
				background: transparent url(../images/media-number-1.gif) no-repeat left top;
			}
			#mediabar #media2 .mediablock .number {
				background: transparent url(../images/media-number-2.gif) no-repeat left top;
			}
			#mediabar #media3 .mediablock .number {
				background: transparent url(../images/media-number-3.gif) no-repeat left top;
			}
			#mediabar #media4 .mediablock .number {
				background: transparent url(../images/media-number-4.gif) no-repeat left top;
			}
	#valuetagline {
		position: absolute;
		top: 381px;
		width: 320px;
		height: 60px;
	}
	.winningformula #valuetagline {
		background: transparent url(../images/value-winningformula.png) no-repeat left top;
	}
	.worthwhilework #valuetagline {
		background: transparent url(../images/value-worthwhilework.png) no-repeat left top;
	}
	.respect #valuetagline {
		background: transparent url(../images/value-respect.png) no-repeat left top;
	}
	.development #valuetagline {
		background: transparent url(../images/value-development.png) no-repeat left top;
	}
	.reward #valuetagline {
		background: transparent url(../images/value-reward.png) no-repeat left top;
	}
	.flexibility #valuetagline {
		background: transparent url(../images/value-flexibility.png) no-repeat left top;
	}
	#valuepicker {
		position: relative;
		float: right;
		width: 660px;
		height: 230px;
		left: -4px;
	}
		#valuepicker li {
			float: left;
			padding: 4px;
			width: 95px;
			height: 100px;
			margin-right: 2px;
		}
		#valuepicker li.selected {
			border: 2px solid #3f94ab;
			padding: 2px;
		}
		#valuepicker li a.mainlink {
			display: block;
			width: 95px;
			height: 100px;
			background: transparent url(../images/values-blocks.gif) no-repeat left top;
		}
		#valuepicker li a.mainlink span {
			position: absolute;
			left: -9999px;
		}
		#valuepicker li a.winningformula {
			background-position: 0 0;
		}
		#valuepicker li.selected a.winningformula {
			background-position: 0 -100px;
		}
		#valuepicker li a.worthwhilework {
			background-position: -95px 0;
		}
		#valuepicker li.selected a.worthwhilework {
			background-position: -95px -100px;
		}
		#valuepicker li a.respect {
			background-position: -190px 0;
		}
		#valuepicker li.selected a.respect {
			background-position: -190px -100px;
		}
		#valuepicker li a.development {
			background-position: -285px 0;
		}
		#valuepicker li.selected a.development {
			background-position: -285px -100px;
		}
		#valuepicker li a.reward {
			background-position: -380px 0;
		}
		#valuepicker li.selected a.reward {
			background-position: -380px -100px;
		}
		#valuepicker li a.flexibility {
			background-position: -475px 0;
		}
		#valuepicker li.selected a.flexibility {
			background-position: -475px -100px;
		}
		#valuepicker .description {
			position: absolute;
			left: -9999px;
			top: 137px;
			border-top: 2px solid #3f94ab;
			width: 527px;
			padding-top: 10px;
		}
		#valuepicker .selected .description {
			left: 52px;
		}
		#valuepicker .pointer {
			position: absolute;
			top: 107px;
			width: 1px;
			height: 32px;
			border-left: 2px solid #3f94ab;
			margin-left: 48px;
			left: -9999px;
		}
		#valuepicker .selected .pointer {
			left: auto;
		}
	#sitemap {
		position: relative;
		top: -40px;
		left: 40px;
		width: 600px;
	}
		#sitemap li {
			margin-bottom: 4px;
		}
		#sitemap li.addspace {
			margin-top: 20px;
		}
		#sitemap ul {
			float: left;
			width: 300px;
		}
		#sitemap ul.addspace {
			margin-top: 35px;
		}
			#sitemap ul ul {
				list-style: circle inside;
				margin-bottom: 5px;
			}
	.bloglist {
		font-size: 80%;
	}
		.bloglist table, .bloglistadmintable {
			width: 100%;
		}
		.bloglist tr, .bloglistadmintr {
			background-color: #e1dad3;
		}
		.bloglist tr.tableheader {
			background-color: #7d6a55;
		}
		.bloglist tr.selected {
			background-color: #cec4b7;
		}
		.bloglist th {
			color: #fff;
			padding: 5px 10px;
			border-bottom: 5px solid #fff;
		}
		.bloglist td, .bloglistadmintd {
			padding: 5px 10px;
			border-bottom: 3px solid #fff;
		}
		.bloglist a.readblog {
			background: transparent url(../images/button-readblog.gif) no-repeat left top;
			float: left;
			width: 58px;
			height: 16px;
		}
		#bloggerlist tr {
			cursor: pointer;
		}
	#sidebarbgemployeetop, #sidebarbgemployeebottom {
		background: #dadb56 url(../images/sidebar-employee-bg-top.gif) repeat-x left top;
		position: absolute;
		top: 0;
		right: 0;
		width: 260px;
		height: 5px;
	}
	#sidebarbgemployeebottom {
		background: #dadb56 url(../images/sidebar-employee-bg-bottom.gif) repeat-x left bottom;
		top: auto;
		bottom: 0;
	}
	.profile #sidebarbgemployeetop {
		top: 60px;
	}
	#introtext {
		top: 0;
		right: 0;	
		width: 240px;
	}
	#employeestories{
	}
		#morejobs {
			background: #c2a303;
			float: left;
			width: 260px;
			height: 60px;
		}
			#morejobs a {
				background: transparent url(../images/button-morejobs.gif) no-repeat left top;
				position: absolute;
				width: 200px;
				height: 48px;
				line-height: 48px;
				text-decoration: none;
				padding-right: 44px;
				margin: 5px 10px;
				font-size: 90%;
				text-align: center;
				color: #fff;
			}
		.sidebardetails {
			width: 240px;
			padding: 20px 10px;
			float: left;
		}
			.sidebardetails p {
				margin-bottom: 10px;
			}
			#employeestories .sidebardetails .namelink {
				background: transparent url(../images/button-name-bg.gif) no-repeat left top;
				height: 49px;
				text-decoration: none;
				float: right;
				padding: 0 60px 0 20px;
				line-height: 49px;
				position: relative;
				color: #fff;
			}
			.sidebardetails .namelink span {
				background: transparent url(../images/button-name-head.gif) no-repeat right top;
				position: absolute;
				width: 52px;
				height: 49px;
				top: 0;
				right: 0;
			}
			#employeestories .sidebardetails .name {
				font-size: 150%;
				color: #7C6A54;
				margin-bottom: 19px;
			}
			.sidebardetails .detail span {
				font-size: 90%;
				font-weight: bold;
			}
			.sidebardetails .moredetail {
				margin: 10px 0;
			}
			.sidebardetails .moredetail div {
				font-size: 110%;
				color: #7C6A54;
			}
			#employeestories .sidebardetails .moredetail p {
				margin-top: 4px;
			}
		#employeestories .linksrow {
		}
			#employeestories .linksrow li {
				position: absolute;
			}
			#employeestories .linksrow a {
				position: absolute;
				width: 111px;
				height: 48px;
			}
			#blogadmin .linksrow a {
				position: absolute;
				width: 222px;
				height: 50px;
				top: 32px;
			}
			#employeestories .linksrow a span, #blogadmin .linksrow a span {
				position: absolute;
				left: -9999px;
			}
			#employeestories .linksrow .mystory a {
				background: transparent url(../images/button-mystory.gif) no-repeat left top;
				margin-left: 50px;
			}
			#employeestories .linksrow .mystory a.active, #employeestories .linksrow .mystory a:hover {
				background: transparent url(../images/button-mystory-on.gif) no-repeat left top;
			}
			#employeestories .linksrow .myblog a {
				background: transparent url(../images/button-myblog.gif) no-repeat left top;
				margin-left: 250px;
			}
			#employeestories .linksrow .myblog a.active, #employeestories .linksrow .myblog a:hover {
				background: transparent url(../images/button-myblog-on.gif) no-repeat left top;
			}
			#employeestories .linksrow .myweek a {
				background: transparent url(../images/button-myweek.gif) no-repeat left top;
				margin-left: 450px;
			}
			#employeestories .linksrow .myweek a.active, #employeestories .linksrow .myweek a:hover {
				background: transparent url(../images/button-myweek-on.gif) no-repeat left top;
			}
			#blogadmin .linksrow .addnewblogentry a {
				background: transparent url(../images/admin/addnewblogentry.gif) no-repeat left top;
				margin-left: 661px;
			}
			#blogadmin .linksrow .addnewblogentry a.active, #blogadmin .linksrow .addnewblogentry a:hover {
				background: transparent url(../images/admin/addnewblogentry-on.gif) no-repeat left top;
			}
			#blogadmin .linksrow .adminback a {
				background: transparent url(../images/admin/back.gif) no-repeat left top;
				margin-left: 661px;
			}
			#blogadmin .linksrow .adminback a.active, #blogadmin .linksrow .adminback a:hover {
				background: transparent url(../images/admin/back-on.gif) no-repeat left top;
			}
			#blogadmin .linksrow .manageemployees a {
				background: transparent url(../images/admin/manageemployees.gif) no-repeat left top;
				margin-top: 147px;
			}
			#blogadmin .linksrow .manageemployees a.active, #blogadmin .linksrow .manageemployees a:hover {
				background: transparent url(../images/admin/manageemployees-on.gif) no-repeat left top;
			}
			
			#blogadmin .linksrow .manageawards a {
				background: transparent url(../images/admin/manageawards.gif) no-repeat left top;
				margin-top: 147px;
			}
			#blogadmin .linksrow .manageawards a.active, #blogadmin .linksrow .manageawards a:hover {
				background: transparent url(../images/admin/manageawards-on.gif) no-repeat left top;
			}
			
			#blogadmin .linksrow .managepdflibrary a {
				background: transparent url(../images/admin/managepdflibrary.gif) no-repeat left top;
				margin-top: 147px;
			}
			#blogadmin .linksrow .managepdflibrary a.active, #blogadmin .linksrow .managepdflibrary a:hover {
				background: transparent url(../images/admin/managepdflibrary-on.gif) no-repeat left top;
			}
		#employeestories #employeefeature {
			/*padding-top: 60px;*/
		}
		#employeestories #employeefeature img {
			float: right;
			padding: 0px 0px 20px 20px;
		}
		#employeestories #employeefeature .title {
			color: #7C6A54;
			font-size: 110%;
		}
		#employeestories #employeefeature .stats li span {
			font-weight: bold;
		}
		#employeestories.gallery {
		}
			#employeestories.gallery .employee {
				float: left;
				margin: 0 10px 10px 0;
			}
			#employeestories.gallery .gallerydetails {
				padding: 5px;
				font-size: 90%;
				background: #dadb56;
			}
			#employeestories.gallery .gallerydetails a {
				display: block;
				color: #000;
				width: 135px;
				height: 145px;
				text-decoration: none;
			}
			#employeestories.gallery .gallerydetails a span {
				display: block;
			}
			#employeestories.gallery .selected .gallerydetails{
				background: #c6c74c;
				cursor: pointer;
			}
			
			#employeestories.gallery .sidebardetails {
				position: absolute;
				left: -9999px;
				margin-top: 23px;
			}	
			#employeestories.gallery .selected .sidebardetails {
				left: auto;
				top: 0;
				right: 0;
			}
		#employeestories.profile {
			
		}
		#employeestories p.employeebacklink {
			text-align: right;
			margin: 0;
		}
		#employeestories #viewallblogs {
			background: transparent url(../images/button-viewallblogs.gif) no-repeat left top;
			position: absolute;
			width: 87px;
			height: 23px;
			top: 40px;
			left: 574px;
		}
		.readblogentry {
			background: transparent url(../images/button-readblogentry.gif) no-repeat left top;
			float: left;
			width: 98px;
			height: 23px;
			margin: 0 3px 3px 0;
		}
		.readblogentryoff {
			background: transparent url(../images/button-readblogentry-off.gif) no-repeat left top;
			float: left;
			width: 98px;
			height: 23px;
			margin: 0 3px 3px 0;
		}
		.editblogentry {
			background: transparent url(../images/button-editblogentry.gif) no-repeat left top;
			float: left;
			width: 90px;
			height: 23px;
			margin: 0 3px 3px 0;
		}
		.editblogentryoff {
			background: transparent url(../images/button-editblogentry-off.gif) no-repeat left top;
			float: left;
			width: 90px;
			height: 23px;
			margin: 0 3px 3px 0;
		}
		.addblogentry {
			background: transparent url(../images/button-addblogentry.gif) no-repeat left top;
			border: 0;
			width: 92px;
			height: 23px;
			text-indent: -9999px;
			cursor: pointer;
			float: right;
			padding-top: 23px;
		}
		.updateblogentry {
			background: transparent url(../images/button-editblogentry.gif) no-repeat left top;
			border: 0;
			width: 90px;
			height: 23px;
			text-indent: -9999px;
			cursor: pointer;
			float: right;
			padding-top: 23px;
		}
		.adduser {
			background: transparent url(../images/button-addadministrator.gif) no-repeat left top;
			border: 0;
			width: 116px;
			height: 23px;
			text-indent: -9999px;
			cursor: pointer;
			float: right;
			padding-top: 23px;
		}
		.updateawards {
			background: transparent url(../images/button-update.gif) no-repeat left top;
			border: 0;
			width: 90px;
			height: 23px;
			text-indent: -9999px;
			cursor: pointer;
			float: right;
			padding-top: 23px;
		}
		.replacepdf {
			background: transparent url(../images/button-replace.gif) no-repeat left top;
			border: 0;
			width: 90px;
			height: 23px;
			text-indent: -9999px;
			cursor: pointer;
			float: right;
			padding-top: 23px;
		}
		.approveblogedit {
			background: transparent url(../images/button-approveblogedit.gif) no-repeat left top;
			float: left;
			width: 108px;
			height: 23px;
			margin: 0 3px 3px 0;
		}
		.manageblog {
			background: transparent url(../images/button-manageblog.gif) no-repeat left top;
			float: left;
			width: 83px;
			height: 23px;
		}
		.removebloggerstatus {
			background: transparent url(../images/button-removebloggerstatus.gif) no-repeat left top;
			border: 0;
			float: left;
			width: 136px;
			height: 23px;
			text-indent: -9999px;
			padding-top: 23px;
			cursor: pointer;
		}
		.deleteemployee {
			background: transparent url(../images/button-deleteemployee.gif) no-repeat left top;
			border: 0;
			float: left;
			width: 105px;
			height: 23px;
			text-indent: -9999px;
			padding-top: 23px;
			cursor: pointer;
		}
		.approveblogentrylink {
			background: transparent url(../images/button-approveblogentry.gif) no-repeat left top;
			float: left;
			width: 121px;
			height: 23px;
			margin: 0 3px 3px 3px;
		}
		.approveblogentry {
			background: transparent url(../images/button-approveblogentry.gif) no-repeat left top;
			border: 0;
			float: right;
			width: 121px;
			height: 23px;
			text-indent: -9999px;
			padding-top: 23px;
			cursor: pointer;
			margin: 0 3px 3px 3px;
		}
		.blogapproved {
			background: transparent url(../images/button-blogapproved.gif) no-repeat left top;
			float: left;
			width: 121px;
			height: 23px;
			margin: 0 3px 3px 3px;
		}
		.deleteblogentry {
			background: transparent url(../images/button-deleteblogentry.gif) no-repeat left top;
			border: 0;
			float: left;
			width: 104px;
			height: 23px;
			text-indent: -9999px;
			padding-top: 23px;
			cursor: pointer;
		}
		.deleteblogentryoff {
			background: transparent url(../images/button-deleteblogentry-off.gif) no-repeat left top;
			float: left;
			width: 104px;
			height: 23px;
			margin: 0 3px 3px 0;
		}
		.approvedeletion {
			background: transparent url(../images/button-approvedeletion.gif) no-repeat left top;
			border: 0;
			float: left;
			width: 105px;
			height: 23px;
			text-indent: -9999px;
			padding-top: 23px;
			cursor: pointer;
		}
	#locationmapimage {
		float: right;
	}
	#locationinfo li {
		background-color: #00718F;
		color: #FFFFFF;
		padding: 10px 0;
		position: absolute;
		text-align: center;
		top: 270px;
		width: 200px;
	}
	#locationmap-linkblock {
		position: absolute;
		left: 40px;
		top: 345px;
	}
	#locationmap-linkblock a {
		display: block;
		margin-bottom: 4px;
	}
	.awards #innercontent img {
		border: 1px solid #49176D;
		padding: 3px;
		float: left;
		clear: left;
		margin: 0 10px 0px 0;
	}
	.awards #innercontent h2 {
		padding: 30px 0px 10px 0;
		clear: left;
		margin: 0;
	}
	.awards #innercontent p {
		margin: 0;
	}
	.awards .cpage_body div {
	}
#footer {
	background: #00718f url(../images/footer-subtitle.gif) no-repeat 98.5% top;
	height: 32px;
	font-size: 70%;
	color: #fff;
}
	#footerlinks {
		padding: 14px 10px 0;
	}
	#footerlinks li {
		float: left;
		display: inline;
		border-right: 1px solid #fff;
		padding: 0px 5px;
		line-height: 90%;
	}
	#footerlinks li.last {
		border: 0;
	}
	#footerlinks a {
		color: #fff;
		text-decoration: none;
	}
	#footerlinks a:hover {
		text-decoration: underline;
	}
	
/* MULTIBOX */
.mb img{
	display:block;
	border:none;
}
.mbClear{
	clear:both;
	width:100%;
	height:20px;
}
.mbHidden{
	display:none;
}
.mbdesc{
	display:none;
	/*position:absolute;
	left: -9999px;*/
}
/* Pop-up styles - - - - */
.MultiBoxContainer{
	position:absolute;
	border:15px solid #000;
	background:#FFF;
	display:none;
	z-index:2;
	text-align:left;
}
.MultiBoxLoading{
	background: transparent url(../images/mb_Components/loader.gif) no-repeat center top;
}
.MultiBoxContent{
	position:relative;
	width:100%;
	height:100%;
}
.MultiBoxClose{
	position:absolute;
	top:-24px;
	right:-24px;
	background: transparent url(../images/mb_Components/close.png) no-repeat left top;
	width:24px;
	height:24px;
	cursor:pointer;
}
.MultiBoxControlsContainer{
	overflow:hidden;
	height:0px;
	position:relative;
}
.MultiBoxControls{
	width:100%;
	height:auto;
	position:relative;
	background:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#FFF;
}
.MultiBoxDownload a, .MultiBoxDownload a:link, .MultiBoxDownload a:visited, .MultiBoxDownload a:hover, .MultiBoxDownload a:active{
	font-size:9px;
	color:#CCC;
	margin:5px 0 0 35px;
	display:block;
	text-decoration:none;
}
.MultiBoxDownload a:hover{
	color:#FFF;
}
.MultiBoxPrevious{
	position:absolute;
	background: transparent url(../images/mb_Components/left.png) no-repeat left top;
	width:24px;
	height:24px;
	left:0px;
	margin:5px 0 0 0;
	cursor:pointer;
}
.MultiBoxNext{
	position:absolute;
	background: transparent url(../images/mb_Components/right.png) no-repeat left top;
	width:24px;
	height:24px;
	right:0px;
	margin:5px 0 0 0;
	cursor:pointer;
}
.MultiBoxNextDisabled{
	cursor:default;
	background: transparent url(../images/mb_Components/rightDisabled.png) no-repeat left top;
}
.MultiBoxPreviousDisabled{
	cursor:default;
	background: transparent url(../images/mb_Components/leftDisabled.png) no-repeat left top;
}
/* Bottom text - - - - */
.MultiBoxTitle{
	position:relative;
	margin:10px 0 0 35px;
	float:left;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	display:inline;
}
.MultiBoxNumber{
	position:relative;
	width:90px;
	margin:10px 35px 0 0;
	float:right;
	font-size:11px;
	text-align:right;
	display:inline;
}
.MultiBoxDescription{
	clear:left;
	position:relative;
	margin:0 35px 0 35px;
	padding:5px 0 0 0;
	font-size:11px;
	text-align:left;
}
.MultiBoxDescription a{
	color: #fff;
}
.MultiBoxDescription a:hover{
	text-decoration: none;
	color:#FFF;
}
/* SIFR */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
	visibility: hidden;	
}
.sIFR-hasFlash #inmenu h1 {
	visibility: visible;	
}