html {height: 100%}

body {
	background:url(/images_new_home/body_background.png) top left repeat-x #555;
	color:#ccc;
	font-family:helvetica, arial, sans-serif;
	font-size:13px;
	text-align:center;
	margin:0;
	line-height:1.3em;
}

p, h1, h2, h3, h4 {
	line-height:1.3em;
}

a { 
	color:#fff;
	text-decoration:none;
	outline:none;
}

a.linkheader {
	color:#FF8500;
	text-decoration:none;
	outline:none;
	}

#content_area a:hover { color:black; }

h1 { font-size:20px; }
h2 { font-size:17px; }
h3 { font-size:15px; }
h4 { font-size:13px; }

a img { border:none; }

hr {  visibility: hidden; /*height: 1px; color: #fff; border: none;*/ } /* For Internet Explorer */
html>body hr { visibility: hidden; /*height: 0px; background-color: #fff; border: none;*/ } /* For Gecko-based browsers */
html>body hr {  visibility: hidden;  /*height: 0px; background-color: #fff; border: 0px solid #fff;*/ } /* For Opera and Gecko-based browsers */

.clear { clear:both; }
.right { float:right; margin:0 0 10px 10px; }

#frame {
	width:910px;
	margin:0 auto;
	text-align:left;
}

#header {
	margin-bottom: 0px;
}

#header h1 {
	margin:0;
	padding-top: 0px;
	float: left;
}

#header h1 a {
	text-indent:-2000px;
	display:block;
	width:271px;
	height:107px;
	background:url(/images_new_home/erudine_logo.png) top left no-repeat transparent;
}

#randomim {margin-bottom: 10px;}

#support_site_link {
	float:right;
	margin:0;
	font-size:11px;
	padding:1em;
}

#support_site_link a { color:#999; }
#support_site_link a:hover { color:#fff; }

#nav_bar {
	position:relative;
	float: left;
	width: 633px;
	z-index:2500;
	background:url(/images_new_home/menu_bkg.png) top left no-repeat transparent;
	margin-top:15px;
	padding-top: 2px;
	padding-left: 5px;
}

#nav_bar #tel_no {
	float:right;
	margin:0;
	font-size:11px;
	color:#fff;
	padding:0.3em 1em;
	background-color:transparent;
}

#middle {
	clear: both;
	width:100%;
}

#console {
	position:relative;
	float: left;
	width:667px;
	height:294px;
}

#flash_area {
	position:absolute;
	top:0px;
	right:0px;
	width:419px;
	height:272px;
}

#flash_area p {
	margin:0;
}

#console_pic p {
	margin:0;
}

.abouterudine {
	position:absolute;
	top:0px;
	left:0px;
	}

#console_buttons {
	position:absolute;
	top:33px;
	left:0px;
}

#console_buttons a {
	display:block;
	width:248px;
	height:30px;
	text-indent:-2000px;
	background-position:0 0;
	margin:0px;
	padding: 0px;
	color: #999;
	font-size: 12px;
}

#console_buttons img {margin:0;}

#console_buttons a#console_who_is_erudine {
	background-image: url(/images_new_home/console_buttons/who_is_erudine.png);
}
#console_buttons a#console_what_is_ebe {
	background-image: url(/images_new_home/console_buttons/what_is_ebe.png);
}
#console_buttons a#console_where_can_ebe_be_used {
	background-image: url(/images_new_home/console_buttons/where_can_ebe.png);
}
#console_buttons a#console_how_is_legacy_caused {
	background-image: url(/images_new_home/console_buttons/how_is_legacy.png);
}
#console_buttons a#console_legacy_migration_with_ebe {
	background-image: url(/images_new_home/console_buttons/legacy_migration.png);
}
#console_buttons a#console_legacy_modernisation_with_ebe {
	background-image: url(/images_new_home/console_buttons/legacy_modernisation.png);
}
#console_buttons a#console_legacy_evolution_with_ebe {
	background-image: url(/images_new_home/console_buttons/legacy_evolution.png);
}
#console_buttons a#console_crashing_the_complexity_barrier {
	background-image: url(/images_new_home/console_buttons/crashing_complexity.png);
}
#console_buttons a#console_closing_the_business_it_divide {
	background-image: url(/images_new_home/console_buttons/closing_divide.png);
	height:28px;
}

#console_buttons a:hover, #console_buttons a:focus, #console_buttons a.selected {
	background-position:0 -30px;
	color:#FF8500;
}

.rounded {
	margin:0;
	color:#FF8500;
}

#casestudies_carousel a {color:#FF8500;}
#whitepape_carousel a {color:#FF8500;}

h3.rounded { font-size:12px; }
h4.rounded { font-size:11px; }

.rounded span {
		padding: 3px;
}


.quote_panel {
	float:left;
	width:245px;
	min-height:144px;
	background:url(/images_new_home/quote_panel_bkgd.png) top left repeat-x transparent;
	margin-right:10px;
	margin-bottom:10px;
	font-size:11px;
	color:#fff;
}

.quote_panel .quote_panel_pic {
	float:left;
	width:56px;
	padding:0 10px;
	margin:0;
}

.quote_panel div {
	float:left;
	width:150px;
	padding-top:10px;
}

.quote_panel div .quoted {
	color:#FE4E00;
}

#footer {
	clear:both;
	font-size:11px;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom:20px;
	background: url(/images_new_home/footer_bkg.png) top left no-repeat transparent;
	color: #efefef;
}

#footer span {
	padding-right: 10px;
}

#footer a {
	color: #EC5506;
}

#casestudies_carousel {
	overflow: hidden;
	float: left;
	position:relative;
	width:794px;
	height:96px;
	border: none;
}
#whitepaper_carousel {
	overflow: hidden;
	float: left;
	position:relative;
	width:794px;
	height:96px;
	border: none;
}

#casestudies_carousel li {
	border-right:1px solid #000;
}
#whitepaper_carousel li {
	border-right:1px solid #000;
}

.box_header {
	display: block;
	height: 48px;
	text-indent: -2000px;
	}
.box_header2 {
	display: block;
	height: 56px;
	text-indent: -2000px;
	}

#footer_carousel {
	float:left;
	position:relative;
	width:242px;
	margin-right: 3px;
}

#footer_carousel li {
    list-style: none;
	margin-left: -40px;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
}

#news_textlinks {
	float: left;
	width: 238px;
	height: 319px;
	padding-top: 36px;
	background: url(/images_new_home/news_bkg.png) top left repeat-x transparent;
}

#scroll_pane_console {
	width: 225px;
	height: 209px;
	overflow: auto;
}

#scroll_pane_news {
	width: 230px;
	height: 209px;
	overflow: auto;
}

#resource_center {
	float: left;
	width: 413px;
	height: 337px;
	margin-right: 5px;
	background-image:url(/images_new_home/resource_holder.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}


ul#ul_resource {
	position: relative;
	margin: 0;
	width: 413px;
	height:337px;
}

ul#ul_resource li{
	position: absolute;
	display:inline;
	text-indent: -99999999px;
	
}

ul#ul_resource a {
	display: block;
	text-decoration: none;
	height: 40px;
}


ul#ul_resource li#li_literature				{left: 179px; top: 52px; width:60px;}
ul#ul_resource li#li_whitepapers			{left: 309px; top:105px; width:80px;}
ul#ul_resource li#li_supportcentre          		{left: 325px; top:197px; width:60px;}
ul#ul_resource li#li_knowledgebase			{left: 176px; top:251px; width: 70px;}
ul#ul_resource li#li_training				{left: 38px; top: 203px; width: 60px;}
ul#ul_resource li#li_articles				{left: 38px; top: 104px; width: 100px;}



#news_textlinks a {
	display:block;
	width:205px;
	min-height: 36px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-bottom:0px;
	color: #666;
	font-size: 12px;
	background: url(/images_new_home/news_link_bg.png) bottom left repeat-x transparent;

}

#news_textlinks a:hover, #news_textlinks a:focus, #news_textlinks a.selected {
	color:#FF8500;
	padding-left: 5px;
	padding-bottom: 5px;
}

.HLink {
	display:block;
	margin-bottom:10px;
}

/*image gallery code*/

#news_scroller {margin:0px;}

.pics { height: 272px; width: 234px; padding:0; margin:0; overflow: hidden }
.pics img { height: 272px; width: 234px; padding: 0px; border: 0px; top:0; left:0 }

