/* homepage intro */

#content.home
{
    background: url(../images/contentBgHome.gif) bottom left no-repeat;
}

#introRelative
{
    padding:0;
    position:relative;
    height:313px;
	width:100%;
	display:block;
	margin:0;
	border-left:solid 2px #FFF;

}

#intro {
	position:absolute;
	top:0;
	left:-2px;
	margin:0;
}

#intro img {
	position:absolute;
	/*top:1px; OMAR*/
	top:0;
	left:7px;
	z-index:0;
}

#hero {
	position:absolute;
	/*top:74px; OMAR*/
	top:0;
	left:0;


	width:510px;
	height:177px;
	border-left:7px solid #00864f;
	z-index:1;
}

#hero .opaque 
{
    position: relative;
    top: 65px;
    padding: 25px 13px;

}

#hero h1 {
	font-size:221%;
	margin:0 0 5px 0;
	line-height:50%;
	color:#FFF;
}

/* homepage panels */
#panels {
	position:relative;
	display:block;
	clear:both;
	background:url(../images/homePanelsBg.gif) top left no-repeat;
	min-height:340px;
	/*OMAR*/
	margin-top: -1px;
}

* html #panels {
	height:340px;
}

#panels div {
	width:240px;
	float:left;
	/*OMAR*/
	margin-top: 10px;
}

#panels div h2  {
	font-size:100%;
	margin:1px 7px 20px 7px;
}

#panels div.first h2 {
	margin:1px 7px 20px 20px;
}

#panels div.last h2 {
	margin:1px 14px 20px 7px;
}

#panels div p {
	margin:0 20px 23px 20px;
	min-height:70px;
}

* html #panels div p {
	height:70px;
}

#panels div p.alignRight {
	min-height:0;
	margin:0 20px;
}

* html #panels div p.alignRight {
	height:0;
}

#panels div.first p {
	margin:0 20px 23px 30px;
}

#panels div.last p {
	margin:0 30px 23px 20px;
}


#panels div h2 a {
	display:block;
	text-align:center;
	color:#fff;
	padding:13px 0;
	position:relative;
	height:1%;
	background:url(../images/BackTabsNav.gif) 0 -1px repeat-x;
}