/*
========================== 
BODY CENTER
==========================
*/
p {
	margin:10px 0;
}

/*
========================== 
LINKS
==========================
*/

a {
	text-decoration:none;
	color:#b2b2b2;
}

a:hover {
	text-decoration:underline;
}

a img {
	border:0;
}
/*
========================== 
HEADINGS
==========================
*/

h1, h2, h3, h4 {
	margin-top:0;
	padding-top:0;
}

h3, h4 {
	margin-bottom:0;

}

h4 {
	margin:0;
	font-size:13px;
	line-height:15px;
}

/* ========= */
/* = Links = */
/* ========= */

ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

/* ============= */
/* = HERO AREA = */
/* ============= */
div.hero {
	padding:4px 4px 4px 0;
	position:relative;
	width:550px; 
	height:300px;
	background:#2c2e2b;
	/*border:4px solid #5e5d3f; border-left:none;*/
	border:1px solid #2c2e2b;
}

div.hero div.bottom {
	width:550px;
	height:300px;
}

div.hero ul {
	position:absolute;
	width:154px;
	z-index:2;
}

div.hero ul#heroul {
	/*border-left:4px solid #5e5d3f;*/
	padding:0 0 0 4px;
}

div.hero ul.item0 {
	background:url(/images/hero/ulactive.gif) 190px 10px no-repeat;
}

div.hero ul.item1 {
	background:url(/images/hero/ulactive.gif) 190px 68px no-repeat;
}

div.hero ul.item2 {
	background:url(/images/hero/ulactive.gif) 190px 124px no-repeat;
}

div.hero ul.item3 {
	background:url(/images/hero/ulactive.gif) 190px 180px no-repeat;
}

div.hero ul li {
	height:75px;
	width:154px;
	background:url(../../images/btn_featuredEntry.png) no-repeat;
	color:#000;
	overflow:hidden;
}
div.hero ul li:hover, div.hero li.blackbkg {
	background:url(../../images/btn_featuredEntry.png) 0px -77px no-repeat;
}


div.hero ul li a {
	color:#000;
}

div.hero ul li h4 {
	font-size:15px;
	margin:0 0 0 15px;
	padding:10px 0 0 0;
	width:130px; height:31px;
	color:#fff;
	overflow:hidden;
	display:block;
}

div.hero ul li p {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 15px;
	color:#d7862f;
	display:block;
	width:130px; max-height:28px;
	overflow:hidden;
}

div.hero ul li a.image, div.hero ul li span.abstract, div.hero ul li span.heroimg {
	display:none;
}
div.hero ul li:hover a, div.hero ul li:hover, div.hero ul li.blackbkg, div.hero ul li.blackbkg a {
	color:#fff;
}

div.hero ul li.control {
	width:86px;
	height:20px;
	margin:4px 0 0 -5px;
	background:#2c2e2b;
	color:#b6b6b6;
	border:1px solid #2c2e2b; border-top:none;
	position:absolute;
	/*top:265px;*/ top:300px;
	text-align:center;
}

div.hero ul li.control a {
	padding:0 0 3px 0;
	display:block;
	color:#b6b6b6;
	font-size:11px;
	text-decoration:none;
	
	
}

div.hero ul li.control a.play {
	background:url(/images/hero/play.gif) 15px 5px no-repeat;				
}

div.hero ul li.control a.pause {
	background:url(/images/hero/pause.gif) 15px 5px no-repeat;				
}

div.hero div.herocontent {
	position:absolute;
	left:150px;
	height:300px;
	width:400px;
	overflow:hidden;
	font-size:13px;
}

div.hero div.herocontent span.abstract {
	position:absolute;
	bottom: 10px;
	left: 50px;
	width:300px;
	background:url(/images/hero/black.png) top left no-repeat;
	display:block;
	color:#fff;
}

div.hero div.herocontent span.abstractwrap {
	display:block;
	background:transparent;
	color:#fff;
}

div.hero div.herocontent span.abstractwrap a {
	color:#fff;
}

div.hero div.herocontent div.copy {
	padding:10px 5px;	
}

div.hero div.herocontent div.copy, div.hero div.herocontent div.copy a, div.herocontent span.abstract {
	font-size:14px;	
}

div.hero div.mid div.override {
	padding:5px 15px;
}