/*
	Theme Name: Bexmedia Streaming Microsite
	Theme Author: Chris Garrett of Abstraktion fame
	Author URI: http://abstraktion.co.uk
	Theme URI: http://streaming.bexmedia.net
*/

/* Basic elements */
html{
	background: #231003 url(img/body.jpg) top repeat-x;
	color: #8c725e;
}

body{
	margin: 0 auto;
	width: 700px;
	font: 300 16px/1.5 'Helvetica Neue Light', Helvetica, Arial, sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
	background: transparent url(img/top-bar.jpg) top no-repeat;
	color: #8c725e;
}

p{
	margin: 15px 0;
}

a{
	text-decoration: none;
	color: #58a0df;
}

a:hover, a:focus{
	color: #FFF;
	border-bottom: 1px solid #3d291a;
}

section, aside{
	display: block;
	background: url(img/divide.png) bottom left no-repeat;
}

article{
	display: block;
	margin: 30px 60px 30px 0;
	width: 320px;
	float: left;
}

hgroup{
	position: relative;
}

/* Headings */
h1{
	margin: 0 auto;
	padding: 65px 0 28px 0;
	width: 344px;
}

	h1 a, h1 a:hover, h1 a:focus{
		display: block;
		height: 94px;
		border: 0;
		text-indent: -9000px;
		background: url(img/logo.png);
	}
	
h2, h3{
	text-indent: -9000px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#intro h2{
	margin: 54px auto 0 auto;
	width: 537px;
	height: 192px;
	background-image: url(img/intro.png);
}

#summary h2, #testimonial h2{
	position: absolute;
	top: 30px;
	left: 0;
	width: 297px;
	text-indent: -9000px;
}

#summary h2{
	height: 97px;
	background-image: url(img/summary.png);
}

#testimonial h2{
	height: 107px;
	background-image: url(img/quote.png);
}

h3{
	height: 76px;
}

#multi h3{
	background-image: url(img/multi.png);
}

#slick h3{
	background-image: url(img/slick.png);
}

#social h3{
	background-image: url(img/social.png);
}

#accessible h3{
	background-image: url(img/accessible.png);
}

/* Layout */
#intro{
	display: block;
	position: relative;
	padding-bottom: 114px;
	background: url(img/video.jpg) bottom no-repeat;
}

#video{
	display: none;
	position: absolute;
	bottom: 0;
	left: 30px;
	width: 640px;
	height: 360px;
	background: #000;
}

#video-button{
	display: block;
	position: absolute;
	top: 30px;
	left: 180px;
	width: 366px;
	height: 33px;
	text-indent: -9000px;
	background: url(img/watch.png) 0 0 no-repeat;
}

#video-button:hover{
	background-position: 0 -34px;
}

#summary, #testimonial{
	position: relative;
	padding: 30px 0 30px 365px;
}

	#testimonial{
		padding-left: 380px;
	}

	#summary ul{
		margin-top: -5px;
	}
	
		#summary ul li{
			margin-bottom: 15px;
			padding-left: 15px;
			background: url(img/list-item.png) 0 3px no-repeat;
		}
		
#testimonial{
	padding-top: 20px;
}

	#testimonial cite{
		display: block;
		margin: 15px 0;
		width: 231px;
		height: 31px;
		text-indent: -9000px;
		background: url(img/cite.png);
	}

.cta{
	position: relative;
	height: 67px;
	clear: both;
}

	.contact-cta span{
		display: block;
		position: absolute;
		top: 14px;
		left: 168px;
		width: 363px;
		height: 27px;
		text-indent: -9000px;
		background: url(img/call-us.png) center no-repeat;
	}
	
	.contact-cta a{
		display: block;
		position: absolute;
		top: 14px;
		left: 432px;
		width: 99px;
		height: 27px;
		border: 0;
		text-indent: -9000px;
		background: url(img/email-us.png) 0 0 no-repeat;
	}
	
	.contact-cta a:hover, .contact-cta a:focus{
		background-position: 0 -28px;
	}
	
	#dvd-cta{
		top: -20px;
		left: -3px;
		margin-bottom: -20px;
		height: 96px;
		text-indent: -9000px;
		background: url(img/dvd-cta.png) 10px 0 no-repeat;
	}
	
#features{
	margin-right: -60px;
	font-size: 14px;
}

footer{
	display: block;
	margin: 30px 0 100px 0;
}

	footer a{
		display: block;
		margin: 0 auto;
		width: 151px;
		height: 124px;
		border: 0;
		text-indent: -9000px;
		background: url(img/footer.png);
	}

/* Clearing floats */
#features{
	display: inline-block;
	_height: 1%;
}

#features:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}