/* CSS Document */

/*==================================*/
/*    Author: Chris Johnson         */
/*    Company: Corporate 3 Design   */
/*    Date: December 12, 2008       */
/*==================================*/

/*==================================*/
/*---------- CONTENT AREA ----------*/
/*==================================*/

#contentwrapper {
	background: url(../images/main/contentwrapper_bg.jpg) top left no-repeat #fff;
	width: 880px;
	margin: 0 10px 0 10px;
	padding: 15px 0 15px 0;
}

#flasharea {
	width: 880px;
}

#notifications {
	background: url(../images/home/notificationsgradient.jpg) top left repeat-x;
	width: 880px;
	height: 30px;
	margin: 15px 0 15px 0;
}

#notifications h1{
	background: url(../images/home/notifications_bg.jpg) top left no-repeat;
	width: 114px;
	height: 23px;
	font-size: .7em;
	color: #fff;
	text-transform: uppercase;
	padding: 7px 0 0 7px;
	float: left;
}

#notifications ul {
	width: 759px;
	height: 30px;
	float: left;
	list-style: none;
	overflow: hidden;
}

#notifications li {
	overflow: hidden;
	width: 759px;
	height: 30px;
}

#notifications li a, #notifications li a:visited{
	background: url(../images/home/notifications_arrow.gif) 732px 5px no-repeat;
	display: block;
	width: 759px;
	height: 24px;
	font-size: .8em;
	padding: 6px 0 0 0;
	color: #4b555f;
	top:0px;
	left:0px;
}

#notifications li a:hover{
	background: url(../images/home/notifications_arrow.gif) 732px -174px  no-repeat;
	text-decoration: underline;
}

/*==================================*/
/*--------- FEATURE ITEMS ----------*/
/*==================================*/

#feature1 {
	float: left;
	width: 290px;
	height: 121px;
	padding: 0 0 0 0;
}

#feature1 a {
	display: block;
	width: 290px;
	height: 121px;
	background:url(../images/featureimages/feature1.jpg) 0px 0px no-repeat;
	overflow: hidden;
	text-indent: -9999em;
}

#feature1 a:hover {
	background:url(../images/featureimages/feature1.jpg) 0px -125px no-repeat;
}

#feature2 {
	float: left;
	width: 280px;
	height: 121px;
	padding: 0 10px 0 10px;
}

#feature2 a{
	display: block;
	width: 280px;
	height: 121px;
	background:url(../images/featureimages/feature2.jpg) 0px 0px no-repeat;
	overflow: hidden;
	text-indent: -9999em;
}

#feature2 a:hover {
	background:url(../images/featureimages/feature2.jpg) 0px -125px no-repeat;
}

#feature3 {
	float: left;
	width: 290px;
	height: 121px;
	padding: 0 0 0 0;
}

#feature3 a {
	display: block;
	width: 290px;
	height: 121px;
	background:url(../images/featureimages/feature3.jpg) 0px 0px no-repeat;
	overflow: hidden;
	text-indent: -9999em;
}

#feature3 a:hover {
	background:url(../images/featureimages/feature3.jpg) 0px -125px no-repeat;
}