@import url(positioning.css);
@import url(typography.css);


#demo_reel {
	float: right;
	border: none;
	margin-top: -30px;
	padding: 5px 10px;
	background-color: #b00001;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;	
}

#demo_reel a, #demo_reel a:link, #demo_reel a:visited {
	color: #fff;
    text-decoration: none;
}		


#maincontent .promo {
	width: 49%;
	min-width: 280px;
	min-height: 25em;
	float: left;
}

#maincontent .promo img {
	border: 1px solid #ccc;
	padding:4px 4px;
}

#maincontent .promo {
	width: 49%;
	min-width: 280px;
	min-height: 25em;
	float: left;
}

#maincontent .promo img {
	border: 1px solid #ccc;
	padding:4px 4px;
}


#maincontent .promo h2, #maincontent .intro h2, {
	font-size: 2.2em;
	margin-bottom: 0.5em;
	padding-left: 2.5em;
	background: url(../images/bullet.jpg) 26px 50% no-repeat;
}

#maincontent .about h2, {
	font-size: 2.2em;
	margin-bottom: 0.5em;
	padding-left: 2.5em;
	background: url(../images/doc.gif) no-repeat;
}

#maincontent .promo h2 a {
	text-decoration: none;
}

#maincontent .promo h2+p {
	margin-bottom: 0;
}