body, html {
	background-color: #000000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1d1f', endColorstr='#000000');
	background-image: linear-gradient(bottom, rgb(26,29,31) 100%, rgb(0,0,0) 0%);
	background-image: -o-linear-gradient(bottom, rgb(26,29,31) 100%, rgb(0,0,0) 0%);
	background-image: -moz-linear-gradient(top, rgb(26,29,31), rgb(0,0,0));
	background-image: -webkit-linear-gradient(bottom, rgb(26,29,31) 100%, rgb(0,0,0) 0%);
	background-image: -ms-linear-gradient(bottom, rgb(26,29,31) 100%, rgb(0,0,0) 0%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, rgb(26,29,31)),
		color-stop(0, rgb(0,0,0))
		);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #9faaaf;
	font-weight: 200;
	margin-top: 0;
	-webkit-font-smoothing: antialiased;
	}
	

/* TEMP FOR BACKGROUND RIBBON */

#backgroundRibbon {
	width: 100%;
	height: 154px;
	background-color: #222626;
	position: absolute;
	top: 344px;
	}

#backgroundRibbon.cisco {
	height: 210px;
	background-color: #1e3f5b;
	top: 219px;
	}

#backgroundRibbon.imo {
	height: 175px;
	background-color: #2d3233;
	top: 156px;
	}

#backgroundRibbon.syfy {
	height: 155px;
	background-color: #130628;
	top: 244px;
	}
	
#backgroundRibbon.adobe {
	height: 195px;
	background-color: #290303;
	top: 195px;
	}
	
#backgroundRibbon.sww {
	height: 154px;
	background-color: #332000;
	top: 243px;
	}
	
#backgroundRibbon.justintv {
	height: 140px;
	background-color: #1d3548;
	top: 263px;
	}

#leftShadow {
	width: 5px;
	height: 8000px;
	box-shadow: 0 5px 15px #000000;
	position: absolute;
	left: -5px;
	top: 0;
	}
	
#rightShadow {
	width: 5px;
	height: 8000px;
	box-shadow: 0 5px 15px #000000;
	position: absolute;
	right: -5px;
	top: 0;
	}
		
		
/* TYPOGRAPHY */
a {
	color: #d8e0e2;
	}
	
a:hover {
	color: #fff;
	transition: all .3s linear;
	-webkit-transition: all .25s linear;
	}
	
strong {
	font-weight: 500;
	}
	
i {
	font-style: italic;
	}
	
p {
	line-height: 20px;
	margin-bottom: 20px;
	-webkit-font-smoothing: subpixel-antialiased;
	}

p.details {
	font-size: 12px;
	line-height: 16px;
	color: #5c6468;
	margin: none;
	padding: 15px 0 0 35px;
	display: block;
	border-top:dotted 1px #5c6468;
	background-image: url('../images/retro-bullet.png');
	background-position: 0 17px;
	background-repeat: no-repeat;
	-webkit-font-smoothing: subpixel-antialiased;
}

p.recorder {
	font-size: 12px;
	line-height: 16px;
	color: #5c6468;
	margin: 0 0 5px 0;
	padding: 15px 0 15px 35px;
	display: block;
	border-top:dotted 1px #5c6468;
	background-image: url('../images/retro-bullet.png');
	background-position: 0 10px;
	background-repeat: no-repeat;
	-webkit-font-smoothing: subpixel-antialiased;
}

p.back {
	font-size: 12px;
	line-height: 16px;
	color: #5c6468;
	margin: -10px 0 0 0;
	padding: 6px 0 20px 35px;
	display: block;
	background-image: url('../images/btn-back-idle.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-font-smoothing: subpixel-antialiased;
}
	
h1 {
	color: #fff;
	font-size: 22px;
	font-weight:100;
	line-height: 28px;
	margin: 0 0 30px 0;
	display: block;
	letter-spacing: -0.02em;
	}
	
h2 {
	color: #686b6d;
	font-size: 18px;
	font-weight: 100;
	line-height: 24px;
	}

h3 {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	margin-top: 8px;
	margin-bottom: 20px; 
}
	

		
/* STRUCTURE */

#uberContainer {
	width: 960px;
	min-height: 100%;
	margin: 0 auto 0 auto;
	padding: none;
	position: relative;
}

#containerHome {
	background: rgb(43,44,44);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#110f0f', endColorstr='#2b2c2c');
	background-image: linear-gradient(bottom, rgb(17,15,15) 100%, rgb(43,44,44) 0%);
	background-image: -o-linear-gradient(bottom, rgb(17,15,15) 100%, rgb(43,44,44) 0%);
	background-image: -moz-linear-gradient(top, rgb(17,15,15), rgb(43,44,44));
	background-image: -webkit-linear-gradient(bottom, rgb(17,15,15) 100%, rgb(43,44,44) 0%);
	background-image: -ms-linear-gradient(bottom, rgb(17,15,15) 100%, rgb(43,44,44) 0%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, rgb(17,15,15)),
		color-stop(0, rgb(43,44,44))
		);
	width: 960px;
	min-height: 100%;
	margin: 0 auto 0 auto;
	padding: none;
	position: relative;
	overflow: hidden;
	}

#homeIpad {
	background-image: url('../images/ipad-user.png');
	background-repeat: no-repeat;
	background-position:left top;
	width: 682px;
	min-height: 666px;
	margin: none;
	padding: none;
	position: relative;
	}


#container {
	width: 960px;
	min-height: 100%;
	margin: 0 auto 0 auto;
	position: relative;
	background: #000000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b3033', endColorstr='#000000');
	background-image: linear-gradient(bottom, rgb(43,48,51) 100%, rgb(0,0,0) 0%);
	background-image: -o-linear-gradient(bottom, rgb(43,48,51) 100%, rgb(0,0,0) 0%);
	background-image: -moz-linear-gradient(bottom, rgb(43,48,51), rgb(0,0,0));
	background-image: -webkit-linear-gradient(bottom, rgb(43,48,51) 100%, rgb(0,0,0) 0%);
	background-image: -ms-linear-gradient(bottom, rgb(43,48,51) 100%, rgb(0,0,0) 0%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, rgb(43,48,51)),
		color-stop(0, rgb(0,0,0))
		);
	overflow: hidden;
	}

#content {
	float: left;
	position: relative;
}

.fb-like {
	margin-bottom:15px;
}

/* Home page */

#homeHeadline {
	position: relative;
	width: 440px;
	margin: 110px 0 30px 480px;
}

#homeBlurb {
	position:relative;
	width:420px;
	margin: 28px 0 40px 480px;
	}

#ribbonHome {
	position: relative;
	width:920px;
	height:129px;
	background:#8b9a9c;
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
	padding: 10px 20px 15px 20px;
	}
	
	#ribbonHome a img {
		opacity:0.7;
		filter:alpha(opacity=70);
		filter: “alpha(opacity=70)”;
		}

	#ribbonHome a:hover img{
		opacity:1;
		filter:alpha(opacity=100);
		filter: “alpha(opacity=100)”;
		transition: all .3s linear;
		-webkit-transition: all .25s linear;
		}

.logoSm {
	margin: 0 58px 0 0;
	}

#retronymBar {
	background: #048ada;
	width: 925px;
	height: 37px;
	padding: 10px 15px 0 20px;
	margin:none;
	}

	#retronymBar p {
		color: #fff;
		font-size: 12px;
		font-weight: 100;
		line-height: 14px;
		margin-top: 6px;
		margin-bottom: 0;
		}
	
	#retronymBar span {
		font-size: 18px;
		font-weight: 800;
		}
	
	#retronymBar a img {
		float: right;
		margin: -8px 0 0 0;
		opacity:0.7;
		filter:alpha(opacity=70);
		filter: “alpha(opacity=70)”;
		}

	#retronymBar a:hover img {
		opacity:1;
		filter:alpha(opacity=100);
		filter: “alpha(opacity=100)”;
		transition: all .3s linear;
		-webkit-transition: all .25s linear;
		}

#retronymTab {
	width:172px;
	height:41px;
	background-image: url('../images/home-tab-bkg.png');
	background-repeat: no-repeat;
	background-position:left top;
	margin: none;
	padding: none;
	}
	
	#retronymTab a img {
		opacity:0.7;
		filter:alpha(opacity=70);
		filter: “alpha(opacity=70)”;
		}

	#retronymTab a:hover img {
		opacity:1;
		filter:alpha(opacity=100);
		filter: “alpha(opacity=100)”;
		transition: all .3s linear;
		-webkit-transition: all .25s linear;
		}

	
.showMe {
	float: right;
	position: relative;
	}


/* SWW page */
 	
#swwHeadline {
	position: relative;
	width: 250px;
	margin: 50px 0 30px 30px;
}

#swwProduct {
	position: relative;
	float: right;
	margin: -870px 0 0 433px;
}

#swwBlurb {
	position:relative;
	float: left;
	width:400px;
	margin: 30px 0 90px 30px;
	}
	
#ribbonSWW {
	position: relative;
	width:960px;
	height:154px;
	background: rgb(255,162,0);
	background-image: linear-gradient(right bottom, rgb(255,162,0) 100%, rgb(255,189,76) 78%, rgb(255,162,0) 50%);
	background-image: -o-linear-gradient(right bottom, rgb(255,162,0) 100%, rgb(255,189,76) 78%, rgb(255,162,0) 50%);
	background-image: -moz-linear-gradient(right bottom, rgb(255,162,0), rgb(255,189,76) 78%, rgb(255,162,0));
	background-image: -webkit-linear-gradient(right bottom, rgb(255,162,0) 100%, rgb(255,189,76) 78%, rgb(255,162,0) 50%);
	background-image: -ms-linear-gradient(right bottom, rgb(255,162,0) 100%, rgb(255,189,76) 78%, rgb(255,162,0) 50%);
	background-image: -webkit-gradient(
		linear,
		right bottom,
		left top,
		color-stop(1, rgb(255,162,0)),
		color-stop(0.78, rgb(255,189,76)),
		color-stop(0.5, rgb(255,162,0))
		);
	/*background:#ffa200;*/
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
	}
	
	#ribbonSWW img {
		margin: 10px 0 auto 30px;
	}


/*Adobe Page*/

#adobeBullets {
	position: relative;
	width: 250px;
	margin: 50px 0 30px 30px;
}

#adobeProduct {
	position: relative;
	float: right;
	width:486px;
	height: 589px;
	margin: -380px 10px 34px 0px;
}

#adobeHeadline {
	position: relative;
	width: 400px;
	margin: 30px 0 -10px 30px;
}

#adobeBlurb {
	position:relative;
	width:430px;
	margin: 0 0 90px 30px;
	}
	
#ribbonRed {
	position: relative;
	width:932px;
	height:195px;
	background: rgb(207,17,17);
	background-image: linear-gradient(right bottom, rgb(207,17,17) 100%, rgb(221,88,88) 71%, rgb(207,17,17) 37%);
	background-image: -o-linear-gradient(right bottom, rgb(207,17,17) 100%, rgb(221,88,88) 71%, rgb(207,17,17) 37%);
	background-image: -moz-linear-gradient(left top, rgb(207,17,17), rgb(221,88,88) 71%, rgb(207,17,17) 37%);
	background-image: -webkit-linear-gradient(right bottom, rgb(207,17,17) 100%, rgb(221,88,88) 71%, rgb(207,17,17) 37%);
	background-image: -ms-linear-gradient(right bottom, rgb(207,17,17) 100%, rgb(221,88,88) 71%, rgb(207,17,17) 37%);
	background-image: -webkit-gradient(
		linear,
		right bottom,
		left top,
		color-stop(1, rgb(207,17,17)),
		color-stop(0.71, rgb(221,88,88)),
		color-stop(0.37, rgb(207,17,17))
		);	
	padding-left:28px;
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
	}

	#ribbonRed img {
		padding:20px 10px 0 0;
		}
	
/* SyFy page */

#syfyBullets {
	position: relative;
	width: 250px;
	margin: 50px 0 30px 565px;
}

#syfyHeadline {
	position: relative;
	float: right;
	width: 320px;
	margin: 20px 75px 0 20px;
}

#syfyProduct {
	position: relative;
	float: left;
	margin: -320px 18px 50px 218px;
}


#syfyBlurb {
	position:relative;
	float: left;
	width:355px;
	margin: 10px 0 150px 0;
	}


#ribbonPurple {
	position: relative;
	height:154px;
	padding: 15px 15px auto 0;
	background: rgb(59,22,124);
	background-image: linear-gradient(right bottom, rgb(59,22,124) 78%, rgb(133,106,182) 37%, rgb(59,22,124) 0%);
	background-image: -o-linear-gradient(right bottom, rgb(59,22,124) 78%, rgb(133,106,182) 37%, rgb(59,22,124) 0%);
	background-image: -moz-linear-gradient(right bottom, rgb(59,22,124), rgb(133,106,182) 37%, rgb(59,22,124));
	background-image: -webkit-linear-gradient(right bottom, rgb(59,22,124) 78%, rgb(133,106,182) 37%, rgb(59,22,124) 0%);
	background-image: -ms-linear-gradient(right bottom, rgb(59,22,124) 78%, rgb(133,106,182) 37%, rgb(59,22,124) 0%);
	background-image: -webkit-gradient(
		linear,
		right bottom,
		left top,
		color-stop(0.78, rgb(59,22,124)),
		color-stop(0.37, rgb(133,106,182)),
		color-stop(0, rgb(59,22,124))
		);
/*	background:#3e1485;*/
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
	}
	
	#ribbonPurple img {
		margin: 15px 0 0 10px;
		}

/* Cisco page */

#ciscoBullets {
	position: relative;
	width: 250px;
	margin: 50px 0 30px 450px;
}

#ciscoHeadline {
	position: relative;
	float: right;
	width: 333px;
	margin: 55px 177px 0 20px;
}

#ciscoBlurb {
	position:relative;
	float: left;
	width:365px;
	margin: 25px 0 130px 450px;
	}

#ribbonCisco {
	position: relative;
	height:210px;
	padding: none;
	background: rgb(0,128,255);
	background-image: linear-gradient(right bottom, rgb(0,128,255) 100%, rgb(145,202,255) 35%, rgb(0,128,255) 0%);
	background-image: -o-linear-gradient(right bottom, rgb(0,128,255) 100%, rgb(145,202,255) 35%, rgb(0,128,255) 0%);
	background-image: -moz-linear-gradient(right bottom, rgb(0,128,255), rgb(145,202,255) 35%, rgb(0,128,255));
	background-image: -webkit-linear-gradient(right bottom, rgb(0,128,255) 100%, rgb(145,202,255) 35%, rgb(0,128,255) 0%);
	background-image: -ms-linear-gradient(right bottom, rgb(0,128,255) 100%, rgb(145,202,255) 35%, rgb(0,128,255) 0%);
	background-image: -webkit-gradient(
		linear,
		right bottom,
		left top,
		color-stop(1, rgb(0,128,255)),
		color-stop(0.35, rgb(145,202,255)),
		color-stop(0, rgb(0,128,255))
		);	
	/*background:#007eff;*/
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
	}
	
	#ribbonCisco img {
		margin: 20px 0 0 75px;
		}

/* imo.im page */

#imoBullets {
	position: relative;
	width: 250px;
	margin:-37px 0 30px 530px;
}

#ribbonImo {
	position: relative;
	float:left;
	width:430px;
	height:153px;
	padding: 22px 0 0 530px;
	background: rgb(213,245,255);
	background-image: linear-gradient(right bottom, rgb(213,245,255) 78%, rgb(255,255,255) 37%, rgb(213,245,255) 0%);
	background-image: -o-linear-gradient(right bottom, rgb(213,245,255) 78%, rgb(255,255,255) 37%, rgb(213,245,255) 0%);
	background-image: -moz-linear-gradient(right bottom, rgb(213,245,255), rgb(255,255,255) 37%, rgb(213,245,255));
	background-image: -webkit-linear-gradient(right bottom, rgb(213,245,255) 78%, rgb(255,255,255) 37%, rgb(213,245,255) 0%);
	background-image: -ms-linear-gradient(right bottom, rgb(213,245,255) 78%, rgb(255,255,255) 37%, rgb(213,245,255) 0%);
	background-image: -webkit-gradient(
		linear,
		right bottom,
		left top,
		color-stop(0.78, rgb(213,245,255)),
		color-stop(0.37, rgb(255,255,255)),
		color-stop(0, rgb(213,245,255))
	);	
	/*background:#d5f5ff;*/
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
	}

#imoProduct {
	position: relative;
	float: left;
	margin: -225px 18px 50px 0;
}

#imoBlurb {
	position:relative;
	float: left;
	width:390px;
	margin: -310px 0 80px 530px;
	}

/* justin.tv page */

#justinBullets {
	position: relative;
	float: left;
	width: 250px;
	margin:20px 0 30px 34px;
}

#justinLogo {
	position: relative;
	float:right;
	width:353px;
	margin: 20px 74px 60px 0;
	}

#ribbonJustin {
	position: relative;
	float:left;
	width:430px;
	height:108px;
	padding: 32px 0 0 530px;
	background-image: linear-gradient(right bottom, rgb(30,124,201) 70%, rgb(109,168,220) 35%, rgb(30,124,201) 0%);
	background-image: -o-linear-gradient(right bottom, rgb(30,124,201) 70%, rgb(109,168,220) 35%, rgb(30,124,201) 0%);
	background-image: -moz-linear-gradient(right bottom, rgb(30,124,201), rgb(109,168,220) 35%, rgb(30,124,201));
	background-image: -webkit-linear-gradient(right bottom, rgb(30,124,201) 70%, rgb(109,168,220) 35%, rgb(30,124,201) 0%);
	background-image: -ms-linear-gradient(right bottom, rgb(30,124,201) 70%, rgb(109,168,220) 35%, rgb(30,124,201) 0%);
	background-image: -webkit-gradient(
		linear,
		right bottom,
		left top,
		color-stop(0.7, rgb(30,124,201)),
		color-stop(0.35, rgb(109,168,220)),
		color-stop(0, rgb(30,124,201))
		);
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
	}

#justinProduct {
	position: relative;
	float: left;
	margin: -188px 18px 50px 26px;
}

#justinBlurb {
	position:relative;
	float: left;
	width:391px;
	margin: -80px 0 80px 530px;
	}



/* FOOTER */	

#dokobot {
	position: relative;
	margin: -330px 0 100px 813px;
	}

#footer {
	position: relative;
	margin: none;
	width:960px;
	min-height:430px;
	-moz-box-shadow: 0px -5px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px -5px 5px rgba(0,0,0,0.3);
    box-shadow: 0px -5px 5px rgba(0,0,0,0.3);
	}

.footerColumn {
	background: #2B3033;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2B3033', endColorstr='#000000');
	background-image: linear-gradient(right bottom, #2B3033 100%, #000000 0%);
	background-image: -o-linear-gradient(right bottom, #2B3033 100%, #000000 0%);
	background-image: -moz-linear-gradient(left top, #2B3033, #000000);
	background-image: -webkit-linear-gradient(right bottom, #2B3033 100%, #000000 0%);
	background-image: -ms-linear-gradient(right bottom, #2B3033 100%, #000000 0%);

	background-image: -webkit-gradient(
		linear,
		right bottom,
		left top,
		color-stop(1, #2B3033),
		color-stop(0, #000000)
		);
	width: 260px;
	min-height: 430px;
	padding: 20px 36px 50px 20px;
	float: left;
	position: relative;
}

.footerColumnLeft {
	background: #2B3033;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2B3033', endColorstr='#000000');
	background-image: linear-gradient(right bottom, #2B3033 100%, #000000 0%);
	background-image: -o-linear-gradient(right bottom, #2B3033 100%, #000000 0%);
	background-image: -moz-linear-gradient(left top, #2B3033, #000000);
	background-image: -webkit-linear-gradient(right bottom, #2B3033 100%, #000000 0%);
	background-image: -ms-linear-gradient(right bottom, #2B3033 100%, #000000 0%);

	background-image: -webkit-gradient(
		linear,
		right bottom,
		left top,
		color-stop(1, #2B3033),
		color-stop(0, #000000)
		);
	width: 267px;
	min-height: 430px;
	padding: 20px 36px 50px 25px;
	float: left;
	position: relative;
}


h4 {
	color:#fff;
	font-size:18px;
	font-weight:bold;
	margin-bottom: 10px;
}
	
	
/* HEADER */	

#header {
	position: relative;
	padding: none;
}
	
	#header a img {
		position: relative;
		margin: 26px 0 0 23px;
		opacity:0.8;
		filter:alpha(opacity=80);
		filter: “alpha(opacity=80)”;
		}

	#header a:hover img {
		opacity:1;
		filter:alpha(opacity=100);
		filter: “alpha(opacity=100)”;
		transition: all .3s linear;
		-webkit-transition: all .25s linear;
		}