@charset "UTF-8";
/* CSS Document */
/*---------------------PDAM-----------------------------*/
#slow {
	width:100%;
	height:auto;
}


/*---------------------Page One------------------------*/
#pageOneScroller {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	overflow-y: auto;
	overflow-x:none;
}

@media all and (min-width:1140px) {
	.vHead {
		display:block;
		float: left;
		clear:none;
		width:38px;
		height:38px;
		text-align: left;
		background-image: url("../svg/vectaryIcon.svg");
		background-size:38px 38px;
		background-repeat: no-repeat;
		background-position:left center;
		padding:0;
		margin:34px 0 0 22px;
	}
	.dtvHead {
		display:block;
		float: left;
		clear:none;
		width:36px;
		height:36px;
		text-align: left;
		background-image: url("../svg/dtvIcon.svg");
		background-size:36px 36px;
		background-repeat: no-repeat;
		background-position:left center;
		padding:0;
		margin:35px 0 0 22px;
	}
	 .provHead {
		display:block;
		float: left;
		clear:none;
		width:36px;
		height:36px;
		text-align: left;
		background-image: url("../svg/provIcon.svg");
		background-size:36px 36px;
		background-repeat: no-repeat;
		background-position:center center;
		padding:0;
		margin:35px 0 0 22px;
	}
	.attHead {
		display:block;
		float: left;
		clear:none;
		width:34px;
		height:34px;
		text-align: left;
		background-image: url("../svg/attIcon.svg");
		background-size:34px 34px;
		background-repeat: no-repeat;
		background-position:left center;
		padding:0;
		margin:36px 0 0 22px;
	}
	.msHead {
		display:block;
		float: left;
		clear:none;
		width:30px;
		height:30px;
		text-align: left;
		background-image: url("../svg/msIcon.svg");
		background-size:30px 30px;
		background-repeat: no-repeat;
		background-position:left center;
		padding:0;
		margin:38px 0 0 22px;
	}
	.fbHead {
		display:block;
		float: left;
		clear:none;
		width:36px;
		height:36px;
		text-align: left;
		background-image: url("../svg/Facebook_Logo_Primary.svg");
		background-size:36px 36px;
		background-repeat: no-repeat;
		background-position:left center;
		padding:0;
		margin:34px 0 0 22px;
	}
	.myovsHead {
		display:block;
		float: left;
		clear:none;
		width:32px;
		height:32px;
		text-align: left;
		background-image: url("../svg/myovsLogoFlat.svg");
		background-size:160px 35px;
		background-repeat: no-repeat;
		background-position:-116px center;
		padding:0;
		margin:36px 0 0 20px;
	}
	.musicHead {
		display:block;
		float: left;
		clear:none;
		width:128px;
		height:50px;
		text-align: left;
		background-image: url("../svg/4UMusic.svg");
		background-size:101px 46px;
		background-repeat: no-repeat;
		background-position:left top;
		padding:0;
		margin:29px 0 0 22px;
	}
	.boeingHead {
		display:block;
		float: left;
		clear:none;
		width:128px;
		height:29px;
        text-align: left;
        background-image: url("../svg/boeinglogo150x35.svg");
        background-size:120px 28px;
        background-repeat: no-repeat;
        background-position:left top;
        padding:0;
        margin:42px 0 0 22px;
    }
	.tgwHead {
		display:block;
		float: left;
		clear:none;
		width:128px;
		height:50px;
        text-align: left;
        background-image:url("../images/TGW_Logo.png");
        background-size:98px 32px;
        background-repeat: no-repeat;
        background-position:left top;
        padding:0;
        margin:35px 0 0 22px;
    }
}
@media all and (min-width:920px) and (max-width:1139px) {
	.vHead {
		display:block;
		float: left;
		clear:none;
		width:38px;
		height:38px;
		text-align: left;
		background-image: url("../svg/vectaryIcon.svg");
		background-size:38px 38px;
		background-repeat: no-repeat;
		background-position:left center;
		padding:0;
		margin:34px 0 0 22px;
	}
	.dtvHead {
		display:block;
		float: left;
		clear:none;
		width:36px;
		height:36px;
		text-align: left;
		background-image: url("../svg/dtvIcon.svg");
		background-size:36px 36px;
		background-repeat: no-repeat;
		background-position:left center;
		padding:0;
		margin:35px 0 0 22px;
	}
	 .provHead {
		display:block;
		float: left;
		clear:none;
		width:36px;
		height:36px;
		text-align: left;
		background-image: url("../svg/provIcon.svg");
		background-size:36px 36px;
		background-repeat: no-repeat;
		background-position:center center;
		padding:0;
		margin:35px 0 0 22px;
	}
	.attHead {
		display:block;
		float: left;
		clear:none;
		width:34px;
		height:34px;
		text-align: left;
		background-image: url("../svg/attIcon.svg");
		background-size:34px 34px;
		background-repeat: no-repeat;
		background-position:left center;
		padding:0;
		margin:36px 0 0 22px;
	}
	.msHead {
		display:block;
		float: left;
		clear:none;
		width:30px;
		height:30px;
		text-align: left;
		background-image: url("../svg/msIcon.svg");
		background-size:30px 30px;
		background-repeat: no-repeat;
		background-position:left center;
		padding:0;
		margin:38px 0 0 22px;
	}
	.fbHead {
		display:block;
		float: left;
		clear:none;
		width:36px;
		height:36px;
		text-align: left;
		background-image: url("../svg/Facebook_Logo_Primary.svg");
		background-size:36px 36px;
		background-repeat: no-repeat;
		background-position:left center;
		padding:0;
		margin:34px 0 0 22px;
	}
	.myovsHead {
		display:block;
		float: left;
		clear:none;
		width:32px;
		height:32px;
		text-align: left;
		background-image: url("../svg/myovsLogoFlat.svg");
		background-size:160px 35px;
		background-repeat: no-repeat;
		background-position:-116px center;
		padding:0;
		margin:36px 0 0 20px;
	}
	.musicHead {
		display:block;
		float: left;
		clear:none;
		width:116px;
		height:50px;
		text-align: left;
		background-image: url("../svg/4UMusic.svg");
		background-size:93px 42px;
		background-repeat: no-repeat;
		background-position:left top;
		padding:0;
		margin:29px 0 0 16px;
	}
	.boeingHead {
		display:block;
		float: left;
		clear:none;
		width:128px;
		height:29px;
        text-align: left;
        background-image: url("../svg/boeinglogo150x35.svg");
        /*background-size:120px 28px;*/
		background-size:112px 26px;
        background-repeat: no-repeat;
        background-position:left top;
        padding:0;
        margin:42px 0 0 22px;
    }
}
@media all and (min-width:460px) and (max-width:919px) {
	.vHead {
		display:block;
		float: left;
		clear:none;
		width:36px;
		height:36px;
		text-align: left;
		background-image: url("../svg/vectaryIcon.svg");
		background-size:36px 36px;
		background-repeat: no-repeat;
		background-position:left center;
		padding:0;
		margin:35px 0 0 22px;
	}
	.dtvHead {
		display:block;
		float: left;
		clear:none;
		width:36px;
		height:36px;
		text-align: left;
		background-image: url("../svg/dtvIcon.svg");
		background-size:36px 36px;
		background-repeat: no-repeat;
		background-position:left center;
		padding:0;
		margin:35px 0 0 22px;
	}
	 .provHead {
		display:block;
		float: left;
		clear:none;
		width:36px;
		height:36px;
		text-align: left;
		background-image: url("../svg/provIcon.svg");
		background-size:36px 36px;
		background-repeat: no-repeat;
		background-position:center center;
		padding:0;
		margin:35px 0 0 22px;
	}
	.attHead {
		display:block;
		float: left;
		clear:none;
		width:34px;
		height:34px;
		text-align: left;
		background-image: url("../svg/attIcon.svg");
		background-size:34px 34px;
		background-repeat: no-repeat;
		background-position:left center;
		padding:0;
		margin:36px 0 0 22px;
	}
	.msHead {
		display:block;
		float: left;
		clear:none;
		width:30px;
		height:30px;
		text-align: left;
		background-image: url("../svg/msIcon.svg");
		background-size:30px 30px;
		background-repeat: no-repeat;
		background-position:left center;
		padding:0;
		margin:38px 0 0 22px;
	}
	.fbHead {
		display:block;
		float: left;
		clear:none;
		width:36px;
		height:36px;
		text-align: left;
		background-image: url("../svg/Facebook_Logo_Primary.svg");
		background-size:36px 36px;
		background-repeat: no-repeat;
		background-position:left center;
		padding:0;
		margin:34px 0 0 22px;
	}
	.myovsHead {
		display:block;
		float: left;
		clear:none;
		width:32px;
		height:32px;
		text-align: left;
		background-image: url("../svg/myovsLogoFlat.svg");
		background-size:160px 35px;
		background-repeat: no-repeat;
		background-position:-116px center;
		padding:0;
		margin:36px 0 0 20px;
	}
	.musicHead {
		display:block;
		float: left;
		clear:none;
		width:128px;
		height:50px;
		text-align: left;
		background-image: url("../svg/4UMusic.svg");
		background-size:101px 46px;
		background-repeat: no-repeat;
		background-position:left top;
		padding:0;
		margin:29px 0 0 22px;
	}
	.boeingHead {
		display:block;
		float: left;
		clear:none;
		width:128px;
		height:29px;
        text-align: left;
        background-image: url("../svg/boeinglogo150x35.svg");
        /*background-size:120px 28px;*/
		background-size:112px 26px;
        background-repeat: no-repeat;
        background-position:left top;
        padding:0;
        margin:42px 0 0 22px;
    }
}
@media all and (max-width:459px) {
	.vHead {
		display:block;
		float: left;
		clear:none;
		width:32px;
		height:32px;
		text-align: left;
		background-image: url("../svg/vectaryIcon.svg");
		background-size:32px 32px;
		background-repeat: no-repeat;
		background-position:left center;
		padding:0;
		margin:26px 0 0 22px;
	}
	.dtvHead {
		display:block;
		float: left;
		clear:none;
		width:28px;
		height:28px;
		text-align: left;
		background-image: url("../svg/dtvIcon.svg");
		background-size:28px 28px;
		background-repeat: no-repeat;
		background-position:left center;
		padding:0;
		margin:26px 0 0 22px;
	}
	 .provHead {
		display:block;
		float: left;
		clear:none;
		width:32px;
		height:32px;
		text-align: left;
		background-image: url("../svg/provIcon.svg");
		background-size:32px 32px;
		background-repeat: no-repeat;
		background-position:center center;
		padding:0;
		margin:25px 0 0 22px;
	}
	.attHead {
		display:block;
		float: left;
		clear:none;
		width:30px;
		height:30px;
		text-align: left;
		background-image: url("../svg/attIcon.svg");
		background-size:30px 30px;
		background-repeat: no-repeat;
		background-position:left center;
		padding:0;
		margin:26px 0 0 22px;
	}
	.msHead {
		display:block;
		float: left;
		clear:none;
		width:26px;
		height:26px;
		text-align: left;
		background-image: url("../svg/msIcon.svg");
		background-size:26px 26px;
		background-repeat: no-repeat;
		background-position:left center;
		padding:0;
		margin:26px 0 0 22px;
	}
	.fbHead {
		display:block;
		float: left;
		clear:none;
		width:32px;
		height:32px;
		text-align: left;
		background-image: url("../svg/Facebook_Logo_Primary.svg");
		background-size:32px 32px;
		background-repeat: no-repeat;
		background-position:left center;
		padding:0;
		margin:24px 0 0 22px;
	}
	.myovsHead {
		display:block;
		float: left;
		clear:none;
		width:28px;
		height:28px;
		text-align: left;
		background-image: url("../svg/myovsLogoFlat.svg");
		background-size:132px 36px;
		background-repeat: no-repeat;
		background-position:-98px center;
		padding:0;
		margin:26px 0 0 20px;
	}
	.musicHead {
		display:none;
		float: left;
		clear:none;
		width:128px;
		height:50px;
		text-align: left;
		background-image: url("../svg/4UMusic.svg");
		background-size:101px 46px;
		background-repeat: no-repeat;
		background-position:left top;
		padding:0;
		margin:17px 0 0 22px;
	}
	.boeingHead {
		display:none;
		float: left;
		clear:none;
		width:128px;
		height:29px;
        text-align: left;
        background-image: url("../svg/boeinglogo150x35.svg");
        /*background-size:120px 28px;*/
		background-size:112px 26px;
        background-repeat: no-repeat;
        background-position:left top;
        padding:0;
        margin:30px 0 0 22px;
    }
}


@media all and (min-width:1380px) {

	#PageOne {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height: 100%;
		background-image:url("../svg/ToolboxWide2023b.svg");
		background-size:1440px auto;
		background-position: top center;
		background-repeat:no-repeat;
		background-color:#fff;
	}
	.page2 {
		display:block;
		width:100%;
		position:absolute;
		top:0;
		left:100%;
		bottom:0;
		margin:0;
		padding:0;
		background-color:#fff;
		background-image: url("../svg/Page2Wedge.svg");
		background-repeat: no-repeat;
		background-size:1440px auto;
		background-position: center top;
		z-index:1;
	}
	#contentOne {
		position:absolute;
		top:104px;
		left:50%;
		margin-left:-500px;
		width:1000px;
		min-height: 54px;
		/*background-color:rgba(149,110,11,.5);*/
	}
	.companyCol {
		float:left;
		width:292px;
		min-height:80px;
		margin:0 40px 40px 0;
		padding:0;
		/*background-color:yellow;*/
	}
	.NameTitle {
		float:left;
		font-size: 50px;
		color:#333;
		margin:0;
		padding:0;
		font-weight: bold;
		/*letter-spacing: 1px;*/
	}
	.NameTitle span {display:none;}
	.pageTitle {
		float:right;
		font-size: 50px;
		color:#333;
		margin:0;
		padding:0;
		font-weight: bold;
		/*letter-spacing: 1px;*/
	}
	.pageTitle {display:block;}
	.meBox {
		position:absolute;
		top:188px;
		left:50%;
		margin-left:-500px;
		width:1000px;
		min-height: 54px;
		padding-bottom:60px;
		padding:0;
		/*background-color:yellow;*/
	}
	.qouteBrow {
		font-size: .9rem;
		font-weight: bold;
		color:#666;
		margin:0;
		padding:0;
	}	
	.qoute {
		font-size: 32px;
		color:#333;
		margin:0 0 52px 0;
		padding:0;
		line-height: 46px;
	}
	.overflow {display:inline-block}
	.newTile {
		display:inline-block;
		float:left;
		width:49%;
		margin:0 0 -1px 0;
		padding:0;
		height:104px;
		border:1px solid #bbb;
		background-color:#fff;
		cursor: pointer;
		background-image: url("../svg/navCarrot.svg");
		background-repeat: no-repeat;
		background-size: 28px 20px;
		background-position: 98% center;
	}
	.newTile:hover {
		border:1px solid #0078d4;
		background-image: url("../svg/navCarrotBlue.svg");
		background-position: 99% center;
		-moz-box-shadow:    inset 0 0 3px 1px #0078d4;
   		-webkit-box-shadow: inset 0 0 3px 1px #0078d4;
   		box-shadow:         inset 0 0 3px 1px #0078d4;
	}
	.newTile p {
		float: left;
		clear:none;
		width:auto;
		text-align: left;
		font-size: 1.25rem;
		color:#333;
		line-height: 56px;
		padding:0 0 0 16px;
		margin:24px 0 0 0;
		vertical-align: middle;
	}
	#resumeBtn {
		text-decoration:none;
		position:absolute;
		top:56px;
		right:0;
		font-size: 1.25rem;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 17px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: 98% 20px;
	}
	#resumeBtn:hover {
		/*padding:0 20px 0 0;*/
		color:#0093ed;
		background-image: url("../svg/linkCarrotsHover.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: 100% 20px;
	}
	
	#processBtn {
		text-decoration:none;
		position:absolute;
		top:56px;
		right:148px;
		font-size: 1.25rem;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 17px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: 98% 20px;
	}
	#processBtn:hover {
		/*padding:0 20px 0 0;*/
		color:#0093ed;
		background-image: url("../svg/linkCarrotsHover.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: 100% 20px;
	}
	.tabBox {
		position:absolute;
		top:340px;
		left:0;
		width:100%;
		min-height: 340px;
		/*background-color:yellow;*/
	}
	.tabHead {
		display:inline-block;
		float:left;
		width:100%;
		height: 44px;
		/*background-color:orange;*/
		/*border-bottom: 1px solid #666;*/
	}
	.tabContent {
		display:inline-block;
		float:left;
		width:100%;
		min-height: 74px;
	}
	.rule {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:22px;
		border-bottom:1px solid #ccc;
		z-index: 0;
	}
	.tab:nth-child(1) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px 0;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 6px 0 0 6px;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tab:nth-child(2) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px -5px;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 0;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tab:nth-child(3) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px -5px;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 0 6px 6px 0;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tabSelected {
		font-weight:bold !important;
		color:#fff !important;
		background-color:#0078d4 !important;
		border:1px solid #0078d4 !important;
	}
	#UX_workBox, #UI_workBox, #research_workBox {
		float:left;
		min-height: 200px;
		margin:20px 0 0 0;
		padding:0;
		/*background-color: yellow;*/
	}
	.pieceLink {
		text-decoration: none;
		float:left;
		font-size: 26px;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 16px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 20px;
	}
	.pieceLink:hover {
		text-decoration: none;
		padding:0 20px 0 0;
		color:#0093ed;
		background-image: url("../svg/linkCarrotsHover.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 20px;
	}
}
@media all and (min-width:1140px) and (max-width:1379px) {
	#PageOne {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height: 100%;
		background-image:url("../svg/ToolboxWide2023b.svg");
		background-size:1380px auto;
		background-position: top center;
		background-repeat:no-repeat;
	}
	.page2 {
		display:block;
		width:100%;
		position:absolute;
		top:0;
		left:100%;
		bottom:0;
		margin:0;
		padding:0;
		background-color:#fff;
		background-image: url("../svg/Page2Wedge.svg");
		background-repeat: no-repeat;
		background-size:1380px auto;
		background-position: top center;
		z-index:1;
	}
	#contentOne {
		position:absolute;
		top:104px;
		left:50%;
		margin-left:-420px;
		width:840px;
		min-height: 54px;
		/*background-color:rgba(149,110,11,.5);*/
	}
	.companyCol {
		float:left;
		width:240px;
		min-height:80px;
		margin:0 40px 40px 0;
		padding:0;
		/*background-color:yellow;*/
	}
	.NameTitle {
		float:left;
		font-size: 43px;
		color:#333;
		margin:0;
		padding:0;
		font-weight: bold;
		/*letter-spacing: 1px;*/
	}
	.NameTitle span {display:none;}
	.pageTitle {
		float:right;
		font-size: 43px;
		color:#333;
		margin:0;
		padding:0;
		font-weight: bold;
		/*letter-spacing: 1px;*/
	}
	.pageTitle {display:block;}
	.meBox {
		position:absolute;
		top:188px;
		left:50%;
		margin-left:-420px;
		width:840px;
		min-height: 54px;
		padding-bottom:60px;
		/*background-color:yellow;*/
		
	}
	.qouteBrow {
		font-size: .9rem;
		font-weight: bold;
		color:#666;
		margin:0;
		padding:0;
	}	
	.qoute {
		font-size: 30px;
		color:#333;
		margin:0 0 48px 0;
		padding:0;
		line-height: 46px;
	}
	.overflow {display:inline-block}
	.newTile {
		float:left;
		width:49%;
		margin:0 0 -1px 0;
		padding:0;
		height:104px;
		border:1px solid #bbb;
		background-color:#fff;
		cursor: pointer;
		background-image: url("../svg/navCarrot.svg");
		background-repeat: no-repeat;
		background-size: 28px 20px;
		background-position: 98% center;
	}
	.newTile:hover {
		border:1px solid #0078d4;
		background-image: url("../svg/navCarrotBlue.svg");
		background-position: 99% center;
		-moz-box-shadow:    inset 0 0 3px 1px #0078d4;
   		-webkit-box-shadow: inset 0 0 3px 1px #0078d4;
   		box-shadow:         inset 0 0 3px 1px #0078d4;
	}
	.newTile p {
		float: left;
		clear:none;
		width:auto;
		text-align: left;
		font-size: 1.25rem;
		color:#333;
		line-height: 56px;
		padding:0 0 0 16px;
		margin:24px 0 0 0;
		vertical-align: middle;
	}
	#resumeBtn {
		text-decoration:none;
		position:absolute;
		top:44px;
		right:0;
		font-size: 1.25rem;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 17px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: 98% 20px;
	}
	#resumeBtn:hover {
		/*padding:0 20px 0 0;*/
		color:#0093ed;
		background-image: url("../svg/linkCarrotsHover.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: 100% 20px;
	}
	
	#processBtn {
		text-decoration:none;
		position:absolute;
		top:44px;
		right:136px;
		font-size: 1.25rem;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 17px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: 98% 20px;
	}
	#processBtn:hover {
		/*padding:0 20px 0 0;*/
		color:#0093ed;
		background-image: url("../svg/linkCarrotsHover.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: 100% 20px;
	}
	.tabBox {
		position:absolute;
		top:330px;
		left:0;
		width:100%;
		min-height: 340px;
		/*background-color:yellow;*/
	}
	.tabHead {
		display:inline-block;
		float:left;
		width:100%;
		height: 44px;
		/*border-bottom:1px solid #ccc;*/
		/*background-color:orange;*/
	}
	.tabContent {
		display:inline-block;
		float:left;
		width:100%;
		min-height: 74px;
		/*background-color:blue;*/
	}
	.rule {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:22px;
		border-bottom:1px solid #ccc;
		z-index: 0;
	}
	.tab:nth-child(1) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px 0;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 6px 0 0 6px;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tab:nth-child(2) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px -5px;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 0;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tab:nth-child(3) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px -5px;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 0 6px 6px 0;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tabSelected {
		font-weight:bold !important;
		color:#fff !important;
		background-color:#0078d4 !important;
		border:1px solid #0078d4 !important;
	}
	#UX_workBox, #UI_workBox, #research_workBox {
		float:left;
		min-height: 200px;
		margin:20px 0 0 0;
		padding:0;
		/*background-color: yellow;*/
	}
	.pieceLink {
		text-decoration: none;
		float:left;
		font-size: 25px;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 16px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
	.pieceLink:hover {
		text-decoration: none;
		padding:0 20px 0 0;
		color:#0093ed;
		background-image: url("../svg/linkCarrotsHover.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
}
@media all and (min-width:920px) and (max-width:1139px) {
	#PageOne {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height: 100%;
		background-image:url("../svg/ToolboxWide2023.svg");
		background-size:1140px auto;
		background-position: top center;
		background-repeat:no-repeat;
	}
	.page2 {
		display:block;
		width:100%;
		position:absolute;
		top:0;
		left:100%;
		bottom:0;
		margin:0;
		padding:0;
		background-color:#fff;
		background-image: url("../svg/Page2Wedge.svg");
		background-repeat: no-repeat;
		background-size:1140px auto;
		background-position: top center;
		z-index:1;
	}
	#contentOne {
		position:absolute;
		top:104px;
		left:50%;
		margin-left:-360px;
		width:720px;
		min-height: 54px;
		/*background-color:rgba(149,110,11,.5);*/
	}
	.companyCol {
		float:left;
		width:240px;
		min-height:80px;
		margin:0;
		padding:0;
		/*background-color:yellow;*/
	}
	.NameTitle {
		float:left;
		font-size: 36px;
		color:#333;
		margin:0;
		padding:0;
		font-weight: bold;
		/*letter-spacing: 1px;*/
	}
	.NameTitle span {display:none;}
	.pageTitle {
		float:right;
		font-size: 36px;
		color:#333;
		margin:0;
		padding:0;
		font-weight: bold;
		/*letter-spacing: 1px;*/
	}
	.pageTitle {display:block;}
	.meBox {
		position:absolute;
		top:188px;
		left:50%;
		margin-left:-360px;
		width:720px;
		min-height: 54px;
		padding-bottom:60px;
		/*background-color:yellow;*/
		
	}
	.qouteBrow {
		font-size: .9rem;
		font-weight: bold;
		color:#666;
		margin:0;
		padding:0;
	}	
	.qoute {
		font-size: 27px;
		color:#333;
		margin:0 0 44px 0;
		padding:0;
		line-height: 43px;
	}
	.overflow {display:inline-block}
	.newTile {
		float:left;
		width:49%;
		margin:0 0 -1px 0;
		padding:0;
		height:104px;
		border:1px solid #bbb;
		background-color:#fff;
		cursor: pointer;
		background-image: url("../svg/navCarrot.svg");
		background-repeat: no-repeat;
		background-size: 28px 20px;
		background-position: 98% center;
	}
	.newTile:hover {
		border:1px solid #0078d4;
		background-image: url("../svg/navCarrotBlue.svg");
		background-position: 99% center;
		-moz-box-shadow:    inset 0 0 3px 1px #0078d4;
   		-webkit-box-shadow: inset 0 0 3px 1px #0078d4;
   		box-shadow:         inset 0 0 3px 1px #0078d4;
	}
	.newTile p {
		float: left;
		clear:none;
		width:auto;
		text-align: left;
		font-size: 1.1rem;
		color:#333;
		line-height: 56px;
		padding:0 0 0 16px;
		margin:24px 0 0 0;
		vertical-align: middle;
	}
	#resumeBtn {
		text-decoration:none;
		position:absolute;
		top:36px;
		right:0;
		font-size: 1.1rem;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 17px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: 98% 20px;
	}
	#resumeBtn:hover {
		/*padding:0 20px 0 0;*/
		color:#0093ed;
		background-image: url("../svg/linkCarrotsHover.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: 100% 20px;
	}
	
	#processBtn {
		text-decoration:none;
		position:absolute;
		top:36px;
		right:116px;
		font-size: 1.1rem;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 17px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: 98% 20px;
	}
	#processBtn:hover {
		/*padding:0 20px 0 0;*/
		color:#0093ed;
		background-image: url("../svg/linkCarrotsHover.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: 100% 20px;
	}
	.tabBox {
		position:absolute;
		top:288px;
		left:0;
		width:100%;
		min-height: 340px;
		/*background-color:yellow;*/
	}
	.tabHead {
		display:inline-block;
		float:left;
		width:100%;
		height: 46px;
		/*background-color:orange;*/
		
	}
	.tabContent {
		display:inline-block;
		float:left;
		width:100%;
		min-height: 74px;
		/*background-color:blue;*/
	}
	.rule {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:22px;
		border-bottom:1px solid #ccc;
		z-index: 0;
	}
	.tab:nth-child(1) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px 0;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 6px 0 0 6px;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tab:nth-child(2) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px -5px;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 0;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tab:nth-child(3) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px -5px;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 0 6px 6px 0;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tabSelected {
		font-weight:bold !important;
		color:#fff !important;
		background-color:#0078d4 !important;
		border:1px solid #0078d4 !important;
	}
	#UX_workBox, #UI_workBox, #research_workBox {
		float:left;
		min-height: 200px;
		margin:20px 0 0 0;
		padding:0;
		/*background-color: yellow;*/
	}
	.pieceLink {
		text-decoration: none;
		float:left;
		font-size: 24px;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 16px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
	.pieceLink:hover {
		background-image: url("../svg/linkCarrotsHover.svg");
		padding:0 20px 0 0;
		color:#0093ed;
	}
}
@media all and (min-width:768px) and (max-width:919px) {
	#PageOne {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height: 100%;
		background-image:url("../svg/ToolboxWide2023.svg");
		background-size:920px auto;
		background-position: top center;
		background-repeat:no-repeat;
	}
	.page2 {
		display:block;
		width:100%;
		position:absolute;
		top:0;
		left:100%;
		bottom:0;
		margin:0;
		padding:0;
		background-color:#fff;
		background-image: url("../svg/Page2Wedge.svg");
		background-repeat: no-repeat;
		background-size:920px auto;
		background-position: top center;
		z-index:1;
	}
	#contentOne {
		position:absolute;
		top:88px;
		left:50%;
		margin-left:-308px;
		width:612px;
		min-height: 54px;
		/*background-color:rgba(149,110,11,.5);*/
	}
	.companyCol {
		float:left;
		width:260px;
		min-height:80px;
		margin:0 44px 44px 0;
		padding:0;
		/*background-color:yellow;*/
	}
	#UI_workBox .companyCol {
		float:left;
		width:204px;
		min-height:80px;
		margin:0;
		padding:0;
		/*background-color:yellow;*/
	}
	.NameTitle {
		float:left;
		font-size: 32px;
		color:#333;
		margin:0;
		padding:0;
		font-weight: bold;
		/*letter-spacing: 1px;*/
	}
	.NameTitle span {display:none;}
	.pageTitle {
		float:right;
		font-size: 32px;
		color:#333;
		margin:0;
		padding:0;
		font-weight: bold;
		/*letter-spacing: 1px;*/
	}
	.pageTitle {display:block;}
	.meBox {
		position:absolute;
		top:132px;
		left:50%;
		margin:0 0 60px -308px;
		padding: 0 0 60px 0;
		width:612px;
		min-height: 54px;
		padding-bottom:60px;
		/*background-color:yellow;*/	
	}
	.qouteBrow {
		font-size: .9rem;
		font-weight: bold;
		color:#666;
		margin:0;
		padding:0;
	}	
	.qoute {
		font-size: 27px;
		color:#333;
		margin:0 0 40px 0;
		padding:0;
		line-height: 36px;
	}
	.overflow {display:inline-block}
	.newTile {
		float:left;
		width:100%;
		margin:0 0 -1px 0;
		padding:0;
		height:104px;
		border:1px solid #bbb;
		background-color:#fff;
		cursor: pointer;
		background-image: url("../svg/navCarrot.svg");
		background-repeat: no-repeat;
		background-size: 28px 20px;
		background-position: 98% center;
	}
	.newTile:hover {
		border:1px solid #0078d4;
		background-image: url("../svg/navCarrotBlue.svg");
		background-position: 99% center;
		-moz-box-shadow:    inset 0 0 3px 1px #0078d4;
   		-webkit-box-shadow: inset 0 0 3px 1px #0078d4;
   		box-shadow:         inset 0 0 3px 1px #0078d4;
	}
	.newTile p {
		float: left;
		clear:none;
		width:auto;
		text-align: left;
		font-size: 1.25rem;
		color:#333;
		line-height: 56px;
		padding:0 0 0 16px;
		margin:24px 0 0 0;
		vertical-align: middle;
	}
	#resumeBtn {
		text-decoration:none;
		position:absolute;
		top:36px;
		right:117px;
		font-size: 1.25rem;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 16px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: 98% 21px;
	}
	#resumeBtn:hover {
		background-image: url("../svg/linkCarrotsHover.svg");
		background-position: 100% 21px;
		color:#0093ed;
	}
	#processBtn {
		text-decoration:none;
		position:absolute;
		top:36px;
		right:0;
		font-size: 1.25rem;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 16px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: 98% 21px;
	}
	#processBtn:hover {
		background-image: url("../svg/linkCarrotsHover.svg");
		background-position: 100% 21px;
		color:#0093ed;
	}
	.tabBox {
		position:absolute;
		top:312px;
		left:0;
		width:100%;
		min-height: 340px;
		/*background-color:yellow;*/
	}
	.tabHead {
		display:inline-block;
		float:left;
		width:100%;
		height: 45px;
		/*background-color:orange;*/
		
	}
	.tabContent {
		display:inline-block;
		float:left;
		width:100%;
		min-height: 74px;
		/*background-color:blue;*/
	}
	.rule {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:22px;
		border-bottom:1px solid #ccc;
		z-index: 0;
	}
	.tab:nth-child(1) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px 0;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 6px 0 0 6px;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tab:nth-child(2) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px -5px;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 0;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tab:nth-child(3) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px -5px;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 0 6px 6px 0;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tabSelected {
		font-weight:bold !important;
		color:#fff !important;
		background-color:#0078d4 !important;
		border:1px solid #0078d4 !important;
	}
	#UX_workBox, #UI_workBox, #research_workBox {
		float:left;
		min-height: 200px;
		margin:20px 0 0 0;
		padding:0;
		/*background-color: yellow;*/
	}
	.pieceLink {
		text-decoration: none;
		float:left;
		font-size: 25px;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 16px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
	.pieceLink:hover {
		text-decoration: none;
		padding:0 20px 0 0;
		color:#0093ed;
		background-image: url("../svg/linkCarrotsHover.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
}
@media all and (min-width:680px) and (max-width:767px) {
	#PageOne {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height: 100%;
		background-image:url("../svg/ToolboxNarrow2023c.svg");
		background-size:768px auto;
		background-position: center top;
		background-repeat:no-repeat;
	}
	.page2 {
		display:block;
		width:100%;
		position:absolute;
		top:0;
		left:100%;
		bottom:0;
		margin:0;
		padding:0;
		background-color:#fff;
		background-image: url("../svg/Page2WedgeB.svg");
		background-repeat: no-repeat;
		background-size:768px auto;
		background-position: center top;
		z-index:1;
	}
	#contentOne {
		position:absolute;
		top:272px;
		left:0;
		margin-left:0;
		width:100%;
		min-height: 54px;
		text-align: center;
		/*background-color:rgba(149,110,11,.5);*/
	}
	.companyCol {
		float:left;
		width:240px;
		min-height:80px;
		margin:0 40px 32px 0;
		padding:0;
		/*background-color:yellow;*/
	}
	.companyCol:nth-child(2) {
		float:left;
		width:240px;
		min-height:80px;
		margin:0 0 32px 0;
		padding:0;
		/*background-color:yellow;*/
	}
	#UI_workBox .companyCol:nth-child(3) {
		float:left;
		clear:both;
		width:240px;
		min-height:80px;
		margin:0 0 40px 0;
		padding:0;
		/*background-color:orange;*/
	}
	.NameTitle {
		float:left;
		width:100%;
		text-align: center;
		font-size: 32px;
		color:#333;
		margin:-60px 0 16px 0;
		padding:0;
		font-weight: bold;
		/*letter-spacing: 1px;*/
	}
	.NameTitle span {display:inline-block;}
	.pageTitle {
		float:left;
		width:100%;
		text-align: center;
		font-size: 30px;
		color:#333;
		margin:0;
		padding:0;
		font-weight: bold;
		/*letter-spacing: 1px;*/
	}
	.pageTitle {display:none;}
	.meBox {
		position:absolute;
		top:12px;
		left:50%;
		margin:0 0 60px -308px;
		padding:0 0 60px 0;
		width:612px;
		min-height: 54px;
		padding-bottom:60px;
		/*background-color:yellow;*/
	}
	.qouteBrow {
		display:none;
		font-size: .9rem;
		font-weight: bold;
		color:#666;
		margin:0;
		padding:0;
	}	
	.qoute {
		display:none;
		font-size: 26px;
		color:#333;
		margin:0 0 28px 0;
		padding:0;
		line-height: 26px;
	}
	.overflow {display:inline-block}
	.newTile {
		float:left;
		width:100%;
		margin:0 0 -1px 0;
		padding:0;
		height:104px;
		border:1px solid #bbb;
		background-color:#fff;
		cursor: pointer;
		background-image: url("../svg/navCarrot.svg");
		background-repeat: no-repeat;
		background-size: 28px 20px;
		background-position: 98% center;
	}
	.newTile:hover {
		border:1px solid #0078d4;
		background-image: url("../svg/navCarrotBlue.svg");
		background-position: 99% center;
		-moz-box-shadow:    inset 0 0 3px 1px #0078d4;
   		-webkit-box-shadow: inset 0 0 3px 1px #0078d4;
   		box-shadow:         inset 0 0 3px 1px #0078d4;
	}
	.newTile p {
		float: left;
		clear:none;
		width:auto;
		text-align: left;
		font-size: 1.25rem;
		color:#333;
		line-height: 56px;
		padding:0 0 0 16px;
		margin:24px 0 0 0;
		vertical-align: middle;
	}
	#resumeBtn {
		text-decoration:none;
		position:absolute;
		top:154px;
		left:31%;
		font-size: 25px;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 16px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
	#resumeBtn:hover {
		background-image: url("../svg/linkCarrotsHover.svg");
		padding:0 20px 0 0;
		color:#0093ed;
	}
	#processBtn {
		text-decoration:none;
		position:absolute;
		top:154px;
		left:55%;
		font-size: 25px;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 16px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
	#processBtn:hover {
		background-image: url("../svg/linkCarrotsHover.svg");
		padding:0 20px 0 0;
		color:#0093ed;
	}
	.tabBox {
		position:absolute;
		top:304px;
		left:48px;
		right:48px;
		min-height: 340px;
		/*background-color:yellow;*/
	}
	.tabHead {
		display:inline-block;
		float:left;
		width:100%;
		height: 46px;
		text-align: left;
		/*background-color:orange;*/
		text-align:center;
	}
	.tabContent {
		display:inline-block;
		float:left;
		width:100%;
		min-height: 74px;
		/*background-color:blue;*/
	}
	.rule {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:22px;
		border-bottom:1px solid #ccc;
		z-index: 0;
	}
	.tab:nth-child(1) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px 0;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 6px 0 0 6px;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tab:nth-child(2) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px -5px;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 0;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tab:nth-child(3) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px -5px;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 0 6px 6px 0;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tabSelected {
		font-weight:bold !important;
		color:#fff !important;
		background-color:#0078d4 !important;
		border:1px solid #0078d4 !important;
	}
	#UX_workBox, #UI_workBox, #research_workBox {
		float:left;
		min-height: 200px;
		margin:20px 0 0 10%;
		padding:0;
		width:90%;
		/*background-color: yellow;*/
	}
	.pieceLink {
		text-decoration: none;
		float:left;
		font-size: 25px;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 16px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
	.pieceLink:hover {
		text-decoration: none;
		padding:0 20px 0 0;
		color:#0093ed;
		background-image: url("../svg/linkCarrotsHover.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
}
@media all and (min-width:460px) and (max-width:679px) {
	#PageOne {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height: 100%;
		background-image:url("../svg/ToolboxNarrow2023c.svg");
		background-size:684px auto;
		background-position: center top;
		background-repeat:no-repeat;
	}
	.page2 {
		display:block;
		width:100%;
		position:absolute;
		top:0;
		left:100%;
		bottom:0;
		margin:0;
		padding:0;
		background-color:#fff;
		background-image: url("../svg/Page2WedgeB.svg");
		background-repeat: no-repeat;
		background-size:684px auto;
		background-position: center top;
		z-index:1;
	}
	#contentOne {
		position:absolute;
		/*top:272px;*/
		top:236px;
		left:0;
		margin-left:0;
		width:100%;
		min-height: 54px;
		text-align: center;
		/*background-color:rgba(149,110,11,.5);*/
	}
	.companyCol {
		float:left;
		width:240px;
		min-height:80px;
		margin:0 40px 40px 0;
		padding:0;
		/*background-color:yellow;*/
	}
	.companyCol:nth-child(2) {
		float:left;
		width:240px;
		min-height:80px;
		margin:0 0 40px 0;
		padding:0;
		/*background-color:yellow;*/
	}
	#UI_workBox .companyCol:nth-child(3) {
		float:left;
		clear:both;
		width:240px;
		min-height:80px;
		margin:0 0 40px 0;
		padding:0;
		/*background-color:orange;*/
	}
	.NameTitle {
		float:left;
		width:100%;
		text-align: center;
		font-size: 26px;
		color:#333;
		margin:-52px 0 16px 0;
		padding:0;
		font-weight: bold;
		/*letter-spacing: 1px;*/
	}
	.NameTitle span {display:inline-block;}
	.pageTitle {
		float:left;
		width:100%;
		text-align: center;
		font-size: 30px;
		color:#333;
		margin:0;
		padding:0;
		font-weight: bold;
		/*letter-spacing: 1px;*/
	}
	.pageTitle {display:none;}
	.meBox {
		position:absolute;
		top:12px;
		left:24px;
		right:24px;
		min-height: 54px;
		padding:0 0 60px 0;
		padding-bottom:60px;
	}
	.qouteBrow {
		display:none;
		font-size: .9rem;
		font-weight: bold;
		color:#666;
		margin:0;
		padding:0;
	}	
	.qoute {
		display:none;
		font-size: 26px;
		color:#333;
		margin:0;
		padding:0;
		line-height: 26px;
	}
	.overflow {display:none}
	.newTile {
		float:left;
		width:100%;
		margin:0 0 -1px 0;
		padding:0;
		height:104px;
		border:1px solid #bbb;
		background-color:#fff;
		cursor: pointer;
		background-image: url("../svg/navCarrot.svg");
		background-repeat: no-repeat;
		background-size: 28px 20px;
		background-position: 98% center;
	}
	.newTile:hover {
		border:1px solid #0078d4;
		background-image: url("../svg/navCarrotBlue.svg");
		background-position: 99% center;
		-moz-box-shadow:    inset 0 0 3px 1px #0078d4;
   		-webkit-box-shadow: inset 0 0 3px 1px #0078d4;
   		box-shadow:         inset 0 0 3px 1px #0078d4;
	}
	.newTile p {
		float: left;
		clear:none;
		width:auto;
		text-align: left;
		font-size: 1.25rem;
		color:#333;
		line-height: 56px;
		padding:0 0 0 16px;
		margin:24px 0 0 0;
		vertical-align: middle;
	}
	#resumeBtn {
		text-decoration:none;
		position:absolute;
		top:144px;
		left:27.5%;
		font-size: 25px;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 16px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
	#resumeBtn:hover {
		background-image: url("../svg/linkCarrotsHover.svg");
		padding:0 20px 0 0;
		color:#0093ed;
	}
	#processBtn {
		text-decoration:none;
		position:absolute;
		top:144px;
		left:55%;
		font-size: 25px;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 16px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
	#processBtn:hover {
		background-image: url("../svg/linkCarrotsHover.svg");
		padding:0 20px 0 0;
		color:#0093ed;
	}
	.tabBox {
		position:absolute;
		top:292px;
		left:48px;
		right:48px;
		min-height: 340px;
		/*background-color:yellow;*/
	}
	.tabHead {
		display:inline-block;
		float:left;
		width:100%;
		height: 46px;
		text-align: left;
		/*background-color:orange;*/
		text-align:center;
	}
	.tabContent {
		display:inline-block;
		float:left;
		width:100%;
		min-height: 74px;
		/*background-color:blue;*/
	}
	.rule {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:22px;
		border-bottom:1px solid #ccc;
		z-index: 0;
	}
	.tab:nth-child(1) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px 0;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 6px 0 0 6px;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tab:nth-child(2) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px -5px;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 0;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tab:nth-child(3) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px -5px;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 0 6px 6px 0;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tabSelected {
		font-weight:bold !important;
		color:#fff !important;
		background-color:#0078d4 !important;
		border:1px solid #0078d4 !important;
	}
	#UX_workBox, #UI_workBox, #research_workBox {
		float:left;
		min-height: 200px;
		margin:20px 0 0 23%;
		padding:0;
		width:73%;
		/*background-color: yellow;*/
	}
	.pieceLink {
		text-decoration: none;
		float:left;
		font-size: 25px;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 16px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
	.pieceLink:hover {
		text-decoration: none;
		padding:0 20px 0 0;
		color:#0093ed;
		background-image: url("../svg/linkCarrotsHover.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
}
@media all and (min-width:360px) and (max-width:459px) {
	#PageOne {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height: 100%;
		background-image:url("../svg/ToolboxNarrow2023c.svg");
		background-size:500px auto;
		background-position: center top;
		background-repeat:no-repeat;
	}
	.page2 {
		display:block;
		width:100%;
		position:absolute;
		top:0;
		left:100%;
		bottom:0;
		margin:0;
		padding:0;
		background-color:#fff;
		background-image: url("../svg/Page2WedgeB.svg");
		background-repeat: no-repeat;
		background-size:500px auto;
		background-position: center top;
		z-index:1;
	}
	#contentOne {
		position:absolute;
		top:160px;
		left:0;
		margin-left:0;
		width:100%;
		min-height: 54px;
		text-align: center;
		/*background-color:rgba(149,110,11,.5);*/
	}
	.companyCol {
		float:left;
		width:272px;
		min-height:80px;
		margin:0 0 48px 0;
		padding:0;
		/*background-color:yellow;*/
		text-align: center;
	}
	.NameTitle {
		float:left;
		width:100%;
		text-align: center;
		font-size: 23px;
		color:#333;
		margin:-28px 0 12px 0;
		padding:0;
		font-weight: bold;
		/*letter-spacing: 1px;*/
	}
	.NameTitle span {display:inline-block;}
	.pageTitle {
		float:left;
		width:100%;
		text-align: center;
		font-size: 25px;
		color:#333;
		margin:0;
		padding:0;
		font-weight: bold;
		/*letter-spacing: 1px;*/
	}
	.pageTitle {display:none;}
	.meBox {
		position:absolute;
		top:28px;
		left:24px;
		right:24px;
		min-height: 54px;
		margin:0 0 60px 0;
		padding:0 0 60px 0;
		padding-bottom:60px;
		/*background-color:yellow;*/
	}
	.qouteBrow {
		display:none;
		font-size: .9rem;
		font-weight: bold;
		color:#666;
		margin:0;
		padding:0;
	}	
	.qoute {
		display:none;
		font-size: 26px;
		color:#333;
		margin:0 0 24px 0;
		padding:0;
		line-height: 26px;
	}
	.overflow {display:none}
	
	.newTile {
		float:left;
		width:100%;
		margin:0 0 -1px 0;
		padding:0;
		height:80px;
		border:1px solid #bbb;
		background-color:#fff;
		cursor: pointer;
		background-image: url("../svg/navCarrot.svg");
		background-repeat: no-repeat;
		background-size: 28px 20px;
		background-position: 98% center;
	}
	.newTile:hover {
		border:1px solid #0078d4;
		background-image: url("../svg/navCarrotBlue.svg");
		background-position: 99% center;
		-moz-box-shadow:    inset 0 0 3px 1px #0078d4;
   		-webkit-box-shadow: inset 0 0 3px 1px #0078d4;
   		box-shadow:         inset 0 0 3px 1px #0078d4;
	}
	.newTile p {
		float: left;
		clear:none;
		width:auto;
		text-align: left;
		font-size: 23px;
		color:#333;
		line-height: 80px;
		padding:0 0 0 16px;
		margin:0;
		vertical-align: middle;
		border-left:none;
	}
	
	#resumeBtn {
		text-decoration:none;
		position:absolute;
		top:120px;
		left:24px;
		font-size: 25px;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 16px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
	#resumeBtn:hover {
		background-image: url("../svg/linkCarrotsHover.svg");
		padding:0 20px 0 0;
		color:#0093ed;
	}
	#processBtn {
		text-decoration:none;
		position:absolute;
		top:120px;
		right:24px;
		font-size: 25px;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 16px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
	#processBtn:hover {
		background-image: url("../svg/linkCarrotsHover.svg");
		padding:0 20px 0 0;
		color:#0093ed;
	}
	.tabBox {
		position:absolute;
		top:248px;
		left:40px;
		right:40px;
		min-height: 340px;
		/*background-color:yellow;*/
	}
	.tabHead {
		display:inline-block;
		float:left;
		width:100%;
		height: 49px;
		/*background-color:orange;*/
		text-align: center;
	}
	.tabContent {
		display:inline-block;
		float:left;
		width:100%;
		min-height: 74px;
		/*background-color:blue;*/
	}
	.rule {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:22px;
		border-bottom:1px solid #ccc;
		z-index: 0;
	}
	.tab:nth-child(1) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px 0;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 6px 0 0 6px;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tab:nth-child(2) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px -5px;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 0;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tab:nth-child(3) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px -5px;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 0 6px 6px 0;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tabSelected {
		font-weight:bold !important;
		color:#fff !important;
		background-color:#0078d4 !important;
		border:1px solid #0078d4 !important;
	}

	.pieceLink {
		text-decoration: none;
		float:left;
		font-size: 25px;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 16px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
	.pieceLink:hover {
		text-decoration: none;
		padding:0 20px 0 0;
		color:#0093ed;
		background-image: url("../svg/linkCarrotsHover.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
}

@media all and (max-width:359px) {
	#PageOne {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height: 100%;
		background-image:url("../svg/ToolboxNarrow2023c.svg");
		background-size:500px auto;
		background-position: center -6px;
		background-repeat:no-repeat;
	}
	.page2 {
		display:block;
		width:100%;
		position:absolute;
		top:0;
		left:100%;
		bottom:0;
		margin:0;
		padding:0;
		background-color:#fff;
		background-image: url("../svg/Page2WedgeB.svg");
		background-repeat: no-repeat;
		background-size:500px auto;
		background-position: center -6px;
		z-index:1;
	}
	#contentOne {
		position:absolute;
		top:168px;
		left:0;
		margin-left:0;
		width:100%;
		min-height: 54px;
		text-align: center;
		/*background-color:rgba(149,110,11,.5);*/
	}
	.companyCol {
		float:left;
		width:272px;
		min-height:80px;
		margin:0 44px 44px 0;
		padding:0;
		/*background-color:yellow;*/
	}
	.NameTitle {
		float:left;
		width:100%;
		text-align: center;
		font-size: 20px;
		color:#333;
		margin:-40px 0 12px 0;
		padding:0;
		font-weight: bold;
		/*letter-spacing: 1px;*/
	}
	.NameTitle span {display:inline-block;}
	.pageTitle {
		float:left;
		width:100%;
		text-align: center;
		font-size: 25px;
		color:#333;
		margin:0;
		padding:0;
		font-weight: bold;
		/*letter-spacing: 1px;*/
	}
	.pageTitle {display:none;}
	.meBox {
		position:absolute;
		top:8px;
		left:20px;
		right:20px;
		min-height: 54px;
		margin:0 0 60px 0;
		padding:0 0 60px 0;
		padding-bottom:60px;
	}
	.qouteBrow {
		display:none;
		font-size: .9rem;
		font-weight: bold;
		color:#666;
		margin:-12px 0 0 0;
		padding:0;
	}	
	.qoute {
		display:none;
		font-size: 26px;
		color:#333;
		margin:0 0 20px 0;
		padding:0;
		line-height: 26px;
	}
	.overflow {display:none}
	
	.newTile {
		float:left;
		width:100%;
		margin:0 0 -1px 0;
		padding:0;
		height:80px;
		border:1px solid #bbb;
		background-color:#fff;
		cursor: pointer;
		background-image: url("../svg/navCarrot.svg");
		background-repeat: no-repeat;
		background-size: 28px 20px;
		background-position: 98% center;
	}
	.newTile:hover {
		border:1px solid #0078d4;
		background-image: url("../svg/navCarrotBlue.svg");
		background-position: 99% center;
		-moz-box-shadow:    inset 0 0 3px 1px #0078d4;
   		-webkit-box-shadow: inset 0 0 3px 1px #0078d4;
   		box-shadow:         inset 0 0 3px 1px #0078d4;
	}
	.newTile p {
		float: left;
		clear:none;
		width:auto;
		text-align: left;
		font-size: 20px;
		color:#333;
		line-height: 80px;
		padding:0 0 0 16px;
		margin:0;
		vertical-align: middle;
		border-left:none;
	}
	
	#resumeBtn {
		text-decoration:none;
		position:absolute;
		top:116px;
		left:20px;
		font-size: 25px;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 16px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
	#resumeBtn:hover {
		background-image: url("../svg/linkCarrotsHover.svg");
		padding:0 20px 0 0;
		color:#0093ed;
	}
	#processBtn {
		text-decoration:none;
		position:absolute;
		top:116px;
		right:20px;
		font-size: 25px;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 16px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
	#processBtn:hover {
		background-image: url("../svg/linkCarrotsHover.svg");
		padding:0 20px 0 0;
		color:#0093ed;
	}
	.tabBox {
		position:absolute;
		top:204px;
		left:28px;
		right:28px;
		min-height: 340px;
		/*background-color:yellow;*/
	}
	.tabHead {
		display:inline-block;
		float:left;
		width:100%;
		height: 48px;
		/*background-color:orange;*/
		
	}
	.tabContent {
		display:inline-block;
		float:left;
		width:100%;
		min-height: 74px;
		/*background-color:blue;*/
	}
	.rule {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:22px;
		border-bottom:1px solid #ccc;
		z-index: 0;
	}
	.tab:nth-child(1) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px 0;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 6px 0 0 6px;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tab:nth-child(2) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px -5px;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 0;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tab:nth-child(3) {
		display:inline-block;
		position: relative;
		left:0;
		top:0;
		margin:0 0 16px -5px;
		padding:8px 16px 9px 16px;
		color:#0078d4;
		font-weight: bold;
		font-size: 20px;
		border-radius: 0 6px 6px 0;
		background-color:#fff;
		border:1px solid #0078d4;
		z-index: 1;
	}
	.tabSelected {
		font-weight:bold !important;
		color:#fff !important;
		background-color:#0078d4 !important;
		border:1px solid #0078d4 !important;
	}
	#UX_workBox, #UI_workBox, #research_workBox {
		float:left;
		min-height: 200px;
		margin:20px 0 0 0;
		padding:0;
		/*background-color: yellow;*/
	}
	.pieceLink {
		text-decoration: none;
		float:left;
		font-size: 25px;
		color:#0078d4;
		font-weight: normal;
		margin:0;
		padding:0 16px 0 0;
		line-height: 54px; 
		cursor: pointer; 
		background-image: url("../svg/linkCarrots.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
	.pieceLink:hover {
		text-decoration: none;
		padding:0 20px 0 0;
		color:#0093ed;
		background-image: url("../svg/linkCarrotsHover.svg");
		background-repeat: no-repeat;
		background-size: 10px 16px;
		background-position: right 21px;
	}
}

@media all and (min-width:411px) and (max-width:499px) {
	#UX_workBox, #UI_workBox, #research_workBox {
		float:left;
		min-height: 200px;
		margin:20px 0 0 15%;
		padding:0;
		width:72%;
		/*background-color: yellow;*/
	}
}
@media all and (min-width:375px) and (max-width:410px) {
	#UX_workBox, #UI_workBox, #research_workBox {
		float:left;
		min-height: 200px;
		margin:20px 0 0 12%;
		padding:0;
		width:78%;
		/*background-color: yellow;*/
	}
}
@media all and (min-width:360px) and (max-width:374px) {
	#UX_workBox, #UI_workBox, #research_workBox {
		float:left;
		min-height: 200px;
		margin:20px 0 0 10%;
		padding:0;
		width:90%;
		/*background-color: yellow;*/
	}
}
@media all and (min-width:320px) and (max-width:359px) {
	#UX_workBox, #UI_workBox, #research_workBox {
		float:left;
		min-height: 200px;
		margin:20px 0 0 7.5%;
		padding:0;
		width:92%;
		/*background-color: yellow;*/
	}
}
@media all and (max-width:319px) {
	#UX_workBox, #UI_workBox, #research_workBox {
		float:left;
		min-height: 200px;
		margin:20px 0 0 4%;
		padding:0;
		width:96%;
		/*background-color: yellow;*/
	}
}



/*-------------------Page Two-------------------------------------*/

.docHead {
	width:108%;
	height:4rem;
	background-color:#333;
	color:#ccc;
	line-height: 4rem;
	text-align: left;
	margin-left:-4%;
	text-indent: 4%;
	font-size:1rem;
}