/*
	$Id: screen.css 9203 2008-10-02 00:29:22Z svn $
*/
/* {literal} */
* {
	font-size: 100.01%; 
} 

html {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(../../images/public/layout/banner.png);
	background-position: center 0px;
	background-repeat: no-repeat;
}

body {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; 
	color: #575757; 
	width: 880px;
	margin: auto;
}

html {
	font-size: 62.5%;
}

body#tinymce {
	width: 100%;
	height: 100%;
	position: static;
	background-color: #ffffff;
}

a#logo {
	display: block;
	height: 150px;
}

a#logo span {
	display: none;
}

div#banner {
	height: 300px;
	background-repeat: no-repeat;
	background-position: -2px top;
	position: relative;
}

div#banner.contactPage {
	height: 505px;
}

div#banner a#contactMap {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 11px;
}

div#banner.shortBanner {
	height: 46px;
}

ul#menu {
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	width: 660px;
	background-image: url(../../images/public/menu/menu.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

ul#menu li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	display: block;
	float: left;
}

ul#menu li a {
	background-image: url(../../images/public/menu/menuItem.gif);
	background-position: 0px -36px;
	background-repeat: no-repeat;
	height: 26px;
	display: block;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 10px;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
}

ul#menu li.active a,
ul#menu li a:hover {
	background-position: 0px 0px;
}

ul#menu li#home a {
	padding-left: 25px;
	background-image: url(../../images/public/menu/home.gif);
}

div#leftColumn {
	float: left;
	padding-right: 10px;
	width: 660px;
}

div#leftColumn h1 {
	padding: 0px;
	margin: 0px;
	color: #006fb2;
	font-size: 26px;
	font-weight: normal;
	width: 450px;
	padding-left: 25px;
	margin-bottom: 15px;
	line-height: 1.2;
}

div#leftColumn a {
	color: #1da8ce;
}

div#leftColumn h2 {
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	font-size: 15px;
	padding-left: 25px;
	padding-right: 15px;
	margin-bottom: 15px;
}

div#leftColumn p {
	font-size: 13px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
	padding-right: 15px;
	padding-left: 25px;
	line-height: 1.3;
}

div#leftColumn h5 {
	color: #006fb2;
	font-weight: normal;
	padding-left: 25px;
	font-size: 14px;
}

div.solutionsContent ul,
div#leftColumn div#content ul {
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
}

div.solutionsContent ul li,
div#leftColumn div#content ul li {
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	margin-left: 30px;
	padding-right: 15px;
	line-height: 1.3;
	background-image: url(../../images/public/layout/bullet.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 20px;
	list-style-type: none;
}

div#rightColumn {
	float: left;
	width: 210px;
	padding-top: 10px;
	padding-bottom: 20px;
}

div#rightColumn ul#latestNews {
	float: left;
	width: 210px;
	padding: 0px;
	margin: 0px;
	padding-top: 33px;
	background-image: url(../../images/public/layout/latestNews.jpg);
	background-repeat: no-repeat;
	background-color: #f3f3f3;
}

div#rightColumn ul#latestNews li {
	display: block;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	padding-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
	border-bottom: 3px solid #ffffff;
}

div#rightColumn ul#latestNews li h3,
div#rightColumn ul#latestNews li h4
{
	font-weight: normal;
	color: #006fb2;
}

div#rightColumn ul#latestNews li h3 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
	font-size: 14px;
}

div#rightColumn ul#latestNews li h4 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
	font-size: 13px;
}

div#rightColumn ul#latestNews li p {
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
	font-size: 13px;
	color: #999999;
}

div#rightColumn ul#latestNews li.last {
	border: none;
}

ul#biographyMenu {
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 0px;
	padding-bottom: 10px;
}

ul#biographyMenu li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	display: block;
	float: left;
}

ul#biographyMenu li a {
	display: block;
	text-decoration: none;
	width: 103px;
	background-repeat: no-repeat;
	background-position: -103px top;
	font-size: 11px;
	margin-right: 25px;
	padding-top: 140px;
	min-height: 40px;
	color: #464646;
	font-style: italic;
}

ul#biographyMenu li.right a {
	margin-right: 0px;
}

ul#biographyMenu li.active a,
ul#biographyMenu li a:hover {
	background-position: left top;
}

ul#biographyMenu li a h4  {
	padding: 0px;
	margin: 0px;
	color: #006fb2;
	font-style: normal;
}

ul#biographyMenu li a img {
	display: block;
}

div#biographyContent {
	padding-top: 30px;
}

div#biographyContent h1 {
	margin: 0px;
	padding-bottom: 5px;
}

div#biographiesContent {
	background-image: url(../../images/public/biographies.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
}

div#leftColumn div#biographiesContent p {
	margin: 0px;
	padding: 0px;
	padding-left: 22px;
	margin-bottom: 5px;
}

div#leftColumn div#biographiesContent h6 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	padding-left: 22px;
	font-size: 13px;
	color: #1da8ce;
	line-height: 1.3;
}

div#leftColumn div.solutionsContent h1 {
	width: 550px;
}

ul#solutionMenu  {
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	margin-left: 25px;
	width: 130px;
	float: left;
}

ul#solutionMenu li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

ul#solutionMenu li a {
	background-image: url(../../images/public/solutions/menuItem.png);
	background-position: 0px bottom;
	background-repeat: no-repeat;
	font-size: 13px;
	background-color: #e9e9ea;
	color: #464646;
	text-decoration: none;
	display: block;
	padding: 10px;
}

ul#solutionMenu li.active a,
ul#solutionMenu li a:hover {
	background-position: -132px bottom;
	color: #ffffff;
}

ul#solutionMenu li#solutionsPolicyMenu a {
	background-image: url(../../images/public/solutions/policy.png);
}

ul#solutionMenu li#solutionsOrganisationalMenu a {
	background-image: url(../../images/public/solutions/organisational.png);
}

ul#solutionMenu li#solutionsProjectMenu a {
	background-image: url(../../images/public/solutions/project.png);
}

ul#solutionMenu li#solutionsCommercialMenu a {
	background-image: url(../../images/public/solutions/commercial.png);
}

ul#solutionMenu li#solutionsProcessMenu a {
	background-image: url(../../images/public/solutions/process.png);
}

div#leftColumn h1.solutionsPolicy {
	color: #e7038c;
}

div#leftColumn h1.solutionsOrganisational {
	color: #653193;
}

div#leftColumn h1.solutionsProject {
	color: #1da8c3;
}

div#leftColumn h1.solutionsCommercial {
	color: #80c141;
}

div#leftColumn h1.solutionsProcess {
	color: #fcb53f;
}


div#solutionDetails {
	width: 470px;
	float: left;
}

ul#colourWheel  {
	margin-left: 300px;
	background-image: url(../../images/public/solutions/colourWheel.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin: 0px;
	float: left;
	display: block;
	margin-left: 20px;
	width: 450px;
	height: 450px;
	margin-bottom: 30px;
	position: relative;
}

ul#colourWheel li {
	list-style-type: none;
}

ul#colourWheel li a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
}

ul#colourWheel li a span {
	display: none;
}

ul#colourWheel li#solutionsPolicy a {
	top: 120px;
	left: 0px;
	width: 120px;
	height: 120px;
}

ul#colourWheel li#solutionsOrganisational a {
	top: 20px;
	left: 65px;
	width: 120px;
	height: 120px;
}

ul#colourWheel li#solutionsProject a {
	top: 20px;
	left: 185px;
	width: 80px;
	height: 120px;
}

ul#colourWheel li#solutionsCommercial a {
	top: 20px;
	left: 265px;
	width: 120px;
	height: 120px;
}

ul#colourWheel li#solutionsProcess a {
	top: 120px;
	left: 330px;
	width: 120px;
	height: 120px;
}

ul#colourWheel li#solutionsPolicyBottom a {
	top: 210px;
	left: 330px;
	width: 120px;
	height: 120px;
}


ul#colourWheel li#solutionsOrganisationalBottom a {
	top: 290px;
	left: 250px;
	width: 120px;
	height: 120px;
}

ul#colourWheel li#solutionsProjectBottom a {
	top: 310px;
	left: 185px;
	width: 80px;
	height: 120px;
}

ul#colourWheel li#solutionsCommercialBottom a {
	top: 290px;
	left: 65px;
	width: 120px;
	height: 120px;
}

ul#colourWheel li#solutionsProcessBottom a {
	top: 210px;
	left: 0px;
	width: 120px;
	height: 120px;
}

div#leftColumn div#solutionsContent div#solutionDetails h1 {
	width: 460px;
}

div#experience {
	background-image: url(../../images/public/solutions/experience.jpg);
	background-repeat: no-repeat;
	background-color: #e6eef9;
	margin-left: 20px;
	padding-top: 30px;
	padding-bottom: 20px;
	margin-bottom: 15px;
}

div#experience h3 {
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	font-size: 18px;
	color: #006fb2;
	padding-left: 20px;
	margin-bottom: 15px;
}

div#experience p {
	padding-left: 20px;
}

div#experience ul {
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
}

div#experience ul li {
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	margin-left: 20px;
	background-image: url(../../images/public/layout/bullet.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	list-style-type: none;
	padding-left: 20px;
	padding-right: 15px;
	padding-bottom: 5px;
	line-height: 1.3;
}

div#biographyContent a#back,
div#solutionDetails a#back {
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	color: #1078b7;
	margin-left: 22px;
	padding-left: 15px;
	margin-bottom: 15px;
	background-image: url(../../images/public/layout/back.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
}

div.contact {
	float: left;
	width: 220px;
}

div#leftColumn h2.contact {
	color: #006fb2;
	padding-top: 20px;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0px;
}

div#leftColumn div.contact h3 {
	color: #006fb2;
	font-size: 14px;
	font-weight: normal;
	margin-left: 0px;
}

div#leftColumn div.contact p {
	padding-left: 0px;
}

div#leftColumn div.contactLeft p {
	padding-left: 25px;
}

div#leftColumn div.contactLeft h3 {
	margin-left: 25px;
}

div#leftColumn div.clientCare {
	margin-left: 10px;
	width: 417px;
	background-image: url(../../images/public/about/clientCare.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

div#leftColumn div.clientCare h3 {
	background-image: url(../../images/public/about/clientCareTop.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	font-size: 15px;
	padding-left: 108px;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #006fb2;
}

div#leftColumn div.clientCare p {
	padding: 0px;
	margin: 0px;
	line-height: 1.5;
	padding-right: 20px;
	padding-left: 108px;
	padding-bottom: 15px;
}

div#leftColumn div.values_content p {
	background-color: #f3f3f3;
	margin-left: 25px;
	padding: 10px;
	margin-bottom: 7px;
}

div#leftColumn strong {
	color: #006fb2;
	padding-right: 10px;
}

div#footer {
	width: 880px;
	margin: auto;
	background-image: url(../../images/public/layout/footer.jpg);
	background-repeat: repeat-x;
	margin-top: 45px;
	margin-bottom: 15px
	margin-bottom: 15px;;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#footer ul {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
}

div#footer ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

div#footer ul li a {
	color: #999999;
	font-size: 11px;
	text-decoration: none;
	padding-right: 15px;
}

div#footer ul li.active a,
div#footer ul li a:hover {
	color: #60bb46;
	text-decoration: underline;
}

div#footer span {
	width: 160px;
	text-align: right;
	padding-right: 10px;
	float: right;
	display: block;
	color: #999999;
	font-size: 11px;
}

a#profile {
	margin-top: 20px;
	color: #60bb46;
	display: block;
	font-size: 13px;
	width: 140px;
	clear: both;
	background-image: url(../../images/public/layout/profile.jpg);
	background-position: 15px 20px;
	background-repeat: no-repeat;
	padding-left: 60px;
	padding-top: 30px;
	height: 37px;
}

a#greenPower {
	color: #29801f;
	display: block;
	background-image: url(../../images/public/layout/greenpower.jpg);
	width: 210px;
	height: 54px;
}

a#greenPower span {
	display: none;
}

div#leftColumn h2.label {
	margin-top: 10px;
	font-size: 16px;
	padding-right: 30px;
	color: #006fb2;
	text-align: right;
}

div#leftColumn h2.label span {
	display: block;
	font-weight: normal;
	color: #575757; 
	font-size: 13px;
	padding-left: 20px;
}


/** START DONT TOUCH THIS **/

.clear:after {
    content:						"."; 
    display:						block; 
    height:							0px; 
    clear:							both; 
    visibility:						hidden;
}

.clear {
	display:						block;
}

/* End hide from IE-mac */

/** END DONT TOUCH THIS **/
/* {/literal} */