/*FONTS */
  
@font-face {
    font-family: 'Prelo-Black';
    src: url('fonts/prelo-black-webfont.eot');
    src: url('fonts/prelo-black-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/prelo-black-webfont.woff') format('woff'),
         url('fonts/prelo-black-webfont.ttf') format('truetype'),
         url('fonts/prelo-black-webfont.svg#PreloBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Prelo-Bold';
    src: url('fonts/prelo-bold-webfont.eot');
    src: url('fonts/prelo-bold-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/prelo-bold-webfont.woff') format('woff'),
         url('fonts/prelo-bold-webfont.ttf') format('truetype'),
         url('fonts/prelo-bold-webfont.svg#PreloBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Prelo-SemiBold';
    src: url('fonts/prelo-semibold-webfont.eot');
    src: url('fonts/prelo-semibold-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/prelo-semibold-webfont.woff') format('woff'),
         url('fonts/prelo-semibold-webfont.ttf') format('truetype'),
         url('fonts/prelo-semibold-webfont.svg#PreloSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'Prelo-Medium';
    src: url('fonts/prelo-medium-webfont.eot');
    src: url('fonts/prelo-medium-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/prelo-medium-webfont.woff') format('woff'),
         url('fonts/prelo-medium-webfont.ttf') format('truetype'),
         url('fonts/prelo-medium-webfont.svg#PreloMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Prelo-Book';
    src: url('fonts/prelo-book-webfont.eot');
    src: url('fonts/prelo-book-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/prelo-book-webfont.woff') format('woff'),
         url('fonts/prelo-book-webfont.ttf') format('truetype'),
         url('fonts/prelo-book-webfont.svg#PreloBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Prelo-Light';
    src: url('fonts/prelo-light-webfont.eot');
    src: url('fonts/prelo-light-webfont.eot#iefix') format('embedded-opentype'),
         /*url('fonts/prelo-light-webfont.woff') format('woff'),*/
         url('fonts/prelo-light-webfont.ttf') format('truetype'),
         url('fonts/prelo-light-webfont.svg#PreloLight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

/*::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }*/

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #fff; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

body{
	font-family:'Prelo-Medium';
	background: #fff;
}

h1,h2,h3,h4,h5,h6{
	font-family:'Prelo-Bold';
	font-weight:400;
}

/* ==================== */
/* == PRELOAD SCREEN == */
/* ==================== */

.sprite {
	background: url(../img/barkley_sprite.png);
	text-indent: -9999px;
}

.sprite-logos {
	background: url(../img/barkley_logo_sprite_03.png);
	text-indent: -9999px;
}

#preload {
	z-index: 400;
	position: absolute;
	width: 100%;
	height:100%;
	background:#000;
}

#preload-interior{
	display:block;
	position:relative;
	top:0;
	left:0;
	height:100%;
	width:100%;
	overflow: hidden;
}

	#preloader-bg {
		position:absolute;
		height: auto;
		display:block;
		top: 0;
		left: 0;
		width:100%;
		height:100%;
	}

	#preloader-bg img{
		display:block;
		position:absolute;
		top:0;
		left:0;
	}

	#preloader-bg.shift-top img{
		width:100%;
		left:0;
	}

	#preloader-bg.shift-left img{
		height:100%;
		top:0;
	}


	.ipad-start-button{
		position:relative;

		margin: 5% auto 0;
		padding: 15px 30px;
		background: #cc0000;
		color: white;
		font-size: 20px;
		font-family: 'Prelo-Bold';
		width: 350px;
		text-align: center;
		cursor: pointer;
		white-space: nowrap;
		display: block;
		border:0;
	}
	

	@media screen and (max-width: 1024px) { /* Specific to this particular image */
		#preloader-bg {
			left: 50%;
			margin-left: -512px;   /* 50% */
		}
	}

	#preload-content {
		/*
		height: 240px;
		position:absolute; 
		top:50%; 
		margin-top:-120px;
		*/
		padding-top:15% ;
		width: 100%;
	}

		#preload h1 {
			display: block;
			background-position: -120px -180px;
			width: 138px;
			height: 120px;
			margin: 0 auto 40px;
			position: relative;
		}
	
		#preload-bar {
			position: relative;
		}
	
		#preload .introh2 {
			position: relative;
			color: #fff;
			text-align: center;
			margin: 20px 0 10px 0;
			font-size: 14px;
		}
		
		#mute-preload {
			position: relative;
			background-position: -120px 0px;
			width: 30px;
			height: 30px;
			margin: 0 auto;
			cursor: pointer;
		}
		
		#mute-preload.mute-off {
			background-position: -120px -30px;
		}

body > header {
	margin-top:0!important;
	top:20px;
	z-index: 350;
	position: relative;
}

	#email-icon {
		position: absolute;
		top: 0;
		left: 0;
		background: url(../img/barkley_typing_sprite.png) no-repeat;
		background-position: 0px 0px;
		width: 63px;
		height: 63px;
		cursor: pointer;
		margin: 0 0 0 20px;
		text-indent: -9999px;
		z-index: 360;
	}
	
	#email-tool-tip {
		color: #6d6e71;
		font-family:'Prelo-Bold';
		font-weight:400;
		font-size: 13px;
		line-height: 16px;
		text-align: center;
		position: absolute;
		top: 2px;
		left: 20px;
		background-position: 0 -420px;
		width: 222px;
		height: 45px;
		text-indent: 0;
		padding-top: 17px;
		opacity: 0;
		filter:alpha(opacity=0);
		z-index: 350;
	}

	html.touch #email-tool-tip{
		opacity:1!important;
		left:83px!important;
	}
	
	header .logo {
		display: block;
		background-position: -300px 0px;
		width: 138px;
		height: 120px;
		margin: 0 auto 40px;
		position: relative;
	}

	#main-share-icons {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0 20px 0 0;
	}
	
		#mute-header {
			background-position: 0 -90px;
			width: 30px;
			height: 30px;
			display: block;
			float: left;
			cursor: pointer;
			margin: 2px 0 0 0;
		}
		
		#mute-header.mute-off {
			background-position: -30px -90px;
		}
	
		#main-share-facebook {
			background-position: 0 -120px;
			width: 20px;
			height: 20px;
			display: block;
			float: left;
			margin: 0 5px 0 0;
		}
		
		#main-share-twitter {
			background-position: -90px -120px;
			width: 20px;
			height: 20px;
			display: block;
			float: left;
			margin: 0 5px 0 0;
		}

		#main-share-linkedin {
			background-position: -180px -120px;
			width: 20px;
			height: 20px;
			display: block;
			float: left;
		}
	
#main {
	position: absolute;
	top: 0;
	width: 100%;
}

#main-content {
	z-index: 200;
	position: relative;
	height: 100%;
}

	.back-face {
		display:block;
		position: relative;
		width: 101px;
		height: 133px;
		cursor: pointer;
		float: left;
		color:#000;
		z-index: 100;
		text-decoration: none;
	}

	.back-face:hover,
	.back-face:visited,
	.back-face:active{
		color:#000;
		text-decoration: none;
	}

		.lt-ie9 .back-face{
			filter:alpha(opacity=70);
			opacity:.7;
		}

		.lt-ie9 .back-face .star{
			display:none;
		}

		.lt-ie9 .back-face:hover{
			filter:alpha(opacity=100);
			opacity:1;
		}

		.lt-ie9 .back-face:hover .star{
			display:block;
		}
		
		.back-face .head {
			background-position: -270px -300px;
			width: 65px;
			height: 82px;
			position: absolute;
			top: 11px;
			left: 17px;
			-moz-transition: all .5s ease;
			-webkit-transition: all .5s ease;
			-o-transition: all .5s ease;
			transition: all .5s ease;
		}
		
		html.no-touch .back-face:hover .head {
			-webkit-transform: rotate(-15deg); 
			-moz-transform:    rotate(-15deg); 
			-ms-transform:     rotate(-15deg); 
			-o-transform:      rotate(-15deg);

		}
		
		.back-face .star {
			background-position: -150px -300px;
			width: 101px;
			height: 97px;
			position: absolute;
			top: 0;
			left: 0;
			
			-moz-transform: scale(.5);
			-webkit-transform: scale(.5);
			-o-transform: scale(.5);
			transform: scale(.5);
			
			-moz-transition: all .5s ease;
			-webkit-transition: all .5s ease;
			-o-transition: all .5s ease;
			transition: all .5s ease;
		}
		
		html.no-touch .back-face:hover .star {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1);
		}
		
		.back-face p {
			position: absolute;
			bottom: 0;
			margin: 0;
			font-family: 'Prelo-Black';
			font-weight: 400;
			line-height: 16px;
			text-align: center;
		}
	
			.back-face .sixteen {
				font-size: 16px;
			}
			
			.back-face .carrot-arrow {
				background-position: 0 -510px;
				width: 8px;
				height: 14px; 
				display: inline-block;
				margin-right: 5px;
			}
	
			.back-face .twenty {
				font-size: 20px;
			}
			
	#golfGameCta {
		float: right;
	}
	
	.lt-ie9 #golfGameCta{
		opacity:.6;
		filter:alpha(opacity=60);		
	}

	.lt-ie9 #golfGameCta:hover{
		opacity:1;
		filter:alpha(opacity=100);		
	}
	
	#button-nav {
		
	}
			
		#initialize-btn {
			position:absolute;
			top: 50%;
			left: 50%;
			margin: 5% 0 0 -180px;
			padding: 15px 0 15px;
			background: #cc0000;
			color: white;
			z-index: 210;
			font-size: 20px;
			font-family: 'Prelo-Bold';
			width: 350px;
			text-align: center;
			cursor: pointer;
			white-space: nowrap;
			display: none;
		}

		html.no-touch #initialize-btn:hover{
			background-color:#d00;
		}
	
		#content-share-btns {
			position:absolute;
			top: 72.5%;
			z-index: 211;
			width: 600px;
			margin-left:-300px;
			left:50%;
			display: none;
			text-align: center;
		}
			
			#content-share-btns button {
				padding: 10px 15px;
				border: none;
				font-size: 16px;
				font-family: 'Prelo-Bold';
				color: #fff;
				white-space: nowrap;
				display:inline-block;
			}
			
				#content-share-btns img {
					margin: 0 10px 0 0;
				}
	
			#content-share-facebook {
				background: #3c5c99;
				margin: 0 10px 0 0;
			}

			html.no-touch #content-share-facebook:hover{
				background:#4164a6;

			}
	
			#content-share-twitter {
				background: #00aced;
			}

			html.no-touch #content-share-twitter:hover{
				background:#00b7fa;
			}


	
	#email-signup {
		text-align: center;	
		background: #fff;
		padding: 20px 20px 0 20px;
		display: none;
		height: 100%;
		z-index:400;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing:    border-box; 
		box-sizing:         border-box; 
	}
	
		#email-signup h1 {
			color: #CC0900;
			font-size: 43px;
			margin: 0 0 15px 0;
			padding: 50px 20px 0 20px;
		}
		
		#email-signup .email-headline {
			max-width: 670px;
			display: block;
			margin: 0 auto 15px;
		}
		
		html.touch #email-signup .email-headline {
			max-width: 630px;
			padding: 0px 20px 0 20px;
			font-size: 33px;
		}
	
		#email-signup .logo {
			display: block;
			background-position: -150px 0px;
			width: 138px;
			height: 120px;
			margin: 0 auto;
			position: relative;
			padding: 0;
		}
	
		#email-signup-form {
			max-width: 650px;
			width: 100%;
			margin: 0 auto;
			border: 0px solid #f4f4f4;
			position: relative;
		}
	
		#email-signup-form iframe{
			position:relative;
			display: block;
			width:100%; 
			height:200px;
			margin:0 auto;

		}
		
			.solution-dropdown {
				background: #f1f1f1;
				cursor: pointer;
			}
		
				.solution-dropdown .selected-solution {
					font-size: 25px;
					color: #414042;
					border-width:2px;
					border-style:solid;
					border-color:#dedede;
					margin: 0;
					padding: 20px;
					position: relative;

					border-bottom-color:#B5B5B8;
					
				}

				html.touch .solution-dropdown .selected-solution {
					font-size: 20px;
				}

				.solution-dropdown.open .selected-solution{
					border-bottom-width:1px;
					border-bottom-color:#dedede;
				}


					.solution-dropdown .down-arrow {
						background-position: -60px -90px;
						width: 15px;
						height: 8px;
						display: inline-block;
						position: absolute;
						top: 36px;
						right: 10px;
					}
		
				.solution-dropdown .selection-list {
					display: none;
					margin: 0;
					padding: 0;
					list-style: none;
					font-size: 25px;
					color: #414042;
					position: absolute;
					max-width: 650px;
					width: 100%;
					background: #f1f1f1;
					border-bottom: 2px solid #cbcbcc;
					z-index:410;
				}
				
				html.touch .solution-dropdown .selection-list {
					font-size: 20px;
				}

				.solution-dropdown.open .selection-list{
					display:block;
				}

				
					.solution-dropdown .selection-list li {
						margin: 0;
						padding: 10px;
						border-bottom: 1px solid #dedede;
						border-left: 1px solid #dedede;
						border-right: 1px solid #dedede;
					}
					
					html.no-touch .solution-dropdown .selection-list li:hover {
						background: #fff;
						
						-webkit-transition: background .25s linear;
						transition: background .25s linear
					}
					
				#email-field {
					width: 650px;
					border: 1px solid #ecedee;
					margin: 20px 0 20px 0;
					font-size: 25px;
					color: #414042;
					padding: 20px 0 20px 0;
					font-family:'Prelo-Bold';
					text-align: center;
					-webkit-box-sizing: border-box; 
					-moz-box-sizing:    border-box; 
					box-sizing:         border-box; 
				}
	
				::-webkit-input-placeholder { color: #414042; }
				:-moz-placeholder { color: #414042; }
				
				#email-signup-form #submit {
					font-size: 25px;
					font-family:'Prelo-Bold';
					color: #fff;
					border: 1px solid #6d6e71;
					width: 370px;
					padding: 20px 20px 15px 20px;
					background-color: #5c5b5e; 
					background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#797a7d), to(#3a3738));
					background-image: -webkit-linear-gradient(top, #797a7d, #3a3738); 
					background-image:    -moz-linear-gradient(top, #797a7d, #3a3738);
					background-image:     -ms-linear-gradient(top, #797a7d, #3a3738);
					background-image:      -o-linear-gradient(top, #797a7d, #3a3738);
					text-shadow: 1px 1px 5px #000;
				}
				
				#email-signup-form #submit:hover {
					background-color: #585858; 
					background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#757575), to(#2f2f2f));
					background-image: -webkit-linear-gradient(top, #757575, #2f2f2f); 
					background-image:    -moz-linear-gradient(top, #757575, #2f2f2f);
					background-image:     -ms-linear-gradient(top, #757575, #2f2f2f);
					background-image:      -o-linear-gradient(top, #757575, #2f2f2f);
				}
	
	#spots-player {
		background: #fff;
		padding: 20px 20px 191px 20px;
		display: none;
		min-height: 100%;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing:    border-box; 
		box-sizing:         border-box; 
		position: relative;
	}
	
		#spots-player #logo {
			background-position: -150px 0px;
			width: 138px;
			height: 120px;
			margin: 0 auto;
			position: relative;
			padding: 0;
		}
		
		#video-player-container {
			max-width: 710px;
			width: 100%;
			height:400px;
			min-width: 710px;
			margin: 3% auto 0;
			position: relative;
			z-index: 50;
		}
		
			#spot-player {
				height:100%;
				width:100%;
				position:absolute;
				top:0;
				left:0;
				display:block;
				z-index:53;
			}
		
			#spot-end-screen {
				border: 1px solid #c0c0c0;
				text-align: center;
				height:100%;
				width:100%;
				position:absolute;
				top:0;
				left:0;
				z-index:56;
				background: #fff;
				display: none;
			}

				#spot-end-screen iframe{
					display:block;
					position:relative;
					width:470px;
					height:140px;
					margin:0 auto;

				}
			
				#spot-end-screen p {
					margin: 0;
					line-height: 12px;
				}
			
				#cdw-partner-large {
					margin: 2% auto 0;
					width: 100%;
					display: block;
					text-decoration: none;
				}
				
				#cdw-partner-large.gordon {
					background-position: 0 -360px;
					max-width: 157px;
					height: 74px;
					display: block;
				}
				
				#cdw-partner-large.creamer {
					background-position: 0 -360px;
					max-width: 157px;
					height: 74px;
					display: block;
				}
				
				#cdw-partner-large.cisco {
					background-position: 0 -510px;
					max-width: 343px;
					height: 74px;
					display: block;
				}
				
				#cdw-partner-large.cdwCloud {
					background-position: 0 -990px;
					max-width: 89px;
					height: 89px;
					display: block;
				}
				
				#cdw-partner-large.vmware {
					background-position: 0 -870px;
					max-width: 362px;
					height: 74px;
					display: block;
				}
				
				#cdw-partner-large.lenovo {
					background-position: 0 -750px;
					max-width: 355px;
					height: 74px;
					display: block;
				}
				
				#cdw-partner-large.hp {
					background-position: 0 -630px;
					max-width: 318px;
					height: 77px;
					display: block;
				}
				
				#spot-end-screen .cta {
					color: #fff;
					padding: 20px 40px;
					background: #cc0000;
					border: none;
					font-size: 20px;
					text-shadow: 1px 1px 5px #000;
					font-family: 'Prelo-Semibold';
					margin: 25px 0 15px 0;
					display: inline-block;
					text-decoration: none;
					min-width: 390px;
				}
				
				.spot-end-screen-share {
					font-size: 14px;
					color: #828282;
					width: 200px;
					margin: 0 auto;
				}
				
					#spot-share-facebook {
						background-position: -30px -120px;
						width: 36px;
						height: 37px;
						display: block;
						float: left;
						margin: 0 5px 0 60px;
					}
					
					#spot-share-twitter {
						background-position: -120px -120px;
						width: 36px;
						height: 37px;
						display: block;
						float: left;
						margin: 0 5px 0 0;
					}
					
					#spot-share-linkedin {
						background-position: -210px -120px;
						width: 36px;
						height: 37px;
						display: block;
						float: left;
						margin: 0 5px 0 0;
					}
				
		#spot-info {
			max-width: 710px;
			width: 100%;
			min-width: 710px;
			margin: 0 auto;
			position: relative;
		}
		
			.gt-cdw-medium {
				background-position: 0 -360px;
				width: 155px;
				height: 46px;
				float: left;
				margin: 18px 20px 0 0;
			}
			
			.spot-desc {
				width: 409px;
				float: left;
				line-height: 17px;
				font-size: 15px;
				padding: 0 10px 0 0;
			}
			
			#partner-logo-medium {
				float: right;
				margin: 15px 0 0 0;
				padding: 0 0 20px 0;
				color: #828282;
				font-size: 10px;
				text-indent: 0;
				display: block;
				text-decoration: none;
			}
			
			#partner-logo-medium.gordon,
			#partner-logo-medium.creamer {
				display: none;
			}
			
			#partner-logo-medium.cisco {
				background-position: -180px -220px;
				width: 70px;
				height: 35px;
				
			} 
			
			#partner-logo-medium.cdwCloud {
				background-position: -180px -160px;
				width: 124px;
				height: 35px;
				display: none;
			} 
			
			#partner-logo-medium.vmware {
				background-position: -180px -100px;
				width: 96px;
				height: 35px;
			} 
			
			#partner-logo-medium.lenovo {
				background-position: -180px -40px;
				width: 111px;
				height: 39px;
			} 
			
			#partner-logo-medium.hp {
				background-position: -190px 20px;
				width: 96px;
				height: 52px;
			}
			
			
	
footer {
	z-index: 325;
	position: fixed;
	bottom: 0;
	width: 100%;
	min-width: 750px;
	height:172px;
	overflow:hidden;
}

	#footer-interior{
		position:relative;
		top:0;
		left:0;
		display:block;
		width:100%;
		height:100%;
		overflow:hidden;
	}

	#large-bar {
		background: #fff;
		position: absolute;
		width: 100%;
		top: 110px;
		border-top: 1px solid #cbcbcc;
	}
	
	
		#large-bar ul {
			margin: 0;
			padding: 0;
			list-style: none;
			width: 100%;
		}

			#large-bar li {
				margin: 0;
				float: left;
				cursor: pointer;
				overflow: hidden;
			}
			
			#large-bar #cisco {
				width: 10%;
			}
			
			#large-bar #hp {
				width: 9%;
			}
			
			#large-bar #vmware {
				width: 13%;
			}
			
			#large-bar #lenovo {
				width: 11%;
			}
			
			#large-bar #creamer {
				width: 14%;
			}
			
			#large-bar #cdwCloud {
				width: 8%;
			}
			
			
					#large-bar .gordon-logo {
						background-position: 0 -450px;
						width: 110px;
						height: 28px;
						display: inline-block;
						position: relative;
						top: 10px;
						left: 3px;
					}
					
					#large-bar .gordon-logo-long {
						background-position: 0 -450px;
						width: 110px;
						height: 28px;
						display: inline-block;
						position: relative;
						top: 10px;
						left: 3px;
					}
	
				#large-bar #gt-expanded {
					display: none;
				}
	
					#large-bar .gordon-cdw-logo-small {
						background-position: 0 -300px;
						max-width: 151px;
						width: 90%;
						height: 26px;
						margin: 20px auto 15px;
					}

				#large-bar .cisco-logo-small {
					background-position: 0 -240px;
					max-width: 55px;
					min-width: 55px;
					width: 90%;
					height: 29px;
					margin: 17px auto 14px;
				}
				
				#large-bar .ccc-logo-small {
					background-position: 0 -180px;
					max-width: 37px;
					min-width: 37px;
					width: 90%;
					height: 31px;
					margin: 17px auto 12px;
				}
				
				#large-bar .vmware-logo-small {
					background-position: 0 -120px;
					max-width: 92px;
					min-width: 92px;
					width: 90%;
					height: 15px;
					margin: 25px auto 20px;
				}
				
				#large-bar .lenovo-logo-small {
					background-position: 0 -60px;
					max-width: 106px;
					min-width: 106px;
					width: 90%;
					height: 35px;
					margin: 14px auto 11px;
				}
				
				#large-bar .hp-logo-small {
					background-position: 0px 0;
					max-width: 37px;
					min-width: 37px;
					width: 90%;
					height: 29px;
					margin: 17px auto 14px;
				}
				
				#large-bar .gordon-creamer-logo-small {
					background-position: 0 -300px;
					max-width: 98px;
					min-width: 98px;
					width: 90%;
					height: 26px;
					margin: 19px auto 15px;
				}
	
				.thumb {
					width: 90%;
					max-width: 151px;
					max-height: 71px;
					height: 100%;
					position: relative;
					margin: 0 auto;
					display: none;
				}
	
	
					.thumb img {
						opacity: .7;
						filter:alpha(opacity=70);
						-moz-transition: opacity .5s ease;
						-webkit-transition: opacity .5s ease;
						-o-transition: opacity .5s ease;
						transition: opacity .5s ease;

						width: 100%;
					}

					li:hover .thumb img,
					.thumb.playing img{
						opacity: 1;
						filter:alpha(opacity=100);

					}

	
					.thumbnail-play-btn {
						background-position: -339px -146px;
						height: 21px;
						width:16px;
						margin-top:-10px;
						margin-left:-8px;
						border: none;
						position: absolute;
						top: 50%;
						left: 50%;
						display: block;
						padding: 0;
					}
					
					.playing .thumbnail-play-btn {
						background: none;
						text-indent: 0;
						color: #fff;
						font-size: 14px;
						font-family: 'Prelo-Bold';
						text-align: center;
						margin-top:-8px;
						margin-left:0;
						left:0;
						top:50%;
						width:100%;
						text-shadow: 1px 1px 3px rgba(0,0,0,.85);


					}
					
				#large-bar p {
					color: #808082;
					font-size: 13px;
					max-width: 151px;
					width: 90%;
					margin: 10px auto 20px;
					position: relative;
				}
				
				#large-bar .video-desc {
					display: none;
				}

			#large-bar #gordon {
				width: 35%;
			}

				#gt-collapsed p {
					font-size: 16px;
					color: #000;
					width: auto;
					max-width: none;
					min-width: 285px;
					margin: 10px 0 15px 30px;
				}
				
				#large-bar #gordon .thumb {
					margin: 0 0 0 30px;
				}






/*///////////////////////////////////
// VIDEO PLAYERS
////////////////////////////////////*/

#main{
	min-height:100%;
	height: 100%;
	/*overflow-y: hidden;*/
}


#video-player{
  width:100%;
  height:100%;
  background:transparent;
  position:absolute;
  top:0;
  left:0;
  z-index:100;
  overflow: hidden;
}

#video-player.ipadFakeout{
	z-index:400;
	opacity:.00001;
}

#video-player .workers{
  height:100%;
  width:100%;
}

#video-player .workers .worker{
  height:100%;
  width:100%;
  display:block;
  position:absolute;
  top:0;
  left:0;
}

#video-player .workers .worker iframe{
  height:100%;
  width:100%;
  display:block;
  position:relative;
 }

 #video-player .interaction-mask{
 	z-index:190;
 	position:absolute;
 	top:0;
 	left:0;
 	height:100%;
 	width:100%;
 	background:transparent url(../img/blank.gif) 0 0 repeat;
 }


#powered-by-youtube {
	font-size: #fff;
	background-position: 0 -540px;
	display: block;
	width: 134px;
	height: 20px;
	position: absolute;
	bottom: 67px;
	right: 5px;
	z-index:195;
}


@media only screen and (max-width: 1139px) {	
	
	/*#large-bar #gordon {
		width: 35%;
	}
	
	#large-bar li {
		width: 10.5%;
	}
	*/
}

@media only screen and (max-width: 894px) {
	/*
	#large-bar #gordon {
		width: 28%;
	}
	
	#large-bar li {
		width: 12%;
	}	
	*/
	#gt-collapsed p {
		margin: 13px 0 15px 30px;
	}
}

@media only screen and (min-width: 768px) {
		
}

@media only screen and (min-width: 800px) {
	
}

@media only screen and (min-width: 840px) {
	
}

@media only screen and (min-width: 1040px) {
	
}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}