﻿/* Reset */
*{margin:0; padding:0;}
body
{	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.625em;
	line-height: 1.5em;
	color: #420f4c;
	background: #fff;
}
li{font-size: 1.2em;}
p{font-size: 1.2em;}
table{border-collapse: collapse; border: 0; border-spacing: 0;}
td{vertical-align: top;}
textarea{font-size: 1.2em; font-family: Arial, Verdana, Helvetica, sans-serif;}
select{font-size: 1.2em; font-family: Arial, Verdana, Helvetica, sans-serif;}
input{font-size: 1.2em; font-family: Arial, Verdana, Helvetica, sans-serif;}
img{border: 0;}
a{color: #d55000; text-decoration: none;}
a:hover{text-decoration: underline;}
h4
{
	font-family: Georgia, Times New Roman, Serif; 	
	line-height: 1.0em;
	font-weight: normal; 
}
h3
{
	font-family: Georgia, Times New Roman, Serif; 	
	line-height: 1.0em;
	font-weight: normal; 
}
h2
{
	font-family: Georgia, Times New Roman, Serif; 	
	line-height: 1.0em;
	font-weight: normal; 
}
h1
{
	font-family: Georgia, Times New Roman, Serif; 	
	line-height: 1.0em;
	font-weight: normal; 
}
h1{font-size: 2.0em;}
h2{font-size: 2.0em;}
h3{font-size: 2.0em;}
h4{font-size: 14px;}

/* Center site */
.alignCenter
{
	margin-left: auto; margin-right: auto;
	width: 977px;
}

/* Backgrounds */
#leftBg
{
	position: absolute;
	left: 0;
	width: 50%;
	height: 368px;	
	background: url("/images/bg-left.gif") top right repeat-x;
}	
#rightBg
{
	position: absolute;
	right: 0;
	width: 51%;
	height: 368px;	
	background: url("/images/bg-right.gif") top left repeat-x;
}
#bg
{
	position: relative;
	width: 100%;
	min-width: 977px;	
	min-height: 400px;
	background: url("/images/bg-header.jpg") top center no-repeat;
}

/* Header */
.header
{
	float: left;
	width: 977px;
	padding: 0px 0px 58px 0px;
}
.header h1
{
	float: left; 
	margin: 18px 0px 0px 28px;
}
.header h1 a
{
	float: left;
	width: 270px;
	height: 51px;
	background: url("/images/logo.gif") top left no-repeat;
}
.header h1 span{display: none;}
/* Navigation */
.header ul.nav
{
	float: right; 
	margin: 0px 28px 0px 0px;
	list-style-type: none;	
}
.header ul.nav li
{
	float: left;
	position: relative;
	display: block;
}
.header ul.nav li a{
	float: left;
	height: 53px;	
}
.header ul.nav li a span{display: none}

ul.nav li.btnHome{background: url("/images/nav/btn-home-on.gif") top left no-repeat;}
ul.nav li.btnHome a{width: 101px;}
ul.nav li.btnHome a{background: url("/images/nav/btn-home-off.gif") top left no-repeat;}
ul.nav li.btnHome a:hover{background: url("/images/nav/btn-home-on.gif") top left no-repeat;}
ul.nav li.btnHome a.on{background: url("/images/nav/btn-home-on.gif") top left no-repeat;}

ul.nav li.btnServices{background: url("/images/nav/btn-services-on.gif") top left no-repeat;}
ul.nav li.btnServices a{width: 124px;}
ul.nav li.btnServices a{background: url("/images/nav/btn-services-off.gif") top left no-repeat;}
ul.nav li.btnServices a:hover{background: url("/images/nav/btn-services-on.gif") top left no-repeat;}
ul.nav li.btnServices a.on{background: url("/images/nav/btn-services-on.gif") top left no-repeat;}

ul.nav li.btnPortfolio{background: url("/images/nav/btn-portfolio-on.gif") top left no-repeat;}
ul.nav li.btnPortfolio a{width: 127px;}
ul.nav li.btnPortfolio a{background: url("/images/nav/btn-portfolio-off.gif") top left no-repeat;}
ul.nav li.btnPortfolio a:hover{background: url("/images/nav/btn-portfolio-on.gif") top left no-repeat;}
ul.nav li.btnPortfolio a.on{background: url("/images/nav/btn-portfolio-on.gif") top left no-repeat;}

ul.nav li.btnContact{background: url("/images/nav/btn-contact-on.gif") top left no-repeat;}
ul.nav li.btnContact a{width: 110px;}
ul.nav li.btnContact a{background: url("/images/nav/btn-contact-off.gif") top left no-repeat;}
ul.nav li.btnContact a:hover{background: url("/images/nav/btn-contact-on.gif") top left no-repeat;}
ul.nav li.btnContact a.on{background: url("/images/nav/btn-contact-on.gif") top left no-repeat;}

/* Content box */
.shaddowTop
{
	float: left;
	width: 977px;
	background: url("/images/bg-shaddow-top.gif") top center no-repeat;
}
.shaddow
{
	float: left;
	width: 977px;	
	background: url("/images/bg-shaddow.png") top center repeat-y;
}
.bgTop
{
	float: left;
	width: 950px;
	background: url("/images/bg-content-top.gif") top center no-repeat;
	padding: 13px 13px 0px 14px;
}
.contentBg
{
	float: left;
	padding: 9px 60px 30px 57px;
	width: 860px;
	background: url("/images/bg-shaddow-btm.gif") bottom center no-repeat;
}
/* Image banner */
.bannerBg
{
	float: left;	
	width: 924px;	
	padding: 0px 12px 31px 13px;
	background: url("/images/bg-image-btm.gif") #fff bottom center no-repeat;
}
.banner
{
	float: left;
	width: 893px;
	padding: 0px 0px 0px 31px;
	color: #fff;
}
.banner h2
{
	font-size: 3.2em;
	font-weight: normal;
	line-height: 1.0em;
	padding: 35px 0px 10px 0px;
}
.banner p
{
	font-size: 1.4em;
}
/* Banners per page */
.bannerHome
{	
	height: 234px;	
	background: url("/images/banner-home.jpg") top center no-repeat;
}
.bannerHome h2
{
	padding: 45px 0px 15px 0px;
}
.bannerServices
{	
	height: 154px;	
	background: url("/images/banner-services.jpg") top center no-repeat;
}
.bannerPortfolio
{	
	height: 154px;	
	background: url("/images/banner-portfolio.jpg") top center no-repeat;
}
.bannerContact
{	
	height: 154px;	
	background: url("/images/banner-contact.jpg") top center no-repeat;
}

/* Content structure */
.sections
{
	float: left;
	min-height: 150px;
	padding: 0px 0px 35px 0px;
	background: url("/images/bg-content-border.gif") top left repeat-y;
}
.section
{
	float: left;		
}
.left
{
	width: 486px;
	padding: 0px 50px 0px 0px;
}
.right
{
	width: 292px;
	padding: 0px 0px 0px 31px;
}
/* Horizontal divider */
.hr
{
	clear: left;
	display: block;
	height: 1px;	
	background: url("/images/hr.gif") center left repeat-x;
}
.hr hr
{
	display: none;
}
.left .hr
{
	padding: 27px 0px 28px 0px;
}
.right .hr
{
	margin: 15px 10px 20px 0px;
	background-position: top left;
}
.hr-portfolio
{	
	padding: 15px 0px 15px 0px !important;
}
/* Quotes */
.quoteLeft
{
	float: left;	
	margin: 10px 0px 0px 0px;
	background: url("/images/quote-left.gif") top left no-repeat;	
}
.quoteRight
{
	float: left;
	padding: 14px 23px 12px 28px;
	background: url("/images/quote-right.gif") bottom right no-repeat;
	font-style: italic;
}
.employee
{
	padding: 25px 0px 0px 0px;
}
.newsArticle
{	
	margin: 0px 0px 0px -10px;
	padding: 0px 15px 6px 10px;
}	
.featuredArticle
{
	background: #f0f0f0;
	padding-top: 10px;
}
.caseStudy
{
	margin: 0px 0px 0px -10px;
	padding: 10px 15px 6px 10px;
	background: #f0f0f0;
}

/* Content text formatting */
.section h3
{
	color: #562468;
	padding: 0px 0px 11px 0px;
}
.section h2 a{color: #562468;}
.section h3
{
	color: #562468;
}
.section h3 a{color: #562468;}
.section h4
{
	color: #562468;
	padding: 0px 0px 5px 0px;
}
.section h4 a{color: #562468;}
a.readMore
{
	padding: 0px 9px 0px 0px;
	background: url("/images/link-arrow.gif") top right no-repeat;
}
div.more{display: block;}
a.more
{
	display: none;
	float: left;	
	margin: 7px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	background: url("/images/link-more.gif") top right no-repeat;
}
a.less
{
	float: left;
	display: block;
	margin: 7px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	background: url("/images/link-less.gif") top right no-repeat;
}
p.ttlOrDate
{
	color: #989898;
	font-style: italic;
	padding: 0px 0px 4px 0px;
}
p.image
{	
	float: left;
	padding: 0px 13px 0px 0px;	
}	
p.image img
{
	float: left;
	border: solid 3px #e5e5e5;
}
p.downloadPdf
{
	clear: left;
	padding: 10px 0px 5px 2px;
}
p.downloadPdf img
{
	vertical-align: middle;
	padding: 0px 5px 0px 0px;
}	
p.contactDetail
{
	font-size: 1.4em;
	padding: 9px 0px 0px 0px;
}

/* Footer */
.footer
{
	float: left;	
	width: 100%;
	min-width: 977px;
	padding: 21px 0px 24px 0px;
	background: #390d28 url("/images/bg-footer.gif") top left repeat-x;
	color: #fff;
}
.footerCentre
{
	width: 860px;
	padding: 0px 60px 0px 57px;
	margin: 0 auto;
}
.footerLeft
{
	float: left;
	padding: 0px 50px 0px 0px;
}
.footerRight
{
	float: left;
}
.footerRight h3
{
	padding: 0px 0px 15px 0px;
}
.footerRight p
{
	font-size: 1.4em;
	padding: 0px 0px 6px 0px;
}
.partners img
{
	padding: 18px 13px 0px 0px;
}
.footerCopyright
{
	float: left;	
	width: 100%;
	min-width: 977px;
	background: #17010f;
	padding: 15px 0px 15px 0px;
}
.footerCopyright p
{
	display: block;
	float: left;
	width: 600px;
	font-size: 1.1em;
	color: #515051;
}
.footerCopyright p a
{
	color: #515051;
}
.style1 {
	
	font-size: 1.2em;
}
.ms-WPTitle
{
color:#4c4c4c;
padding-left:3px;
padding-right:7px;
padding-top:2px;
padding-bottom:2px;
font-size:10pt;
font-family:Georgia,Times New Roman,Serif;
font-weight:normal;
line-height:1em;
}
.ms-standardheader {
color:#525252;
font-size:20px;
margin:0;
text-align:left;
}
table {
font-style:normal;
font-variant:normal;
font-size:1em;
}
.ms-WPHeader TD{
border-bottom:0px solid #4e7cb7;
border-collapse:collapse;
}
.ms-WPBody
{
font-size:1em;
font-family:Arial,Verdana,Helvetica,sans-serif;
}
.ms-TPBody h3 {
font-size:2em;
font-weight:normal;
}
.ms-WPBody h3 {
font-size:2em;
font-weight:normal;
}
.ms-TPBody h4 {
font-size:14px;
font-weight:normal;
}




.ms-WPBody h4 {
font-size:14px;
font-weight:normal;
}




