@charset "UTF-8";
	
	
	
#pereless {
width:825px;	
}

.Wenzel {
	font-family: Wenzel;
	color: #F5A11A;
	margin-left: 125px;
	font-size: 18px;
}
.Wenzel2 {
	font-family: Wenzel;
	color: #F5A11A;
	font-size: 24px;
	width: 250px;
}
.Wenzel3 {
	font-family: Wenzel;
	color: #F5A11A;
	font-size: 18px;
	width: 450px;
	margin-top: 5px;
}
.Wenzel4 {
	font-family: Wenzel;
	color: #F5A11A;
	font-size: 18px;
	width: auto;
	margin-top: 10px;
}
.Wenzel5 {
	font-family: Wenzel;
	color: #F5A11A;
	font-size: 22px;
}
.Wenzel6 {
	font-family: Wenzel;
	color: #F5A11A;
	font-size: 18px;
}
body {
	margin: 0px;
	padding: 0px;
	color: #706F69;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	background-color: #efefef;
	overflow-x:hidden;
}

/* ----------START HEADER---------- */

	#logo {
		position: absolute;
		top: 20px;
		left: 205px;
		z-index: 2;
	}

	#topMenu {
		position: absolute;
		left: 333px;
		top: 106px;
		z-index: 2;
	}

	#topMenu a {
		color: #706F69;
	}

	#topMenu a:hover, a:active, a:focus {
		color: #F5A11A;
	}

	.topMenuDivider {
		color: #F5A11A;
		padding-right:5px;
		padding-left:5px;
	}

	#waves{
		position: relative;
		left: 0px;
		top: 0px;
		z-index: 1;
		background-image: url(../images/waves.png);
		background-repeat:repeat-x;
		height: 169px;
		width: 2489px;
		background-color:transparent;
		overflow-x:hidden;
	}
	
	#facebook{
		position: absolute;
		left: 1020px;
		top:25px;
		z-index: 3;
	}
	
	#twitter{
		position: absolute;
		left: 970px;
		top:25px;
		z-index: 3;
	}

/* ----------END HEADER---------- */

/* ----------START GENERAL---------- */


	a img {
		border: none;
	}

	a:link {
		color: #706F69;
		text-decoration: none;
	}

	a:visited {
		color: #F5A11A;
		text-decoration: none;
	}

	a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
		text-decoration: none;
		color: #F5A11A;
		outline: none;
	}
		
	#wrapper {
		position:absolute;
		margin-top: -25px;
		height: 100%;
		width: 100%;
	}

	#greyWrapper{
		padding-top: 60px;
		padding-bottom: 40px;
		padding-left: 205px;
		/*position: relative;*/
		width: 100%;
		/*height: 800px;*/
		/*margin-top:150px;*/
		background-color:#efefef;
		/*text-align: left;*/
		/*z-index:0;*/
	}
	
	.Wenzel22px {
		font-family: Wenzel;
		color: #F5A11A;
		font-size: 22px;
	}

	.Wenzel18px {
		font-family: Wenzel;
		color: #F5A11A;
		font-size: 18px;
	}

/* ----------END GENERAL---------- */

/* ----------START INDEX.HTML---------- */

	#banner {
		position:absolute;
		z-index:2 !important;
		left:697px;
		top:-48px;
		background-color:transparent;
	}

	#slider{
		position: relative;
		display:table;
		height: 430px;
		left: -637px;
		top: 0px;
		z-index: 0;
		overflow: hidden;
	}
	
	.panel  {	
		display: block;
		float: left;
		margin-top: 0px;
		margin-right: 10px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		z-index: -2;
	}

	.learnMorePanel {
		float:right;
		margin-top: -408px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: -250px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		background-color: transparent;
		width:245px;
		height:408px;
		z-index: 0;
	}

	.learnMorePanelInside {
		width: 245px;
		height: 408px;
		display: table-cell;
		vertical-align:bottom;
		position:relative;
		background-color: #706f6a;
		z-index: 1;
	}

	.learnMorePanel h1 {
		margin-bottom:-40px;	
		padding-left:23px;
		position:static;
		z-index: 1;
	}
	
	h1 {
		margin-top: 0;
		padding-right: 15px;
		padding-left: 15px;
	}

	.learnMorePanel p {
		font-size:10px;
		width:195px;
		padding-top:50px;
		color:#FFF;	
		padding-left:23px;
		position:static;
		z-index: 1;
	}

	a.prev {
		position: absolute;
		width: 88px;
		height: 408px;
		display: block;
		background-color:transparent;
		background-image: url(../images/work/prev.png);
		background-repeat: no-repeat;
		background-position: center center;
		left:0px;
		top:8px;
		z-index: 1;
	}

	a.prev:hover {
		background-image:url(../images/work/prev-ovr.png);
	}

	a.next {
		position: absolute;
		width: 725px;
		height: 408px;
		display: block;
		background-color:transparent;
		background-image: url(../images/work/next.png);
		background-repeat:no-repeat;
		background-position: 20px 180px;
		left:833px;
		top:8px;
		z-index:1 !important;
		overflow: hidden;
	}
						
	a.next:hover {		
		background-image:url(../images/work/next-ovr.png);
	}
	
	.thumbnailHolder {
		width:190px;
		height:auto;
		padding-left:23px;
		padding-top:10px;
		padding-bottom:10px;
		position:static;	
		z-index: 1;
	}

	.thumbnailHolder img {
		border:0;
		z-index: 1;
	}

	.outerLink  {
		background-color:black; 
		display:inline-block;
		width:35px;
		height:35px;
	}

	.thumbImg:hover{
		filter: none;
		-webkit-filter: grayscale(0%);
		opacity:1;
		filter:alpha(opacity=100);
		
	}
	
	.thumbImg {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
		filter: gray; /* IE6-9 */
		-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
		opacity:0.4;
		filter:alpha(opacity=40);
	}
	
	#workSelector{
		position: relative;
		left: 5px;
		top: 0px;
	}
	
	#topLine{
		position: relative;
		margin-top: 30px;
		margin-left: 160px;
	}
	
	#whatWereUpTo{
		position: absolute;
		margin-top: 18px;
		margin-left: 160px;
	}
	
	#projectText{
		position: relative;
		padding-right: 0px;
		padding-left: 0px;
		padding-top: 0px;
		width: 396px;
		height: 200px;
		margin-top: 77px;
		margin-left: 160px;
	}
	
	#project-1{
		position: static;
		background-image: url('../images/work/wwut-target.jpg');
		background-repeat:no-repeat;
		width: 125px;
		height: 125px;
		margin-top: -256px;
		margin-left: 582px;
	}
	
	#project-1:hover {		
		background-image: url('../images/work/wwut-target-hover.jpg');
		cursor: pointer;
	}
	
	#project-2{
		position: static;
		background-image: url('../images/work/wwut-c9.jpg');
		background-repeat:no-repeat;
		width: 125px;
		height: 125px;
		margin-top: -125px;
		margin-left: 727px;
	}

	#project-2:hover {		
		background-image: url('../images/work/wwut-c9-hover.jpg');
		cursor: pointer;
	}
	
	#project-3{
		position: static;
		background-image: url('../images/work/wwut-miller.jpg');
		background-repeat:no-repeat;
		width: 125px;
		height: 125px;
		margin-top: -125px;
		margin-left: 872px;
	}
	
	#project-3:hover {		
		background-image: url('../images/work/wwut-miller-hover.jpg');
		cursor: pointer;
	}

	#bottomLine{
		position: static;
		margin-top: 20px;
		margin-left: 160px;
	}
	
	#goodCompany{
		position: static;
		padding-right: 0px;
		padding-left: 0px;
		padding-top: 0px;
		margin-top: 12px;
		margin-left: 160px;
		color: #F5A11A;
		font-size: 21px;
	}
	
	#clientLogos{
		position: static;
		margin-top: 10px;
		margin-left: 160px;
	}	
	
/* ----------END INDEX.HTML---------- */

/* ----------START Jobs---------- */

	ul {
		padding: 0;
		margin: 0;
		margin-left: 50px;
	}

	.h1-workForUs {
		text-indent: -5000px;
		background-image: url(../images/jobs/work-for-us.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 255px;
		height: 35px;
		padding-bottom: 25px;
		margin-top: 20px;
	}

	#forUs-txt {
		width: 560px;
	}
	
	.workList {
		margin-top: 15px;
	}
	
/* ----------END Jobs---------- */

/* ----------START ABOUT---------- */

	.h1-about {
		text-indent: -5000px;
		background-image: url(../images/about/about-us.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 182px;
		height: 35px;
		padding-bottom: 25px;
		margin-top: 20px;
	}

	.h1-about2 {
		text-indent: -5000px;
		background-image: url(../images/about/our-leadership-team.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 425px;
		height: 35px;
		padding-bottom: 25px;
		margin-top: 50px;
	}

	.h1-about3 {
		text-indent: -5000px;
		background-image: url(../images/about/board-of-directors.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 404px;
		height: 35px;
		padding-bottom: 25px;
		margin-top: 50px;
	}

	.h1-about4 {
		text-indent: -5000px;
		background-image: url(../images/about/thinking-and-doing.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 387px;
		height: 35px;
		padding-bottom: 25px;
		margin-top: 50px;
	}
	
	.about-txt {
		font-size: 14px;
		width: 525px;
		line-height: 18px;
	}

	.textIndent {
		padding-left: 25px;
	}	
	
	.twoColumnList {
		width: 500px;
		font-size: 18px;
		margin-top: 15px;
		line-height: 18px;
		margin-left: 0px;
		padding-left: 0px;
	}

	.whiteBorder-left {
		border-left-width: medium;
		border-left-style: solid;
		border-left-color: #FFF;
		padding-left: 40px;
	}

/* ----------END ABOUT---------- */

/* ----------START CONTACT---------- */

	.h1-contactUs{
		text-indent: -5000px;
		background-image: url(../images/contact/contact-us.png);
		background-repeat: no-repeat;
		background-position: left top;
		width: 225px;
		height: 35px;
		padding-bottom: 25px;
		margin-top: 20px;
	}

	#conLeftCol{
		width: 180px;
		border-right: 2px solid white;
		position: absolute;
	}

	#conRightCol{
		position: absolute;
		margin-left: 182px;
		padding-left: 30px;
		width: 260px;
	}

	#conBotCol{
		position: absolute;
		width: 360px;
		margin-top: 160px;
	}

	#conBotCol a{
		color: #F5A11A;
	}

	#conBotCol a:hover{
		color: #706F69;
	}

	.conCon{
		color: #F5A11A; 
		font-weight:bold; 
	}

	.emailLink a{
		color: #706F69;
	}

	.emailLink a:hover{
		color: #F5A11A;
	}

/* ----------END CONTACT---------- */