/*****************************
 **    HOMEPAGE STLYES    **
 *****************************/
 
#content #portfolio, #content #top-tips {
	background: url('img/bg-panel-blue.png') no-repeat top left;
	width: 160px;
	height: 440px;
	padding: 10px;
	margin: 0 0 15px 0;
}
#content #top-tips p {
	font-size: 0.85em;
}
#content #top-tips .tips {
	overflow: hidden;
	height: 425px;
	margin: 0 20px 0 10px;
}
#content #top-tips .tips .tip {
	height: 400px;
	margin: 20px 0 0 0;
}
#content #animation {
	background: url('img/bg-panel-white-stripe.png') no-repeat top left;
	width: 461px;
	height: 320px;
	padding: 25px;
	margin: 0 0 0 20px;
}
#content #animation .caption {
	padding: 0 50px 0 0;
}
#content #animation .caption-inner {
	width: 150px;
	height: 200px;
	text-align: center;
	padding: 20px 0 0 0;
}	
#content #animation .video {
	padding: 10px 0 0 0;
}
#content #user-controls {
	float: right;
}

#content #cta {
	background: url('img/cta-gradient-purple.png') repeat-x top left;
	width: 160px;
	height: 280px;
	padding: 10px;
	margin: 20px 20px 0 0;
}
#content #latest-news-top {
	background: url('img/bg-panel-grey.png') no-repeat top left;
	margin: 25px 0 0 23px;
	padding: 10px 20px;
	width: 628px;
	height: 185px;
}
#cta .tape,  #latest-news-top .tape.top {
	float: right;
	margin: -25px 0 0 0;
 }
#cta .tape.bottom {
	position: absolute;
	margin: 275px 0 0 0;
 }
#cta .tips {
	height: 170px;
	width: 160px;
	margin: 0 0 10px 0;
	overflow: hidden;
}
#cta .tips h2 {
	color: #fff;
}
#latest-news-top .tape.top {
	float: right;
	margin: -10px 0 0 500px;
	
 }
#latest-news-top .tape.bottom {
	position: absolute;
	margin: 155px 0 0 10px;
}
#latest-news-top .ArticleSummary {
	width: 620px;
	height: auto;
	padding: 0 0 0 10px;
}
#latest-news-top .ArticleSummary .summary {
	display: none;
	padding: 0 0 0 15px;
}
#latest-news-top .ArticleSummary .item {
	width: 300px;
	height: 140px;
	margin: 0 0 30px 0;
}
#latest-news-top .ArticleSummary .item+.item+.item {
	margin: 0 0 30px 0;
	height: auto;
}
#latest-news-top .ArticleSummary .item+.item+.item .summary {
	display: block;
}
#latest-news-top .ArticleSummary img {
	margin: 0 15px 0 15px;
	width: 130px;
}
#latest-news-top .ArticleSummary h3 {
	height: 76px;
}
#latest-news-top .ArticleSummary .more a {
	padding: 0 5px 0 0;
}
#portfolio .control {
	margin: 0 0 0 55px;
	height: 28px;
	padding: 6px 0;
}
#portfolio .control.up {
	margin-top: 10px;
}
#portfolio .control img {
	width: 40px;
	height: 28px;
	position: absolute;
}
#portfolio .control.up img {
	background: url('img/portfolio-up.png') no-repeat 0 0;
}
#portfolio .control.down img {
	background: url('img/portfolio-down.png') no-repeat 0 0;
}
#portfolio .control.up img:hover {
	background: url('img/portfolio-up.png') no-repeat 0 -28px;
}
#portfolio .control.down img:hover {
	background: url('img/portfolio-down.png') no-repeat 0 -28px;
}
#portfolio .content, #portfolio .content .ArticleSummary {
	padding: 0 0 0 17px;
	height: 340px;
	overflow: hidden;
}
#portfolio .content .ArticleSummary a {
	display: block;
	width: 115px;
	height: 155px;
	margin: 10px 0;
	overflow: hidden;
}
#portfolio .content .ArticleSummary a img {
	width: 115px;
	height: 155px !important;
}
#portfolio .content .ArticleSummary {
	padding: 0;
}

#content {
	height: 960px;
}

#cta h2 {
	font-size: 1.4em;
	text-align: center;
}

#content-bottom .content-pane {
	padding: 0 15px 0 20px;
}