@import url(//www.google.com/css/adwords.css);

@media screen, projection {

br {clear: both;}

div.boxout {
	float: right;
	width: 45%;
	margin-left: 2em;
	margin-top: 0;
	border: 1px solid #CCC;
	background: #EDF4FC;
	padding: 10px 10px 0 10px;
	clear: right;
}

div.section {
	float: left;
	width: 275px;
}

div.section h3 {
	border: 1px solid #CCC;
	padding: 5px 5px 5px 45px;
	margin-top: 0;
	background: url(images/file-35_edf4fc.gif) 4px 3px no-repeat #EDF4FC;
	min-height: 25px;
	line-height: 24px;
}

.icon {
	background: url(images/filedownload-16.png) 0 2px no-repeat;
	padding: 0 0 0 23px;
	min-height: 25px;
	font-weight: bold;
	display: block;
}

.icon.breezo {background-image: url(images/click_to_play_video-16.gif);}
.icon.pdf {background-image: url(images/pdf.gif);}
.icon.youtube {background-image: url(images/youtube-16.gif);}
.icon.support {background-image: url(images/question-16.gif);}

div.section.right {float: right;}

div.boxout h3 {margin-top: 0;}

div.boxout ul {
	margin-bottom: .5em;
	padding-left: 1.5em;
}

div.section li, div.boxout li {margin-bottom: .5em;}

p.info {
	margin-top: 0;
	color: #999;
	font-size: 90%;
}

h4 + p {margin-bottom: .2em;}

img.right {
	float: right;
	padding: 0 0 20px 20px;
	background: #fff;
}

img.left {
	float: left;
	padding: 0 20px 20px;
	background: #fff;
}

img.logos {margin-bottom: 1.5em;}

#links {
	display: block;
	background: url(images/molecule.png) no-repeat;
	height: 400px;
	position: relative;
	margin: 2.5em 0;
}

#links li {
	display: block;
	position: absolute;
}

#links li a {
	display: block;
	text-indent: -999em;
	outline: 0;
	cursor: pointer;
}

	#link1 {
		left: 193px;
		top: 0px;
		width: 170px;
		height: 45px;
	}

	#link1 a {height: 45px;}

	#link2 {
		left: 10px;
		top: 86px;
		width: 100px;
		height: 67px;
	}

	#link2 a {height: 67px;}

	#link3 {
		left: 442px;
		top: 86px;
		width: 103px;
		height: 67px;
	}

	#link3 a {height: 67px;}

	#link4 {
		left: 272px;
		top: 296px;
		width: 100px;
		height: 55px;
	}

	#link4 a {height: 55px;}

	#link5 {
		left: 70px;
		top: 296px;
		width: 113px;
		height: 55px;
	}

	#link5 a {height: 55px;}

	#link6 {
		left: 388px;
		top: 355px;
		width: 160px;
		height: 45px;
	}

	#link6 a {height: 45px;}

	.casestudy {
		float:left;
		margin: 0 3.5% 3em 0;
		width:48%;
		}

	.casestudy.last {margin-right:0;}

blockquote {
		background:#F0F0F0 none repeat scroll 0 0;
		color:#084;
		margin:1em 0;
		padding:1em 2em 0;
		width:45%;
		float:right;
		margin: 0 0 20px 20px;
	}

blockquote.wide {
		width:auto;
		float:none;
		margin: 0;
		padding:1em 2em 0 2em;
	}

	blockquote.left {
		float:left;
		margin: 0 20px 20px 0;
	}

	blockquote p {
		margin:0;
		padding-bottom:1em;
	}

	blockquote p + p {color:#333;}

	blockquote em.attribution {
		display:block;
		font-size:95%;
		font-weight:bold;
		margin-left:30%;
		margin-top:1em;
		text-align:right;
	}

}