.red, 
.red, 
.content a {
	color: #d15c60;
}


.blue, 
.content h2, 
.content h2 a, 
.content h2 a:hover,
.content h3 a, 
.content h3 a:hover {
	color: #76cce8;
}

.demo_container{
	display: none;
}


.grey, 
.content, 
a.link-box {
	color:#999999;
}

.header-line{
	background-color:#76cce8; 
	height:2px;
}


.link-box {
	color:#b3b3b3;
	background-color: #f5f5f5;
	display:block;
	margin-bottom:20px;
	cursor: pointer;
	box-shadow: 0px 0px 5px 0px #ccc;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.link-box, 
.demo-title, 
.demo-cover {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.nowplaying {
		cursor:default;
}
.link-box.nowplaying {
	color:#f5f5f5;
	background-color: #d2232a;
}

.link-box.nowplaying .feature span {
	background-color: #fff;
	color: #999999;
}

.link-box, 
.demo-cover, 
.feature span,
.demo-play {
	-webkit-transition: all linear  0.15s;
	-o-transition: all linear  0.15s;
	-moz-transition: all linear  0.15s;
	-ms-transition: all linear  0.15s;
	transition: all linear  0.15s;
}

.link-box:not(.nowplaying):hover {
	background-color: #ededed;
}
.link-box:hover .demo-cover, 
.nowplaying .demo-cover {
	background-color: rgba(0,0,0,0);
}

.demo-info {
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	position: relative;
}

.demo-title {
	padding-top:17px;
	background-color:#333;
	background-repeat:no-repeat;
	background-size:cover;
	 background-position: center; 
	position:relative;
}
.nowplaying .demo-title{
	background-color:#777;
}
.demo-cover {
	position:absolute; 
	left:0; 
	right:0; 
	top:0; 
	bottom:0; 
	background-color:rgba(0,0,0,0.3); 
	z-index:0;
}
.demo-play {
	z-index:1; 
	position:relative;
}
.hideit {
	opacity: 0;
}

.demo-title-text {
	color:#fff;
	font-size:1.3em;
	z-index:1; 
	position:relative;
	text-align: center;
	padding:12px 10px 12px 10px;
	text-shadow: 0px 0px 4px #000;
	display: table; 
	width: 100%;
	
}
.demo-title-text-cell {
	display: table-cell; 
	vertical-align: middle;
}
.hosted_label {
	margin-top: 10px;
	margin-left: 4px;
/*	position: absolute;
	bottom: 0px;*/
}
.hosted_label span, 
.side-note span {
	display: inline-block;
}
.side-note span, 
.side-note .activebandwidth { 
	color:#ddd;
}
.feature {
	color: #fff;
	display: inline-block;
	text-align: center;
	width:100%;
}
.feature span {
	background-color: #76cce8;
	padding: 5px 5px 5px 5px;
	margin: 2px 4px 2px 4px;
	display: block;
}
.half_feature {
	width:50%;
}



.infonote {
	position: relative; 
	background-color:#f5f5f5; 
	padding: 12px 12px 12px 90px;
	margin-top: 6px;
}
#note_silverlight {
	background-image: url('../img/silverlight.png');
	background-repeat: no-repeat;
	background-position: 17px center;
}
#note_lightbulb {
	background-image: url('../img/lightbulb.png');
	background-repeat: no-repeat;
	background-position: 17px center;
}


.footer, 
.footer a {
	color:#c0c0c0;
}


h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

h2, h3, h4, h5, h6 {
	color:#76cce8;
}

h1 {
	margin:0px;
	padding:0px;
	color:#666;
}

a, 
a:hover, 
a:focus {
	text-decoration:none;
}


.center-image, 
.center, 
.centre {
	margin: 0 auto;
}


strong, b {
	font-weight:normal;
}

em, i {
	font-style:normal;
}


.content {
	font-size:18px;
	line-height:1.3em;
}


.content .intro {
	font-size:24px;
	line-height:1.3;
}



section, 
.btm-buffer {
	margin-bottom:70px;
}

.btm-buffer-small {
	margin-bottom:30px;
}



.both-buffer {
	margin-top:30px;
	margin-bottom:0px;
}

.content h2 {
	margin-top:0px;	
	margin-bottom:15px;
	font-size:37px; 
}
#top-bar {
	background-color:#eee;
	padding-top:15px; 
	padding-bottom:15px; 
	margin-bottom:25px;
}
.top-buffer {
	margin-top:40px !important;
}

.top-buffer-15 {
	margin-top:15px !important;
}
.top-buffer-10 {
	margin-top:10px !important;
}
.top-buffer-5 {
	margin-top:5px !important;
}


.content h2 img {
	margin-right:15px;
	vertical-align: bottom;	
}

.content .title-text {
	margin-top:8px;
}




.content a:not(.link-box):hover {
	color:#d2232a;
}


/*.content ul {
	list-style:none;
	margin-left: 0;
	padding-left: 0;
}

.content ul li {
	background-image:url(img/bullet.png);
	background-position:left 8px;
	background-repeat:no-repeat;
	padding-left:15px;
	margin-left:10px;
}*/


.cta {
    -webkit-transition: background-color 400ms ease, color 400ms ease, border-color 400ms ease, border-left-color 400ms ease;
    -moz-transition: background-color 400ms ease, color 400ms ease, border-color 400ms ease, border-left-color 400ms ease;
    -o-transition: background-color 400ms ease, color 400ms ease, border-color 400ms ease, border-left-color 400ms ease;
    transition: background-color 400ms ease, color 400ms ease, border-color 400ms ease, border-left-color 400ms ease;

	background-color: transparent;
	border:2px solid #d2232a;
	color:#d2232a;
	display:inline-block;
	font-size:16px;
	padding-right:35px;
	padding:7px 35px 7px 10px;
	text-align:left;
	border-radius:4px;
	margin-top:10px;
	position: relative;
}
.cta:after {
    -webkit-transition: border-color 400ms ease, border-left-color 400ms ease;
    -moz-transition: border-color 400ms ease, border-left-color 400ms ease;
    -o-transition: border-color 400ms ease, border-left-color 400ms ease;
    transition: border-color 400ms ease, border-left-color 400ms ease;
	right: 4px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(210, 35, 42, 0);
	border-left-color: #d2232a;
	border-width: 8px;
	margin-top: -8px;
}
.cta:hover {
	background-color: #d2232a; 
	color:#FFF !important;
}
.cta:hover:after, 
.cta:active:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #fff;
}
.cta:active {
	color:#FFF !important;
	background-color:rgba(210,35,42,0.8);
}
.cta-small {
	margin:0px;
	padding:5px 25px 5px 8px;
}


.side-note {
	background-color:#333;
	padding:15px 20px 15px 20px;
/*	position: relative;*/
}
.side-note div {
	margin-top:9px;
	margin-bottom: 9px;
}
.side-note-arrow {
width: 0;
height: 0;
border-style: solid;
border-width: 12px 21px 12px 0;
border-color: transparent #333 transparent transparent;
position: absolute;
left:-20px;
top:55px;

}

.small-caps {
	text-transform:uppercase;
	font-size:11px;
	line-height:11px;
}

.off {
	display: none;
}

.footer a:hover {
	color:#fff;
}

.footer h5 {
	margin-top:0px;
	text-transform:uppercase;
}
.footer h5 a, 
.footer h5 a:hover  {
	color:#76cce8;
}


.footer-bottom {
	text-align:center;
	background-color:#151515;
	font-size:12px;
}

.footer-bottom ul {
	padding-top:10px;
}

.footer-bottom li {
	border-right:1px solid;
	padding-right:12px;
	padding-left:8px;
	line-height:13px;
	display:inline-block;
}




/* ======================================
   Font styles
   ====================================== */

.regular, 
.content h3  {
	font-family: 'OpenSansRegular', Calibri, sans-serif;
}

.light {
	font-family:'OpenSansLight', Calibri, sans-serif;
}

.semibold { 
	font-family: 'OpenSansSemibold', Calibri, sans-serif;
	font-weight:normal;
}

.con-light {
	font-family:  'OpenSansCondensedLight', Calibri, sans-serif;
}

.con-bold, 
.con-light strong, .con-light b, 
.content h2, 
.content h4, 
.content h5 {
	font-family: 'OpenSansRegular', Calibri, sans-serif;
}



@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'OpenSansCondensedLight';
    src: url('../fonts/OpenSans-CondLight-webfont.eot');
    src: url('../fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('../fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('../fonts/OpenSans-CondBold-webfont.eot');
    src: url('../fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-CondBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*=================*/
/*media queries*/

/*Phones */
@media(max-width:767px){ 
	
	#top-bar {
		margin-bottom:0px;
	}
	.mobile-center-text {
		text-align:center;
	}

	.btm-buffer-mobile {
		margin-bottom:60px;
	}

	.side-icon .img-responsive {
		margin:0 auto;
		max-height:65px;
	}
	h1 {
		font-size:1.3em;
	}
	.content h2 {
		text-align:center;
		margin-bottom:0px;
		font-size:27px; 
	}

	.content h3 {
		margin-bottom:0px;
		font-size:18px; 
	}

	.content {
		font-size:14px;	
	}

	.content .intro {
		font-size:18px;
	}

	section, 
	.btm-buffer {
		margin-bottom:30px;
	}

	.top-buffer {
		margin-top:20px;
	}

	.side-icon {
		text-align:center;
	}

	.footer {
		margin-top:0px;
	}

	.content ul li {
		background-position:left 2px;
	}
	.link-box {
		margin-left:10px;
		margin-right: 10px;
	}
}



/*tablets*/
@media (min-width:768px) and (max-width:991px){ 
	.content h2 {
		font-size:30px; 
	}
	.content h3 {
		font-size:22px; 
	}
	.content {
		font-size:16px;	
	}
	.side-note {
		padding:15px;
	}
	
}



/*wide tablets and small PC resolutions*/
@media (min-width:992px) and (max-width:1199px){ 
	.content {
		font-size:17px;	
	}
	.content h2 {
		font-size:33px; 
	}
}


.tester {
	background-color: goldenrod;
}