/* CSS Document */
body {
	background-image:url(Images/background.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #f6f6f6;
	margin: 0px;
	font-family: Calibri, Trebuchet MS, Arial, sans-serif;
	font-size: 12px;
	color: #4d4d51;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 16px;
}
body a:link {color: #547009; text-decoration: none;} 
body a:visited {color: #547009; text-decoration: none;}
body a:hover {	color: #8fb132; text-decoration: none;}
body a:active {color: #547009; text-decoration: none;}

p {	margin-top: 10px;margin-bottom: 10px;}

h1 {
	font-family: Calibri, Trebuchet MS, Arial, sans-serif;
	font-size: 32px;
	font-weight:normal;
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 30px;
	color: #82a12e;
}

h2 {
	font-family: Calibri, Trebuchet MS, Arial, sans-serif;
	font-size: 16px;
	margin-bottom: 5px;
	line-height: 21px;
	color: #82a12e;
}

h3 {
	font-family: Calibri, Trebuchet MS, Arial, sans-serif;
	font-size: 12px;
	font-weight:bold;
	font-style:italic;
	margin-top: -5px;
	margin-bottom: 5px;
	line-height: 15px;
}

h4 {
	font-family: Calibri, Trebuchet MS, Arial, sans-serif;
	font-size: 18px;
	margin-bottom: 5px;
	font-weight:normal;
	line-height: 21px;
	color: #82a12e;
}

ul {
	list-style-type: none;
	margin: 0px 0px 0px 20px;
	padding: 8px 0px 8px 10px;
}

li {
	list-style: url(Images/square_bullet.gif);
	list-style-position: outside;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
}

form {  margin: 0px;  padding: 0px;}
.green{color: #88b225;}
.largeGreen{font-size: 14px; color: #88b225; font-weight:bold;}
.ImageLeft{float:left; padding:0px 15px 15px 0px;}
.ImageRight{float:right; padding:0px 0px 15px 15px;}

/*****************/
/* Layout Styles */
/*****************/
.MainContainerWrapper{ width:980px; margin-top:5px; margin-left: auto; margin-right: auto; }
.MainContainer1{ width:980px; float:left; background-image:url(Images/main-background-1.jpg); background-repeat:repeat-y; ;}
.ShadowLeft{width:25px; float:left; min-height:800px;background-image:url(Images/shadow-left.jpg);}
.brochure-sitemap{ float:left; width:25px;}
.brochure-request{	margin-top:125px;	float:left;	width:25px;}

.ShadowRight{width:25px; float:left; min-height:800px; background-image:url(Images/shadow-right.jpg);}
.CentreContent{	width:930px;float:left;	min-height:800px;}
.MainContainer2{ width:930px; float:left; padding-left:25px; padding-right:25px; margin-left: auto; margin-right: auto; background-image:url(Images/main-background-1.jpg); background-repeat:repeat-y;	min-height:200px;}


/*****************/
/* Header Styles */
/*****************/
.HomeHeading{width:930px;float:left;min-height:490px; height:490px;	background-image:url(Images/banner/welcome-banner-plain.jpg);}
.HomeHeadingText{float:left;width:905px;padding:50px 0px 0px 25px;}
.HomeHeadingWelcome{font-size:130px;line-height:90px;color: #88b225;float:left;width:905px;	height:95px;}
.HomeHeadingWelcomeSub{	font-size:32px; line-height:32px; padding-left:20px; float:left; width:885px; letter-spacing: 3px;}


.ApproachHeading{width:930px;float:left;min-height:490px; height:490px;	background-image:url(Images/banner/our-approach.jpg);}
.ExperienceHeading{width:930px;float:left;min-height:490px; height:490px;	background-image:url(Images/banner/experience.jpg);}
.PartnersHeading{width:930px;float:left;min-height:490px; height:490px;	background-image:url(Images/banner/partners.jpg);}
.Partners123Heading{width:930px;float:left;min-height:490px; height:490px;	background-image:url(Images/banner/partners-123insight.jpg);}
.BespokeHeading{width:930px;float:left;min-height:490px; height:490px;	background-image:url(Images/banner/bespoke.jpg);}
.EDIHeading{width:930px;float:left;min-height:490px; height:490px;	background-image:url(Images/banner/edi.jpg);}
.WebApplicationsHeading{width:930px;float:left;min-height:490px; height:490px;	background-image:url(Images/banner/webportal.jpg);}
.WebDesignHeading{width:930px;float:left;min-height:490px; height:490px;	background-image:url(Images/banner/web-design.jpg);}
.TestimonialsHeading{width:930px;float:left;min-height:490px; height:490px;	background-image:url(Images/banner/testimonials.jpg);}
.NewsHeading{width:930px;float:left;min-height:490px; height:490px;	background-image:url(Images/banner/news.jpg);}
.WebPortalHeading{width:930px;float:left;min-height:490px; height:490px;	background-image:url(Images/banner/webportal-logo.jpg);}
.CaseStudyHeading{width:930px;float:left;min-height:490px; height:490px;	background-image:url(Images/banner/case-study.jpg);}
.DatabaseHeading{width:930px;float:left;min-height:490px; height:490px;	background-image:url(Images/banner/database.jpg);}
.WWWHeading{width:930px;float:left;min-height:490px; height:490px;	background-image:url(Images/banner/web-applications.jpg);}
.ContactHeading{width:930px;float:left;min-height:490px; height:490px;	background-image:url(Images/banner/contact.jpg);}
.ProductsHeading{width:930px;float:left;min-height:490px; height:490px;	background-image:url(Images/banner/products.jpg);}
.TermsHeading{width:930px;float:left;min-height:490px; height:490px;	background-image:url(Images/banner/terms.jpg);}
.AboutHeading{width:930px;float:left;min-height:490px; height:490px;	background-image:url(Images/banner/about-us.jpg);}



.StandardHeading{float:left;width:905px;padding:15px 0px 0px 25px;}
.StandardHeadingText{font-size:100px;line-height:90px;color: #88b225;float:left;width:905px;height:95px;}
.StandardHeadingSub{ font-size:32px; color:#838383; line-height:32px; padding-left:5px; float:left; width:900px; letter-spacing: 1px;}

.RightHeading{float:right;width:600px;padding:0px 25px 0px 0px;}
.RightHeadingText{font-size:100px;line-height:90px;color: #88b225;float:left;width:600px;height:95px; text-align:right;}
.RightHeadingSub{ font-size:32px; color:#838383; line-height:32px; padding-left:5px; float:left; width:600px; text-align:right;}

.RightHeadingPadding{float:right;width:500px;padding:50px 200px 0px 0px;}
.RightHeadingTextPadding{font-size:100px;line-height:102px;color: #88b225;float:left;width:420px;height:100px; text-align:right;}
.RightHeadingSubPadding{ font-size:32px; color:#838383; line-height:32px; padding-left:5px; float:left; width:420px; text-align:right;}
/********************/
/* Structure Styles */
/********************/

.LogoContainer{	float:left;	width:230px; min-height:160px; height:160px;}
.MenuContainerPadding{ float:left;	width:150px; height:80px;}
.MenuContainer{ float:left;	width:525px; height:60px; padding-right:25px; text-align:right;	padding-top:20px; font-size:16px;}
.MenuContainer a:link {color: #848484; text-decoration: none;} 
.MenuContainer a:visited {color: #848484; text-decoration: none;}
.MenuContainer a:hover {	color: #88b225; text-decoration: none;}
.MenuContainer a:active {color: #88b225; text-decoration: none;}
.MenuPadding{	float:left;	width:550px;min-heght:80px; height:80px;}

.SideMenu{ width:185px;	float:left; list-style:none;}
.SideMenu a:link {color: #4d4d51; text-decoration: none;} 
.SideMenu a:visited {color: #4d4d51; text-decoration: none;}
.SideMenu a:hover {	color: #8fb132; text-decoration: none;}
.SideMenu a:active {color: #4d4d51; text-decoration: none;}

.SideMenu ul {
	list-style-type: none;
	margin: 0px 0px 0px 20px;
	padding: 8px 0px 8px 10px;
}

.SideMenu li {
	list-style: none;
	list-style-image:none;
	list-style-position: outside;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
}


.SideMenu ul li ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 10px;
}



.SideLink {
height:15px;
padding:0px 0px 10px 25px;
width:150px;
float:left;
}


.SideLinkSelected{
background-image:url(Images/triangle.gif);
background-repeat:no-repeat;
height:15px;
width:150px;
float:left;
padding:0px 0px 10px 25px;
}

.MainContent{float:left; width:480px; padding-right:25px;}
.RightMenu{float:left; width:240px;}
.RightMenu a:link {color: #090909; text-decoration: none;} 
.RightMenu a:visited {color: #090909; text-decoration: none;}
.RightMenu a:hover {	color: #547009; text-decoration: none;}
.RightMenu a:active {color: #090909; text-decoration: none;}

.rightWrapper{width:240px; float:left; min-height:80px;}
.rightImage{width:80px; float:left;}
.rightText{width:135px; float:left; padding-right:5px;}
.rightTextHeading{font-size:16px; color:#090909; width:135px; }
.rightTextSmall{font-size:10px; line-height:11px;}

.InnerLine{width:300px; margin-left:180px; height:1px; min-height:1px; background-color:#dee6c7; float:left;}

.InnerWrapper{float:left; width:480px; padding-top:10px;}
.InnerWrapper2{float:left; width:480px;}

.Column70{float:left; width:70px; text-align:center;}
.Column200{float:left; width:200px;} /*InnerLeft */
.Column280{ float:left; width:280px;} /*InnerRight*/

.Column300{float:left; width:300px;} /*InnerLeft2*/
.Column180{ float:left; width:180px;}/*InnerLeft2*/
.Column100{ float:left; width:100px;}
.Column140{ float:left; width:140px;}

#NewsArticleContainerImg {
	float:left;
	padding: 0px 15px 5px 0px;
}

.rightCaseStudyImage {
	float:right;
	padding: 30px 0px 5px 15px;
}

.miniTear{width:155px; background-image:url(Images/mini-tear.jpg); background-repeat:no-repeat; float:left; min-height:45px; font-size:16px; font-weight:bold; color:#ffffff; padding:25px 0px 0px 25px;}
.fullTear{width:440px; background-image:url(Images/full-tear.jpg); background-repeat:no-repeat; float:left; min-height:90px; font-size:12px; line-height:14px; color:#ffffff; padding:35px 15px 0px 25px;}

/*****************/
/* Case Stidies  */
/*****************/

.imageBorder{border:solid 1px #93ac47;}


/*****************/
/* Contact Page  */
/*****************/
.textInput, textarea {
	width: 80%;
	padding: 3px 3px 3px 3px;
	font-size: 90%;
	color: #000000;
	border: 1px solid #bab9b9;
}
.clear { clear: both; padding-top: 10px; }
.ContactLeft{width:300px; float:left;}

.ContactRight{ width:180px; float:left; }
.MapContainer{
	width:480px;
	float:left;
}


/*****************/
/* Footer Styles */
/*****************/

.footerTear{background-image:url(Images/footer-tear.jpg);width:930px;float:left;min-height:200px;}
.footerLinks{color:#848483; text-align:right; font-size:11px; padding-right:20px; width:910px; float:left;}
.footerLogo{float:left; width:910px; text-align:right; padding-top:30px;}
.footerTerms{color:#ffffff; text-align:right; font-size:11px; padding-right:20px; width:910px; float:left; padding-top:5px;}