/*
=================
| Feature boxes |
=================
*/

#main_section {
	padding: 10px 0px !important;
}

ul.tabs a {
	background-image: url(/media/graphics/tabs_homepage.jpg) !important;
}

#home_area {
	height: 460px;
	background-image: url(/media/graphics/home_tabs_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#carousel {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 660px;
}
	
#homepage_feature {
	float: left;
	width: 295px;
	padding-left: 5px;
}


.homepage_pane {
	padding: 5px;
	display: none;
}

.homepage_pane a, .homepage_buyonline a, .homepage_events a, .homepage_industrialisation a {
	color: #009DDC;
	text-decoration: none;
}

.homepage_pane a:hover, .homepage_buyonline a:hover, .homepage_events a:hover, .homepage_industrialisation a:hover {
	color: #FBAD18;
	text-decoration: none;
}

.homepage_buyonline {
	background-image: url(/media/graphics/home_buyonline.jpg);
	width: 455px;
	height: 80px;
	padding: 10px;
	margin: 10px 10px 0px 0px;
	float: left;
	background-repeat: no-repeat;
}

.homepage_industrialisation {
	background-image: url(/media/graphics/home_industrialisation.jpg);
	width: 455px;
	height: 80px;
	padding: 10px;
	margin: 10px 0px 0px 0px;
	float: left;
	background-repeat: no-repeat;
}

.homepage_events {
	background-image: url(/media/graphics/home_events.jpg);
	width: 455px;
	height: 80px;
	padding: 10px;
	margin: 10px 0px 0px 0px;
	float: left;
	background-repeat: no-repeat;
}

h5 {font-size: 1.3em; line-height: 1.2em; font-family: Arial, Helvetica, sans-serif; color: #009DDC; margin: 0px 0px 5px 0px; }

.home_boxlink {
	display: block;
	height: 80px;
	width: 150px;
	float: right;
	text-indent: -9999px;
	outline: none;
}

a.svcslink {
	display:block;
	width: 170px;
	padding: 20px 100px 10px 10px;
	background: url(/media/graphics/homepage_svcsbutton.jpg);
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	font-size: 20px;
}

a.svcslink#MT { background-position: 0px 0px; height: 73px;}
a.svcslink#CC { background-position: 0px -103px; height: 73px;}
a.svcslink#SD { background-position: 0px -206px; height: 72px;}

a.svcslink#MT:hover { background-position: 0px -308px; height: 73px;}
a.svcslink#CC:hover { background-position: 0px -411px; height: 73px;}
a.svcslink#SD:hover { background-position: 0px -514px; height: 72px;}
	
	
/*
=============
| News feed |
=============
*/

.homepage-rss {
	margin: 0px 1px;
	padding: 0px 0px 5px 0px;
	line-height: 1.4em;
}

.homepage-rss li {
	margin-bottom: 5px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dotted #009DDC;
	list-style-type: none;
	overflow: auto;
	display: inline-block;
}

.homepage-rss li img.news_img {
	float: left;
	border: 1px solid #666;
	margin: 0px 10px 0px 0px;
	width: 50px;
	height: 50px;
}
.homepage-rss li div {
	float: left;
	width: 210px;
}

.homepage-rss li span.news_date {
	color: #999;
}


/*
============================
| S&S / References buttons |
============================
*/

.homepage_bigbutton {
	display: block;
	height: 120px;
	background-image: url(/media/graphics/home_biguttons.jpg);
	text-indent: -9999px;
}

a#services {background-position: 0px 0px; margin: 0px 0px 10px 0px;}
a#references {background-position: 0px -120px; margin: 0px;}

a#services:hover {background-position: -285px 0px;}
a#references:hover {background-position: -285px -120px;}

/*
=================
| Connect links |
=================
*/

a.connectlink {
	display: block;
	height: 55px;
	padding: 10px;
	background-image: url(/media/graphics/connect_links.jpg);
	background-repeat: no-repeat;
	margin-top: 5px;
}

a#privatesector {background-position: 0px 0px}
a#publicsector {background-position: 0px -75px}
a:hover#privatesector {background-position: 0px -150px}
a:hover#publicsector {background-position: 0px -225px}


/*
===================
| jquery carousel |
===================
*/
	
#carousel_js {
   width: 658px; 
   position: relative;
   height: 348px; 
   overflow: hidden; 
   border: 1px solid #CCC;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   background-image: url(/media/homepage/carousel/homepage_01.jpg); 
}

#carousel_js span {
   position: absolute; 
   left: 0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   padding: 10px 13px;
   width: 658px;
   background-color: #000;
   filter: alpha(opacity=70); 
   -moz-opacity: 0.7; 
   -khtml-opacity: 0.7; 
   opacity: 0.7; 
   color: #fff;
   bottom: 0;
   height: 120px;
}

#carousel_js a, #carousel_nojs a:hover {
	color: #FFF;
	text-decoration: none;
}