@charset "UTF-8";
/* CSS Document */

body {
	background-image: url(resources/ConceptuaBackground.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 0.7em;
}
#content {
	width: 1110px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}
h1 {
	position: relative;
	height: 193px;
}
h1 a {
	position: absolute;
	height: 100px;
	width: 300px;
	right: 0px;
	bottom: 0px;
}
h1 a span {
	position: absolute;
	top: -999em;
}

#header {
	position: absolute;
	height: 26px;
	width: 286px;
	display:block;
	left: 410px;
	top: 145px;
}

.indent {
	left: 370px;
}

#header #strategy {
	background-image: url(resources/strategy.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 26px;
	width: 92px;
	text-indent: -999em;
	position: absolute;
	top: 0px;
	left: 0px;
}

#header #services {
	background-image: url(resources/services.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 26px;
	width: 103px;
	text-indent: -999em;
	position: absolute;
	left: 92px;
	top: 0px;
}
#header #support {
	background-image: url(resources/support.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 26px;
	width: 89px;
	text-indent: -999em;
	position: absolute;
	top: 0px;
	right: 0px;
}
#header #strategy:hover {
	background-image: url(resources/strategyHover.gif);
}
#header #services:hover {
	background-image: url(resources/servicesHover.gif);
}
#header #support:hover {
	background-image: url(resources/supportHover.gif);
}
#header #services.highlight {
	background-image: url(resources/servicesB.gif);
}
#header #strategy.highlight {
	background-image: url(resources/strategyB.gif);
}
#header #support.highlight {
	background-image: url(resources/supportB.gif);
}




#left , #middle, #right{
	height: 370px;
	width: 370px;
	float: left;
	position: relative;
}


#left {
	border: 2px solid #E08316;
	height: 366px;
	width: 366px;
	background-image: url(resources/orange.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#left #menu1 {
	padding-top: 30px;
	padding-left: 30px;
}
#left #menu1 li a {
	color: #666;
	text-decoration: none;
	font-size: 1.1em;
	line-height: 2em;
}
#left #menu1 li a:hover {
	color: #DF6217;
}
#left.orange #menu1 li a:hover{
	color: #FFFFFF;
}
#left #menu1 li ul li a {
	color: #E0A76D;
	padding-left: 1em;
}
#left #menu1 li ul li a:hover {
	color: #E08316;
}
#left.orange {
	background-color: #E58111;
	background-image: url(resources/orangeorange.jpg);
}
#left.orange #menu1 li a {
	color: #F4AA51;
}
#left.orange #menu1 li ul li a {
	color: #FFFFFF;
}

#middle {
	background-color: #E5820D;
	color: #FFF;
	font-size: 0.9em;
	line-height: 1.5em;
	overflow: hidden;
	padding: 30px;
	height: 310px;
	width: 310px;
}

#middle2 {
	background-color: #E5820D;
	color: #FFF;
	font-size: 0.9em;
	line-height: 1.5em;
	overflow: hidden;
}

#middle.wide {
	border: 2px solid #E08316;
	width: 706px;
	background-color: #FFF;
	color: #666;
	height: 306px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#middle.wide div {
	width: 204px;
	float: left;
	padding-right: 30px;
}
#middle.grey {
	background-color: #7D7D7D;
}
#middle.white {
	background-color: #FFF;
	color: #E08219;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E58111;
	border-bottom-color: #E58111;
	height: 306px;
}
#right.white {
	background-color: #FFF;
	color: #E08219;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E58111;
	border-bottom-color: #E58111;
	height: 366px;
	width: 366px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #E58111;
}
#right.rightscroller {
	padding: 30px;
	height: 306px;
	width: 306px;
}
#scroller2  , scroller2 a{
	color: #999;
}


#right.white a {
	color: #999;
	text-decoration: none;
}
#right.white a:hover {
	color: #E08219;
}
#middle.orange {
	background-color: #E7C49F;
	color: #E08316;
}
#middle.orange100 {
	background-color: #E58111;
	color: #FFF;
}
#middle.orange100 a {
	color: #FFF;
	text-decoration: none;
}
#middle.orange100 a:hover {
	color: #000;
}

#middle div .centre {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	display: block;
}

#middle h2 {
	font-size: 30px;
	padding-bottom: 0.6em;
	padding-top: 0.2em;
}

.scrollHeader {
	padding-bottom: 2em;
}
#noscroller {

}
#morelink {
	position: absolute;
	right: 30px;
	bottom: 15px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
#morelink2 {
	position: relative;
	padding-left: 230px;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}




#footer {
	clear: both;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
}
#legal {
	font-size: 0.9em;
	color: #555A5D;
	padding-left: 80px;
}
#footer .accesslinks a {
	color: #E08316;
	text-decoration: none;
}
#footer .accesslinks {
	position: absolute;
	left: 370px;
	top: 20px;
	font-size: 0.9em;
}

#footer img {
	float: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#right {
	background-color: #FFFBFF;
	overflow: hidden;
}
#backlink {
	position: absolute;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	top: 30px;
	right: 30px;
}
#imagelinks {
	position: absolute;
	left: 0px;
	top: 385px;
	display: block;
	z-index: 10;
}