@charset "UTF-8";
/* CSS Document */
/* Joshua Wetstone portfolio site 2015 */

body{
	background-color:#fafafa;
	margin:0px auto;
	overflow-x:hidden;
	padding:0px;
	position:relative;
	z-index:-10000;
}
.bodyWrapper{
}
.pageFader{
	background-color:#fafafa;
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:7000;
}

/*-------------------------
	Josh's PROGRESS BAR
--------------------------*/
#progressIncData{
	background:url(../img/progressIncData.png);
	background-repeat:repeat-y;
	opacity:0;
	height:4px;
	width:200px;
	position: fixed;
	top:0;
	right:-200;
	z-index:10000;
}
#progressComplete{
	background-color:#5599ff;
	opacity:0.0;
	height:4px;
	width:75%;
	position: fixed;
	top:0;
	left:0;
	z-index:9000;
}

/*-------------------------
		  OVERLAY
--------------------------*/
.overlay{
	height:100%;
	width:100%;
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:2000;
}
.overlayBG{
	background:url(../img/overlayBG.png);
	background-repeat:repeat;
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2020;
}
.overlayDimmer{
	background-color:#fafafa;
	opacity:0.65;
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2010;
}
.overlayXBtn{
	background:url(../img/overlayXBtn.png);
	background-repeat:no-repeat;
	height:121px;
	width:121px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:2990;
}
.overlayXBtn:hover{
	background-position:0px -121px;
	cursor:pointer;
}

/*-------------------------
		HERO OVERLAY
--------------------------*/
.heroOverlay{
	height:100%;
	width:100%;
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:4000;
}
.heroOverlayBG{
	background:url(../img/overlayBG.png);
	background-repeat:repeat;
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:4020;
}
.heroOverlayDimmer{
	background-color:#fafafa;
	opacity:0.65;
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:4010;
}
.heroOverlayXBtn{
	background:url(../img/overlayXBtn.png);
	background-repeat:no-repeat;
	height:121px;
	width:121px;
	position:fixed;
	top:0px;
	right:0px;
	z-index:4990;
}
.heroOverlayXBtn:hover{
	background-position:0px -121px;
	cursor:pointer;
}
.heroOverlayImg{
	cursor:not-allowed;
	position:absolute;
	top:0px;
	left:0px;
	margin-bottom:61px;
	z-index:4100;
	
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
}
.redErrorWrapper{
	background:#F00;
	position:absolute;
	top:61px;
	left:0px;
	z-index:4090;
}
.heroOverlayVideo{
	position:absolute;
	top:61px;
	left:0px;
	margin-bottom:61px;
	z-index:4100;
}

iframe{
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
}

/*-------------------------
		   HEADER
--------------------------*/
#header{
	backface-visibility: hidden; /* this fixes the laggy FIXED elements when the user scrolls –––> http://benfrain.com/improving-css-performance-fixed-position-elements/	*/
	background-image:url(../img/headerBG.png);
	background-repeat:repeat-x;
	height:60px;
	overflow:hidden;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:1000;
}
#headerLogo{
	background-image:url(../img/headerLogo.png);
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	height:60px;
	margin-left:40px;
	width:205px;
	margin-right:95px;
}
#headerTitle{
	color:#778899;
	height:60px;
	float:left;
	font-family: 'Titillium Web', sans-serif;
	font-size:16px;
	font-weight:200;
	letter-spacing:1px;
	line-height:60px;
	margin:0px auto;
	text-align:center;
	width:500px;
	
	opacity:0.0;
}
#headerNavBox{
	float:right;
	height:60px;
	line-height:60px;
	overflow:hidden;
	margin-right:40px;
	width:300px;
	
	/* make it so user cant select / hilight txt */
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.headerNavItem{
	color:#556677;
	float:right;
	font-family: 'Titillium Web', sans-serif;
	font-size:13px;
	font-weight:400;
	letter-spacing:1px;
	height:60px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.headerNavItem:hover{
	cursor:pointer;
	text-decoration:underline;
}
.headerNavItemActive{
	color:#5599ff;
	float:right;
	font-family: 'Titillium Web', sans-serif;
	font-size:13px;
	font-weight:600;
	letter-spacing:1px;
	height:60px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.headerNavItemActive:hover{
	cursor:pointer;
	text-decoration:underline;
}
.headerNavSpacer{
	float:right;
	height:60px;
	width:60px;
}

/*-------------------------
			DOCK
--------------------------*/
#dockFader{
	backface-visibility: hidden; /* this fixes the laggy FIXED elements when the user scrolls */
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:900;
	
	height:33.33%;
	width:100%;
	opacity: 0.8;
	
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
#dockDimmer{
	background-color:#FFF;
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:905;
	
	height:100%;
	width:100%;
	opacity: 0.50;
}
#keysHint{
	position:fixed;
	bottom:40px;
	right:40px;
	z-index:909;
	
	background:url(../img/keysAnim.gif);
	background-repeat:no-repeat;
	background-color:rgba(17, 34, 51);
	background-color:rgba(17, 34, 51, 0.85);
	
	height:201px;
	width:201px;
}
#keysXBtnBB{
	height:40px;
	width:201px;
	cursor:pointer;
	
	color:#556677;
}
#keysXBtnBB:hover{
	color:#b0b8bf;
}
#keysXBtnTxt{
	float:left;
	height:40px;
	line-height:40px;
	width:153px;
	margin-right:8px;
	
	font-family: 'Titillium Web', sans-serif;
	font-weight:700;
	font-size:10px;
	letter-spacing:0.0px;
	
	text-align:right;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#keysXBtn{
	float:right;
	height:40px;
	width:40px;
	
	background:url(../img/keysXbtn.png);
	background-repeat:no-repeat;
	cursor:pointer;
}
#keysTxt{
	height:44px;
	line-height:44px;
	margin-bottom:10px;
	width:201px;
	
	font-family: 'Titillium Web', sans-serif;
	font-weight:200;
	font-size:15px;
	letter-spacing:0.5px;
	color:#ffffff;
	text-align:center;
	/* -webkit-font-smoothing: antialiased; */
}
/* DOCK */
#dock{
	backface-visibility: hidden; /* this fixes the laggy FIXED elements when the user scrolls */
	position:fixed;
	bottom:0px;
	left:0;
	z-index:3000;
	
	height:100px;
	width:400px;
	
	background-color:#e4e4e4;
}
#dockDiscovered{
	position:absolute;
	top:-58px;
	left:0px;
	z-index:3070;
}
.dockDiscoveredTxt{
	background:rgba(17, 34, 51);
	background:rgba(17, 34, 51, 0.85);
	height:42px;
	line-height:42px;
	padding:0px 17px;
	
	font-family: 'Titillium Web', sans-serif;
	font-weight:600;
	font-size:12px;
	letter-spacing:0.5px;
	color:#ffffff;
	text-align:center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#dockSelected{
	background:url(../img/dockSelected.png);
	background-repeat:no-repeat;
	height:100px;
	width:100px;
	
	position:absolute;
	top:0px;
	left:0px;
	z-index:3050;
	
	cursor:pointer;
}
.dockItemActive{
	background-color:#FFF;
}
.dockItem{
}
.dockItem:hover{
	cursor:pointer;
}
.dockItemImg{
	float:left;
	overflow:hidden;
	height:100px;
	width:100px;
	/* make img BW */
	/* -webkit-filter: grayscale(100%);
	filter: grayscale(100%); */
}
.dockItemImg:hover{
	background-color:#FFF;
	
	/* remove BW on hover */
	/* -webkit-filter:blur(0px);
	filter:blur(0px); */
}
.dockItemImgHover{
	background-color:#FFF;
}
#dockItemImg1{
	background-image:url(../img/dockItemADC.png);
	background-repeat:no-repeat;
}
#dockItemImg2{
	background-image:url(../img/dockItemPD.png);
	background-repeat:no-repeat;
}
#dockItemImg3{
	background-image:url(../img/dockItemUFC.png);
	background-repeat:no-repeat;
}
#dockItemImg4{
	background-image:url(../img/dockItemBOTR.png);
	background-repeat:no-repeat;
}
.dockItemTT{
	height:69px;
	position:absolute;
	top:-76px;
	left:0px;
	z-index:3060;
}
.dockItemTxt{
	background:rgba(17, 34, 51);
	background:rgba(17, 34, 51, 0.85);
	height:60px;
	padding:0px 17px;
	
	font-family: 'Titillium Web', sans-serif;
	font-weight:300;
	font-size:15px;
	line-height:15px;
	letter-spacing:0.2px;
	color:#ffffff;
	text-align:center;
	/* -webkit-font-smoothing: antialiased; */
	
	white-space: nowrap;
}
.dockItemTxtSub{
	margin-top:2px;
		
	font-weight:600;
	font-size:10px;
	letter-spacing:0.3px;
	color:#b0b8bf;
	text-transform:uppercase;
	/* -webkit-font-smoothing: antialiased; */
}
.dockItemArw{
	background:url(../img/dockItemArw.png);
	background-repeat:no-repeat;
	height:9px;
	width:15px;
	margin:0px auto;
}
#dockItemTT1{
	z-index:3061;
}
#dockItemTT2{
	z-index:3062;
}
#dockItemTT3{
	z-index:3063;
}
#dockItemTT4{
	z-index:3064;
}

/* DOCK LABS */
#dockLabBB{
	position:absolute;
	top:200px;
	left:0px;
	z-index:3080;
	width:800px;
}
.dockLab{
	float:left;
	padding-top:23px;
	margin-left:20px;
	margin-right:20px;
	width:160px;
	
	cursor:pointer;
	opacity:0.5;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
	
	font-family: 'Titillium Web', sans-serif;
	font-weight:400;
	font-size:15px;
	line-height:15px;
	letter-spacing:0.2px;
	color:#ffffff;
	text-align:center;
	/* -webkit-font-smoothing: antialiased; */
}
.dockLab:hover{
	opacity:1.0;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
	}
.dockLabHover{
	opacity:1.0;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
.dockLabActive{
	float:left;
	margin-top:23px;
	margin-left:20px;
	margin-right:20px;
	width:160px;
	
	opacity:1.0;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
	
	font-family: 'Titillium Web', sans-serif;
	font-weight:600;
	font-size:15px;
	line-height:15px;
	letter-spacing:0.1px;
	color:#ffffff;
	text-align:center;
	/* -webkit-font-smoothing: antialiased; */
}
.dockLabSub{
	margin-top:2px;
	
	font-weight:700;
	font-size:10px;
	letter-spacing:0.3px;
	color:#b0b8bf;
	text-transform:uppercase;
	/* -webkit-font-smoothing: antialiased; */
}

/*-------------------------
		   ABOUT
--------------------------*/
#abtBG{
	backface-visibility: hidden; /* this fixes the laggy FIXED elements when the user scrolls */
	height:1160px;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1100;
	
	/* stretch & crop BG img */
	background:url(../img/heroABT_BG_100.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}
#abtClientsBG{
	backface-visibility: hidden; /* this fixes the laggy FIXED elements when the user scrolls */
	background-color:#fafafa;
	height:893px;
	width:100%;
	position:absolute;
	top:2997px;
	left:0px;
	z-index:-900;
}
#abtPlatonicL{
	background:url(../img/abtPlatonic01.jpg);
	background-repeat:no-repeat;
	height:470px;
	width:555px;
	position:absolute;
	top:3740px;
	left:0px;
	z-index:-800;
}
#abtPlatonicR{
	background:url(../img/abtPlatonic02.jpg);
	background-repeat:no-repeat;
	height:485px;
	width:555px;
	position:absolute;
	top:3725px;
	right:0px;
	z-index:-800;
}

/*-------------------------
		    PROJ
--------------------------*/
#proj1{
	position:relative;
	left:0px;
	top:0px;
}
#proj2{
	position:relative;
	left:0px;
	top:0px;
}
#proj3{
	position:relative;
	left:0px;
	top:0px;
}
#proj4{
	position:relative;
	left:0px;
	top:0px;
}
.projFooter{
	margin-top:39px;
	width:1600px;
	height:40px;
	line-height:40px;
	
	color:#778899;
	font-family: 'Titillium Web', sans-serif;
	font-size:11px;
	font-weight:600;
	letter-spacing:0.5px;
	text-align:center;
	text-transform:uppercase;
	/* -webkit-font-smoothing: antialiased; */
	
	opacity: 0.00;
}

/*-------------------------
			HERO
--------------------------*/
.heroBG{
	backface-visibility: hidden; /* this fixes the laggy FIXED elements when the user scrolls */
	height:1160px;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1100;
	
	/* stretch & crop BG img */
	background:url(../img/heroBOTR_BG.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.hero{
	height:1020px;
	margin:0px auto;
	position:relative;
	top:60px;
	width:1600px;
}
.heroImg{
	background-position:center;
	height:860px;
	width:1600px;
}
.heroTxt{
	float:none;
	font-family: 'Titillium Web', sans-serif;
	height:160px;
	margin:0px auto;
	width:1210px;
	
	/* horz center hack */
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex; 
		display: flex;
	
		-webkit-align-items: center;
	   align-items: center;
	   -webkit-justify-content: center;
	   justify-content: center;
}
.heroTxtSpacer{
	float:left;
	height:160px;
	width:80px;
}
.heroStat{
	color:#b0b8bf;
	float:left;
	height:160px;
	font-size:11px;
	font-weight:600;
	line-height:160px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.heroStatProject{
	color:#5599ff;
	float:left;
	height:160px;
	font-size:30px;
	font-weight:400;
	line-height:160px;
	margin-left:10px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	/* text gradient hack */
	background: -webkit-linear-gradient(left, #5599ff, #4db2e6);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
}
.heroStatClient{
	color:#778899;
	float:left;
	height:160px;
	font-size:20px;
	font-weight:300;
	line-height:160px;
	margin-left:5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.heroStatRole{
	color:#778899;
	float:left;
	height:160px;
	font-size:20px;
	font-weight:300;
	line-height:160px;
	margin-left:5px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#heroImgADCHover{
	height:283px;
	width:453px;
	position:absolute;
	top:416px;
	left:710px;
	z-index:10;
	
	opacity:0.0;
	cursor:pointer;
	background:url(../img/heroADC_Hover.jpg);
	background-repeat:no-repeat;
}
#heroImgADCHover:hover{
}
.heroImgPlayCTA{
	cursor:pointer;
	height:130px;
	width:130px;
	position:absolute;
	z-index:10;
	
	background:url(../img/heroPlayCTA2.png) center center;
	background-repeat:no-repeat;
	background-size:77%;
}
#heroImgPlayPD{
	top:300px;
	left:734px;
}
#heroImgPlayUFC{
	top:360px;
	left:735px;
}
#heroTxtBOTR{
	width:1600px;
	margin-top:-14px;
	margin-left:auto;
	margin-right:auto;
	
	color:#FFF;
	font-family: 'Titillium Web', sans-serif;
	font-weight:200;
	font-size:100px;
	letter-spacing:2px;
	text-align:center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#heroTxtSubBOTR{
	margin-top:31px;
	opacity:0.85;
	font-weight:400;
	font-size:24px;
	letter-spacing:1px;
}
#heroArwBOTR{
	background:url(../img/heroBOTR_Arw.png) center center;
	background-repeat:no-repeat;
	background-size:75%;
	cursor:pointer;
	height:80px;
	width:80px;
	margin:0px auto;
	position:relative;
	top:439px;
	left:0;
	right:0;
	z-index:100;
}

/* --------------- ABT HERO CONTENT--------------- */

#abtHero{
	height:1079px;
	width:1600px;
	
	color:#FFF;
	font-family: 'Titillium Web', sans-serif;
	text-align:center;
}
#abtGrid{
	margin-top:-230px;
	height:2000px;
	z-index:400;
}
#abtHeroIcn{
	background:url(../img/icnABT.png);
	background-repeat:no-repeat;
	height:68px;
	width:60px;
	margin-top:227px;
	margin-left:auto;
	margin-right:auto;
}
#abtHeroTxtMain{
	margin-top:108px;
	
	font-weight:300;
	font-size:36px;
	letter-spacing:1.00px;
	line-height:48px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#abtHeroTxtSub{
	margin-top:54px;
	
	font-weight:400;
	font-size:16px;
	letter-spacing:0.75px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	opacity:0.65;
}
.emailBtn{
	margin-top:91px;
	position:relative;
}
.emailBtnTT{
	position:absolute;
	bottom:67px;
	left:0px;
	right:0px;
}
.emailBtnTTTxt{
	background:rgba(17, 34, 51);
	background:rgba(17, 34, 51, 0.85);
	padding:14px 17px;
	display:inline-block;
	
	font-family: 'Titillium Web', sans-serif;
	font-weight:300;
	font-size:15px;
	letter-spacing:0.2px;
	color:#ffffff;
	text-align:center;
	/* -webkit-font-smoothing: antialiased; */
}
.icnCheck{
	background:url(../img/icnCheck.png);
	background-repeat:no-repeat;
	height:9px;
	width:13px;
	float:left;
	margin-top:5px;
	margin-right:5px;
}
.emailBtnTTArw{
	background:url(../img/dockItemArw.png);
	background-repeat:no-repeat;
	height:9px;
	width:15px;
	margin:0px auto;
}
.emailBtnBG{
	background-color:#5599ff;
	height:60px;
	line-height:60px;
	width:320px;
	margin-left:auto;
	margin-right:auto;
	
	cursor:pointer;
	
	border-radius: 30px; 
	-moz-border-radius: 30px; 
	-webkit-border-radius: 30px; 
	border: 0px solid #000000;
	
	font-weight:200;
	font-size:16px;
	letter-spacing:0.75px;
	/*-webkit-font-smoothing: antialiased;*/
}
#copy-button1{
	background-color:#5599ff;
	height:60px;
	line-height:60px;
	width:320px;
	margin-left:auto;
	margin-right:auto;

	cursor:pointer;
	display:block;	
	
	border-radius: 30px; 
	-moz-border-radius: 30px; 
	-webkit-border-radius: 30px; 
	border: 0px solid #000000;
	
	color:#FFF;
	font-weight:200;
	font-size:16px;
	letter-spacing:0.75px;
	/*-webkit-font-smoothing: antialiased;*/
}
#copy-button2{
	background-color:#5599ff;
	height:60px;
	line-height:60px;
	width:320px;
	margin-left:auto;
	margin-right:auto;

	cursor:pointer;
	display:block;	
	
	border-radius: 30px; 
	-moz-border-radius: 30px; 
	-webkit-border-radius: 30px; 
	border: 0px solid #000000;
	
	color:#FFF;
	font-family: 'Titillium Web', sans-serif;
	font-weight:200;
	font-size:16px;
	letter-spacing:0.75px;
	text-align:center;
	/*-webkit-font-smoothing: antialiased;*/	
}
#abtSM{
	height:40px;
	width:180px;
	margin-top:120px;
	margin-left:auto;
	margin-right:auto;
}
.abtSMItem{
	background-repeat:no-repeat;
	height:40px;
	width:40px;
	float:left;
	cursor:pointer;
}
#abtSM1{
	background:url(../img/smLinkedIn.png);
	margin-right:30px;
}
#abtSM1:hover{
	background-position:0 -40px;
}
#abtSM2{
	background:url(../img/smDribbble.png);
	margin-right:30px;
}
#abtSM2:hover{
	background-position:0 -40px;
}
#abtSM3{
	background:url(../img/smVimeo.png);
}
#abtSM3:hover{
	background-position:0 -40px;
}

/* --------------- ABT GRID CONTENT--------------- */

.abtQuote{
	background:url(../img/abtQuote.jpg);
	background-repeat:no-repeat;
	height:20px;
	width:24px;
	margin-left:auto;
	margin-right:auto;
	margin-top:93px;
}
.abtQuoteTxt{
	font-weight:200;
	font-size:36px;
	margin-top:39px;
}
.abtQuoteSig{
	margin-top:19px;
	
	/* horz center hack */
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex; 
		display: flex;
	
		-webkit-align-items: center;
	   align-items: center;
	   -webkit-justify-content: center;
	   justify-content: center;
}
.abtQuoteDash{
	background:url(../img/abtQuoteDash.jpg);
	background-repeat:no-repeat;
	height:1px;
	width:25px;
	float:left;
}
.abtQuoteSigTxt{
	color:#b0b8bf;
	font-weight:400;
	font-size:12px;
	letter-spacing:0.5px;
	text-align:left;
	float:left;
	margin-right:1px; /* Fix for anti alias centering */
}
.abtGridTxtHeader{
	color:#b0b8bf;
	font-family: 'Titillium Web', sans-serif;
	font-size:12px;
	font-weight:600;
	letter-spacing:0.75px;
	text-align:center;
	text-transform:uppercase;
	/*-webkit-font-smoothing: antialiased;*/
	
	margin-top:-5px;
	margin-bottom:20px;
	display:block;
}
.abtGridTxtBody{
	color:#556677;
	font-family: 'Titillium Web', sans-serif;
	font-size:14px;
	line-height:28px;
	font-weight:400;
	letter-spacing:0.75px;
	text-align:center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	opacity: 0.9;
	display:block;
}

/* --------------- ABT CLIENTS CONTENT--------------- */

#abtClients{
	height:900px;
	width:100%;
	margin-top:-81px;
	z-index:300;
}
.abtClientsTitleBox{
	height:70px;
	width:1200px;
	margin-top:234px;
	margin-left:auto;
	margin-right:auto;

	/* horz center hack */
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex; 
		display: flex;
	
		-webkit-align-items: center;
	   align-items: center;
	   -webkit-justify-content: center;
	   justify-content: center;
}
.abtClientsTitleStrikeL{
	background-color:#b0b8bf;
	opacity:0.5;
	
	margin-right:20px;
	margin-top:6px;
	float:left;
	height:1px;
	width:40px;
}
.abtClientsTitle{
	float:left;
	line-height:70px;
	
	color:#778899;
	font-family: 'Titillium Web', sans-serif;
	font-size:30px;
	font-weight:400;
	text-align:center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.abtClientsTitleStrikeR{
	background-color:#b0b8bf;
	opacity:0.5;
	
	margin-left:20px;
	margin-top:6px;
	float:left;
	height:1px;
	width:40px;
}
.clientGrid{
	height:300px;
	width:1020px;
	margin-top:29px;
	margin-left:auto;
	margin-right:auto;
}
.clientGridRow1{
	height:120px;
	width:1020px;
	margin-bottom:60px;
}
.clientGridRow2{
	height:120px;
	width:840px;
	margin:0px auto;
}
.client{
	background-repeat:no-repeat;
	float:left;
	height:120px;
	width:120px;
	/*cursor:pointer;*/
	overflow:visible;
	position:relative;
	z-index:350;
}
.clientSpacer{
	float:left;
	height:120px;
	width:60px;
}
.clientTT{
	position:absolute;
	bottom:0px;
	left:0px;
}
.clientTT-Txt{
	background:rgba(17, 34, 51);
	background:rgba(17, 34, 51, 0.85);
	padding:12px 15px;
	margin:0px auto;
	text-align:center;
	display:inline-block;
	white-space: nowrap;
	
	font-family: 'Titillium Web', sans-serif;
	font-weight:300;
	font-size:15px;
	letter-spacing:0.2px;
	color:#ffffff;
	text-align:center;
	/* -webkit-font-smoothing: antialiased; */
}
.clientTT-Arw{
	background:url(../img/dockItemArw.png);
	background-repeat:no-repeat;
	height:9px;
	width:15px;
	margin:0px auto;
}
.clientList{
	height:20px;
	width:1200px;
	margin-top:56px;
	margin-left:auto;
	margin-right:auto;
	white-space: nowrap;
	
	font-family: 'Titillium Web', sans-serif;
	font-weight:300;
	font-size:11px;
	letter-spacing:2px;
	color:#b0b8bf;
	text-align:center;
	text-transform: uppercase;
	/*-webkit-font-smoothing: antialiased;*/
	opacity:0.75;
	
	/* horz center hack */
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex; 
		display: flex;
	
		-webkit-align-items: center;
	   align-items: center;
	   -webkit-justify-content: center;
	   justify-content: center;
}
.clientListClient{
	float:left;
}
.clientListBullet{
	float:left;
	margin-top:-3px;
	letter-spacing:3px;
}
#client01{
	background:url(../img/client_01_Aflac.jpg);
}
#client01:hover{
	background-position:0 -120px;
}
#client02{
	background:url(../img/client_02_Pepsi.jpg);
}
#client02:hover{
	background-position:0 -120px;
}
#client03{
	background:url(../img/client_03_HBO.jpg);
}
#client03:hover{
	background-position:0 -120px;
}
#client04{
	background:url(../img/client_04_Mtn-Dew.jpg);
}
#client04:hover{
	background-position:0 -120px;
}
#client05{
	background:url(../img/client_05_Target.jpg);
}
#client05:hover{
	background-position:0 -120px;
}
#client06{
	background:url(../img/client_06_ESPN.jpg);
}
#client06:hover{
	background-position:0 -120px;
}
#client07{
	background:url(../img/client_07_Redken.jpg);
}
#client07:hover{
	background-position:0 -120px;
}
#client08{
	background:url(../img/client_08_Home-Depot.jpg);
}
#client08:hover{
	background-position:0 -120px;
}
#client09{
	background:url(../img/client_09_Kohls.jpg);
}
#client09:hover{
	background-position:0 -120px;
}
#client10{
	background:url(../img/client_10_MHG.jpg);
}
#client10:hover{
	background-position:0 -120px;
}
#client11{
	background:url(../img/client_11_LOreal.jpg);
}
#client11:hover{
	background-position:0 -120px;
}

/* --------------- ABT FOOTER CONTENT--------------- */

.abtFooter{
	height:243px;
	width:1200px;
	margin-top:-241px;
	margin-left:auto;
	margin-right:auto;
}
.abtFooterTxt{
	margin-top:77px;
	
	font-family: 'Titillium Web', sans-serif;
	font-weight:700;
	font-size:12px;
	letter-spacing:0.25px;
	color:#b0b8bf;
	text-align:center;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#emailBtn2{
	margin-top:37px;
}
.emailBtnTT2{
	position:absolute;
	bottom:67px;
	left:0px;
}
.abtFooterCopy{
	margin-top:38px;
	opacity:0.5;
	
	font-family: 'Titillium Web', sans-serif;
	font-weight:600;
	font-size:10px;
	letter-spacing:0.5px;
	color:#b0b8bf;
	text-align:center;
	text-transform: uppercase;
	/*-webkit-font-smoothing: antialiased;*/
}

/*-------------------------
			GRID
--------------------------*/
.gridBG{
	background:url(../img/gridBG.gif);
	background-repeat:repeat;
	position:absolute;
	height:100%;
	width:100%;
	top:1160px;
	left:0px;
	z-index:-1000;
}
.gridWrapper{
	margin:0px auto;
	width:1600px;
	z-index:100;
}
.gridStagingArea{
	height:0px;
	overflow:hidden;
	width:0px;
}
.grid{
	background-image:url(../img/loading.gif);
	background-repeat:repeat-x;
	background-color:#ffffff;
	float:none;
	margin:0px auto;
	position:relative;
	top:0px;
	width:1200px;
	z-index:400px;
	
	/* PS drop shadow */
	border: 1px solid rgb(223, 224, 225);
    border: 1px solid rgba(3, 3, 3, .05);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
		
	/* PS outer glow */
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.02);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.02);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.02);
}
.gridSpacer{
	height:120px;
	margin-top:246px;
	margin-left:auto;
	margin-right:auto;
	width:1200px;
}
.gridTitleStrikeL{
	background-color:#b0b8bf;
	opacity:0.5;
	
	margin-right:20px;
	margin-top:60px;
	margin-bottom:59px;
	float:left;
	height:1px;
	width:40px;
}
.gridTitleStrikeR{
	background-color:#b0b8bf;
	opacity:0.5;
	
	margin-left:20px;
	margin-top:60px;
	margin-bottom:59px;
	float:left;
	height:1px;
	width:40px;
}
.gridTitleBox{
	margin:0px auto;
	z-index:550;
	
	/* horz center hack */
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex; 
		display: flex;
	
		-webkit-align-items: center;
	   align-items: center;
	   -webkit-justify-content: center;
	   justify-content: center;
}
.gridTitle{
	float:left;
	line-height:120px;
	
	color:#778899;
	font-family: 'Titillium Web', sans-serif;
	font-size:36px;
	font-weight:400;
	text-align:center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
.gridTitleSub{
	position:relative;
	top:272px;
	left:0px;
	right:0px;
	
	margin:0px auto;
	width:1200px;
	z-index:600;
	
	color:#b0b8bf;
	font-family: 'Titillium Web', sans-serif;
	font-size:10px;
	font-weight:600;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	/* -webkit-font-smoothing: antialiased; */
	
	opacity: 0.90;
}
#gridADC1{
	position:relative;
	top:60px;
}
#gridADC2{
	position:relative;
	top:0px;
}
#gridPD1{
	position:relative;
	top:60px;
}
#gridUFC1{
	position:relative;
	top:60px;
}
#gridBOTR1{
	position:relative;
	top:60px;
}
.gridItem{
	border:0px;
	margin:0px 0px -5px 0px;
	padding:0px 0px 0px 0px;
	position:inherit;
	top:0px;
	left:0px;
	z-index:450;
}
.gridItemTemp{
	/* don't worry I get deleted when the loader is done */
}

/*-------------------------
		  GRID TXT
--------------------------*/
.gridTxt400x400{
	background-color:#ffffff;
	width:240px;
	padding:0px 80px 0px 80px;
	height:400px;
	
	position:absolute;
	z-index:500;
	
	color:#556677;
	font-family: 'Titillium Web', sans-serif;
	font-size:36px;
	line-height:48px;
	font-weight:200;
	letter-spacing:1px;
	text-align:center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.gridTxt400x400UX{
	background-color:#01a6de;
	width:240px;
	padding:0px 80px 0px 80px;
	height:400px;
	
	position:absolute;
	z-index:500;
	
	color:#ffffff;
	font-family: 'Titillium Web', sans-serif;
	font-size:30px;
	line-height:48px;
	font-weight:200;
	letter-spacing:1.5px;
	text-align:center;
	/* -webkit-font-smoothing: antialiased; */
}
.gridTxt400x400UX-Spacer{
	height:25px;
	width:240px;
}
.gridTxt400x400UX-Body{
	font-size:14px;
	line-height:28px;
	font-weight:200;
	letter-spacing:1px;
	/*-webkit-font-smoothing: antialiased; */
	
	/* opacity: 0.95; */
}
.gridTxt400x800{
	background-color:#ffffff;
	width:400px;
	height:800px;
	
	position:absolute;
	z-index:500;
}
.gridTxtBB400x800{
	height:670px;
	width:240px;
	padding:0px 80px 0px 80px;
	
}
.vCentWrapper{
	position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
}
.gridTxtHeader{
	color:#b0b8bf;
	font-family: 'Titillium Web', sans-serif;
	font-size:12px;
	font-weight:600;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	margin-bottom:25px;
}
.gridTxtMain{
	color:#556677;
	font-family: 'Titillium Web', sans-serif;
	font-size:36px;
	line-height:48px;
	font-weight:200;
	letter-spacing:1px;
	text-align:center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	margin-bottom:40px;
}
.gridTxtBody{
	color:#556677;
	font-family: 'Titillium Web', sans-serif;
	font-size:14px;
	line-height:28px;
	font-weight:300;
	letter-spacing:0.75px;
	text-align:center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	opacity: 0.9;
}
/* ------------------------------------- */
.gridTxtBodyKern2{
	letter-spacing:1.0px;
}

.gridTxtBodyKern1{
	letter-spacing:0.5px;
}
.gridTxtBodyKern-1{
	letter-spacing:-0.5px;
}
.gridTxtBodyKern0{
	letter-spacing:-0px;
}
/* ------------------------------------- */
.gridTxtMainKern1{
	letter-spacing:0.5px;
}
.gridTxtMainKern0{
	letter-spacing:0px;
}
.gridTxtMainKern-1{
	letter-spacing:-0.5px;
}
.gridTxtMainKern-2{
	letter-spacing:-1.0px;
}
.gridTxtMainSuperscript{
	font-size:27px;
}

/*-------------------------
   		  GRID ICNs
--------------------------*/
.icnADC{
	background:url(../img/icnADC.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
	height:76px;
	width:60px;
	
	position:absolute;
	bottom:70px;
	left:0;
	right:0;
}
.icnPD{
	background:url(../img/icnPD.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
	height:75px;
	width:60px;
	
	position:absolute;
	bottom:70px;
	left:0;
	right:0;
}
.icnUFC{
	background:url(../img/icnUFC.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
	height:80px;
	width:60px;
	
	position:absolute;
	bottom:70px;
	left:0;
	right:0;
}
.icnAbt{
	background:url(../img/icnABT-Grid.png);
	background-repeat:no-repeat;
	margin:0px auto;
	height:75px;
	width:60px;
	
	position:absolute;
	bottom:70px;
	left:0;
	right:0;
}

/*-------------------------
     GRID TXT ID STYLES
--------------------------*/
/*-------------------------
   		    ADC
--------------------------*/
#gridTxtADC1{
	top:800px;
	left:800px;
}
#gridTxtADC2{
	top:3200px;
	left:000px;
}
#gridTxtADC3{
	top:4800px;
	left:000px;
}
#gridTxtADC4{
	top:7200px;
	left:800px;
}
#gridTxtADC5{
	top:9600px;
	left:000px;
}
#gridTxtADC6{
	top:11600px;
	left:800px;
}
#gridTxtADC7{
	top:13200px;
	left:000px;
}
#gridTxtADC8{
	top:15200px;
	left:800px;
}
#gridTxtADC9{
	top:15600px;
	left:000px;
}
#gridTxtADC10{
	top:17600px;
	left:800px;
}
#gridTxtADC11{
	top:18400px;
	left:400px;
}
#gridTxtADC12{
	top:18800px;
	left:000px;
}
#gridTxtADC13{
	top:20000px;
	left:000px;
}
/* ADC grid 2 */
#gridTxtADC14{
	top:400px;
	left:800px;
}
#gridTxtADC15{
	top:1200px;
	left:800px;
}
#gridTxtADC16{
	top:2400px;
	left:800px;
}

/*-------------------------
   		    PD
--------------------------*/
#gridTxtPD1{
	top:1200px;
	left:800px;
}
#gridTxtPD2{
	top:3200px;
	left:000px;
}
#gridTxtPD3{
	top:4800px;
	left:800px;
}
#gridTxtPD4{
	top:7200px;
	left:000px;
}
#gridTxtPD5{
	top:8000px;
	left:800px;
}
#gridTxtPD6{
	top:10000px;
	left:000px;
}
#gridTxtPD7{
	top:11200px;
	left:800px;
}
#gridTxtPD8{
	top:13200px;
	left:000px;
}
#gridTxtPD9{
	top:15200px;
	left:800px;
}
#gridTxtPD10{
	top:17200px;
	left:000px;
}
#gridTxtPD11{
	top:18000px;
	left:400px;
}
#gridTxtPD12{
	top:19200px;
	left:000px;
}
/*-------------------------
   		    UFC
--------------------------*/
#gridTxtUFC1{
	top:800px;
	left:800px;
}
#gridTxtUFC2{
	top:3200px;
	left:000px;
}
#gridTxtUFC3{
	top:4800px;
	left:800px;
}
#gridTxtUFC4{
	top:7200px;
	left:000px;
}
#gridTxtUFC5{
	top:8800px;
	left:800px;
}
#gridTxtUFC6{
	top:10800px;
	left:800px;
}
/*-------------------------
   		    ABT
--------------------------*/
#abtTxt1{
	top:000px;
	left:800px;
}
#abtTxt2{
	top:800px;
	left:400px;
}
#abtTxt3{
	top:1200px;
	left:000px;
}
#abtTxt4{
	top:1600px;
	left:400px;
}

/*-------------------------
     GRID ITEM ID STYLES
--------------------------*/
/*-------------------------
   		    ADC
--------------------------*/
#gridItemADC4{
	float:left;
}
#gridItemADC5{
	float:left;
	margin:0px 0px 0px 0px;
}
#gridItemADC7{
	float:left;
}
#gridItemADC8{
	float:left;
	margin:0px 0px 0px 0px;
}
#gridItemADC14{
	float:left;
}
#gridItemADC15{
	float:left;
	margin:0px 0px 0px 0px;
}
#gridItemADC17{
	float:left;
	margin:0px 0px 0px 0px;
}
#gridItemADC18{
	float:left;
}

#gridItemADC20{
	float:right;
	margin:0px 0px 0px 0px;
}
#gridItemADC22{
	float:left;
	margin:0px 0px 0px 0px;
}
#gridItemADC23{
	float:left;
}
#gridItemADC24{
	float:right;
	margin:0px 0px 0px 0px;
}
#gridItemADC26{
	float:left;
	margin-right:400px;
	margin-bottom:0px;
}
#gridItemADC28{
	float:right;
}
#gridItemADC29{
	float:right;
	margin:0px 0px 0px 0px;
}
#gridItemADC31{
	margin-left:400px;
}
#gridItemADC33{
	margin-left:400px;
}
/* ADC grid 2 */
#gridItemADC36{
	float:left;
	margin:0px 0px 0px 0px;
}
#gridItemADC37{
	float:left;
}
#gridItemADC39{
	float:left;
	margin:0px 0px 0px 0px;
}
#gridItemADC40{
	float:right;
	margin:400px 0px 0px 0px;
}

/*-------------------------
   		    PD
--------------------------*/
#gridItemPD2{
	float:left;
	margin:0px 0px 0px 0px;
}
#gridItemPD3{
	float:left;
}
#gridItemPD11{
	float:left;
}
#gridItemPD12{
	float:left;
	margin:0px 0px 0px 0px;
}
#gridItemPD16{
	float:left;
}
#gridItemPD17{
	float:left;
	margin:0px 0px 0px 0px;
}
#gridItemPD28{
	margin-left:400px;
}
#gridItemPD30{
	float:right;
}
#gridItemPD32{
	margin-left:400px;
}

/*-------------------------
   		    UFC
--------------------------*/
#gridItemUFC11{
	float:left;
}
#gridItemUFC12{
	float:left;
	margin:0px 0px 0px 0px;
}

/*-------------------------
   		   BOTR
--------------------------*/
#gridItemBOTR2{
	float:left;
}
#gridItemBOTR3{
	float:left;
	margin:0px 0px 0px 0px;
}
#gridItemBOTR4{
	float:left;
	margin:0px 0px 0px 0px;
}
#gridItemBOTR24{
	float:left;
}
#gridItemBOTR25{
	float:left;
	margin:0px 0px 0px 0px;
}
#gridItemBOTR26{
	float:left;
	margin:0px 0px 0px 0px;
}
/*-------------------------
   	  	GRID HOVER
--------------------------*/
.gridHover{
	background:url(../img/gridHoverBG.png);
	background-repeat:repeat;
	opacity:0.0;
	
	position:absolute;
	top:0px;
	left:0px;
	z-index:500;
	
	color:#FFF;
	font-family: 'Titillium Web', sans-serif;
	text-align:center;
}
/*.gridHover:hover{
	opacity:1.0;
	cursor:pointer;
}*/
.gridHoverIcn{
	background:url(../img/gridHoverIcnInf.png);
	background-repeat:no-repeat;
	cursor:pointer;
	opacity:1.0;
	
	height:0px;
	width:0px;
	/*height:60px;
	width:60px;*/
	position:absolute;
	top:0px;
	right:0px;
	margin-top:0px;
	margin-right:0px;
	z-index:510;
}
.gridHoverIcn:hover{
	background-position:0 -60px;
}
.gridHoverTxt{
	padding:80px;
	margin:0px auto;
	width:240px;
}
.gridHoverTxtLab{
	color:#d0d8e2;
	font-weight:700;
	font-size:12px;
	letter-spacing:0.1px;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.gridHoverTxtLabSpacer{
	height:0px;
	width:100%;
}
.gridHoverTxtItem{
	color:#ffffff;
	font-weight:400;
	font-size:24px;
	letter-spacing:0.1px;
	line-height:36px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.lineHeightWrapper{
	line-height:18px;
}
.gridHoverTxtItemSpacer{
	height:30px;
	width:100%;
}
/*-------------------------
   	GRID HOVER BOTR IDs
--------------------------*/
#gridHoverBOTR1{
	height:800px;
	width:1200px;
	top:0px;
	left:0px;
}
#gridHoverIcn1{
	top:0px;
	right:0px;
}
/*-----------------------*/
#gridHoverBOTR2{
	height:800px;
	width:800px;
	top:800px;
	left:0px;
}
#gridHoverIcn2{
	top:800px;
	right:400px;
}
/*-----------------------*/
#gridHoverBOTR3{
	height:400px;
	width:400px;
	top:800px;
	left:800px;
}
#gridHoverIcn3{
	top:800px;
	right:0px;
}
/*-----------------------*/
#gridHoverBOTR4{
	height:400px;
	width:400px;
	top:1200px;
	left:800px;
}
#gridHoverIcn4{
	top:1200px;
	right:0px;
}
/*-----------------------*/
#gridHoverBOTR5{
	height:800px;
	width:1200px;
	top:1600px;
	left:0px;
}
#gridHoverIcn5{
	top:1600px;
	right:0px;
}
/*-----------------------*/
#gridHoverBOTR6{
	height:1200px;
	width:1200px;
	top:2400px;
	left:0px;
}
#gridHoverIcn6{
	top:2400px;
	right:0px;
}
/*-----------------------*/
#gridHoverBOTR7{
	height:800px;
	width:400px;
	top:3600px;
	left:0px;
}
#gridHoverIcn7{
	top:3600px;
	right:800px;
}
/*-----------------------*/
#gridHoverBOTR8{
	height:800px;
	width:800px;
	top:3600px;
	left:400px;
}
#gridHoverIcn8{
	top:3600px;
	right:0px;
}
/*-----------------------*/
#gridHoverBOTR9{
	height:800px;
	width:800px;
	top:4400px;
	left:0px;
}
#gridHoverIcn9{
	top:4400px;
	right:400px;
}
/*-----------------------*/
#gridHoverBOTR10{
	height:800px;
	width:400px;
	top:4400px;
	left:800px;
}
#gridHoverIcn10{
	top:4400px;
	right:0px;
}
/*-----------------------*/
#gridHoverBOTR11{
	height:1200px;
	width:1200px;
	top:5200px;
	left:0px;
}
#gridHoverIcn11{
	top:5200px;
	right:0px;
}
/*-----------------------*/
#gridHoverBOTR12{
	height:800px;
	width:400px;
	top:6400px;
	left:0px;
}
#gridHoverIcn12{
	top:6400px;
	right:800px;
}
/*-----------------------*/
#gridHoverBOTR13{
	height:800px;
	width:800px;
	top:6400px;
	left:400px;
}
#gridHoverIcn13{
	top:6400px;
	right:0px;
}
/*-----------------------*/
#gridHoverBOTR14{
	height:800px;
	width:1200px;
	top:7200px;
	left:0px;
}
#gridHoverIcn14{
	top:7200px;
	right:0px;
}
/*-----------------------*/
#gridHoverBOTR15{
	height:800px;
	width:1200px;
	top:8000px;
	left:0px;
}
#gridHoverIcn15{
	top:8000px;
	right:0px;
}
/*-----------------------*/
#gridHoverBOTR16{
	height:800px;
	width:1200px;
	top:8800px;
	left:0px;
}
#gridHoverIcn16{
	top:8800px;
	right:0px;
}
/*-----------------------*/
#gridHoverBOTR17{
	height:400px;
	width:800px;
	top:9600px;
	left:0px;
}
#gridHoverIcn17{
	top:9600px;
	right:400px;
}
/*-----------------------*/
#gridHoverBOTR18{
	height:400px;
	width:400px;
	top:9600px;
	left:800px;
}
#gridHoverIcn18{
	top:9600px;
	right:0px;
}
/*-----------------------*/
#gridHoverBOTR19{
	height:1200px;
	width:1200px;
	top:10000px;
	left:0px;
}
#gridHoverIcn19{
	top:10000px;
	right:0px;
}
/*-----------------------*/
#gridHoverBOTR20{
	height:800px;
	width:800px;
	top:11200px;
	left:0px;
}
#gridHoverIcn20{
	top:11200px;
	right:400px;
}
/*-----------------------*/
#gridHoverBOTR21{
	height:800px;
	width:400px;
	top:11200px;
	left:800px;
}
#gridHoverIcn21{
	top:11200px;
	right:0px;
}
/*-----------------------*/
#gridHoverBOTR22{
	height:800px;
	width:400px;
	top:12000px;
	left:0px;
}
#gridHoverIcn22{
	top:12000px;
	right:800px;
}
/*-----------------------*/
#gridHoverBOTR23{
	height:800px;
	width:800px;
	top:12000px;
	left:400px;
}
#gridHoverIcn23{
	top:12000px;
	right:0px;
}
/*-----------------------*/
#gridHoverBOTR24{
	height:800px;
	width:800px;
	top:12800px;
	left:0px;
}
#gridHoverIcn24{
	top:12800px;
	right:400px;
}
/*-----------------------*/
#gridHoverBOTR25{
	height:400px;
	width:400px;
	top:12800px;
	left:800px;
}
#gridHoverIcn25{
	top:12800px;
	right:0px;
}
/*-----------------------*/
#gridHoverBOTR26{
	height:400px;
	width:400px;
	top:13200px;
	left:800px;
}
#gridHoverIcn26{
	top:13200px;
	right:0px;
}
/*-------------------------
   		    ABT
--------------------------*/
#abtGridImg1{
	margin:0px 400px 0px 0px;
	float:left;
}
#abtGridImg2{
	margin:0px 400px 0px 0px;
	float:left;
}
#abtGridImg3{
	margin:0px 0px 0px 0px;
	float:left;
}
#abtGridImg4{
	margin:0px 0px 0px 400px;
	float:left;
}
#abtGridImg5{
	margin:0px 400px 0px 0px;
	float:left;
}
#abtGridImg6{
	margin:0px 0px 0px 0px;
	float:left;
}