@charset "utf-8";

/*****************************
/* Colour Palette
/* 
/* Orange        #FF6600
/* Lime Green    #99CC33
/* Blue          #228CC9
/* Yellow        #FFCC00
/* Light Grey    #D8D8D8
/* Mid Grey      #555555
/*
/****************************

/* General Page Layout */
body
{
	background: url(../images/general/body-background.jpg) repeat #FFFFFF;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
img
{
	border: none;
}
.GeneralBackground
{
	background-color: #FFFFFF;
}
.WebPage
{
	background-color: #FFFFFF;
}
.MenuBarBackground
{
	background-image: url(/assets/awmdata/menu-background-1.gif);
	line-height: 40px;
	padding-left: 20px;
}
.PageBorderLeft
{
  background-image: url(/assets/images/general/page-border-l.gif);
	background-repeat: repeat-y;
	width: 16px;
}
.PageBorderRight
{
  background-image: url(/assets/images/general/page-border-r1.gif);
	background-repeat: repeat-y;
	width: 16px;
}	
#Header
{
	padding: 0 5px 0 5px;
	margin: 0 0 0 0;
	height: 120px;
}
.Container
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #7D7D7D;
	padding: 0px 16px 0px 16px;
	background: url(../images/general/container-background-gradient.gif) bottom left repeat-x  #F6F5F1;
}


/* Home Page */
#IndexSideBarTouchpoints
{
	margin-left: 15px;
}
#WebsiteHealthCheck
{
	width: 174px;
	height: 80px;
	background: url(../images/touchpoints/free-website-health-check.gif) top left no-repeat;
	padding: 65px 23px 0 23px;
	color: #555555;
}
#MarketingAudit
{
	width: 174px;
	height: 80px;
	background: url(../images/touchpoints/free-marketing-audit.gif) top left no-repeat;
	padding: 65px 23px 0 23px;
	color: #555555;
}
#AboutPerceptis
{
	width: 177px;
	height: auto;
	background: url(../images/touchpoints/about-perceptis.jpg) top left no-repeat;
	padding: 50px 23px 0 17px;
}
#FeaturedProjects
{
	width: 180px;
	height: auto;
	background: url(../images/touchpoints/featured-projects.jpg) top left no-repeat;
	padding: 50px 23px 0 17px;
}
#BespokeSoftware
{
	width: 180px;
	height: 80px;
	background: url(../images/touchpoints/bespoke-software.jpg) top left no-repeat;
	padding: 50px 23px 0 17px;
}
#NewsletterSignUp
{
	width: 182px;
	height: 80px;
	background: url(../images/touchpoints/newsletter-sign-up.jpg) top left no-repeat;
	padding: 50px 23px 0 17px;
}
#JoinUs
{
	width: 182px;
	height: 80px;
	background: url(../images/touchpoints/join-us.jpg) top left no-repeat;
	padding: 50px 23px 0 17px;
}
.GoButton
{
	background: url(../images/buttons/go-button.jpg) top left no-repeat;
	width: 34px;
	height: 26px;
	border: none;
	padding: 0;
	position: absolute;
}
.NewsletterInputField
{
	height: 20px;
}
.InternetMarketingServices
{
	background: url(../images/touchpoints/internet-marketing-services-background.jpg) top right no-repeat;
}
.CustomSoftwareDevelopment
{
	background: url(../images/touchpoints/custom-software-development-background.jpg) top right no-repeat;
}
.eCommerceDevelopment
{
	background: url(../images/touchpoints/ecommerce-development-background.jpg) top right no-repeat;
}
.ContactButton
{
	float: right;
}
.MoreButton
{
	float: right;
}
.Quote
{
	float: right;
	margin: 0 0 20px 20px ;
}

.PressPhotoCaption
{
	margin: 0 10px 0 0;
}


/* General Page Headings */
.HeadingPage
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #99CC33;
	margin-top: 20px;
}
.HeadingPageSection
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #555555;
	text-decoration:none;
}
.SideBarHeading
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #535353;
}
.HeadingPageSectionLink
{
	text-decoration: none;
	color: #686868;
}
.HeadingPageSectionLink:hover
{
	text-decoration: underline;
	color: #990066;
}


/* General Page Text */
.TextFeatureBenefit
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #555555;
}
.TextFeatureSolution
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #555555;
}
.TextGeneral
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #7D7D7D;
	text-align: left;
}
.TextGeneralDark
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555555;
	text-align: left;
}
.TextGeneralBold
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #7d7d7d;
}
.TextGeneralBoldDark
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #555555;
}
.TextGeneralLink
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: underline;
	color: #7d7d7d;
}
.TextGeneralLinkDark
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: underline;
	color: #555555;
}
.TextGeneralBoldLink
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #7d7d7d;
}
.IndexHeadingLink
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: underline;
	color: #228CC9;
}
.IndexHeadingLink:hover
{
	text-decoration: underline;
	color: #FF6600;
}
.TextGeneralLinkCurrent
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: underline;
	color: #99CC33;
}
.TextGeneralLinkOrange
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	color: #FF6600;
}
.TextGeneralLinkOrange:hover
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	color: #99CC33;
}
.TextGeneralLinkBlue
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	color: #0066CC;
}
.TextGeneralLinkBlue:hover
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	color: #FF6600;
}
.TextGeneralError
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #F00000;
}
.TextHighlighted
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #006666;
}
.TextSideBarGeneral
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.TextSideBarBold
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.TextSideBarLink
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #000000;
}
.TextSideBarMenuHeading
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #990066;
}
.TextSmall
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.TextSmallItalic
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #90908E;
}
.TextSmallLink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #000000;
}
.TextTestimonial
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #228CC9;
/*	color: #BBBBBB; */
}
.TextTestimonialAttribution
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
}
.TextHomePageSection
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
}


/* Case Studies */
.CaseStudyIndexCustomerLink,TextGeneralBoldLink
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #7D7D7D;
}
.CaseStudyTag
{
	text-decoration: none;
	display: inline-block;
	color: #7D7D7D;
	padding: 2px 4px 2px 4px;
	margin: 4px 5px 0 0;
	font-size: 11px; 
}
.CaseStudyTag:hover
{
	text-decoration: none;
	background: #535353;
	color: #FFFFFF;
	padding: 2px 4px 2px 4px;
	margin: 4px 5px 0 0;
	font-size: 11px;
}
.CaseStudyHeading
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #555555;
	margin-top: 20px;
	text-decoration: underline;
}
.CaseStudyHeading:hover
{
	font-family: "Tahoma", "Verdana", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
	margin-top: 20px;
	text-decoration: underline;
}

/* Client Press Area */
.PhotoBorder
{
  border: 1px solid #000000;
	padding: 0px;
}
.TextPressDate
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #228CC9;
}
.ReadMoreButton
{
text-align:right;
}
.CompanyWhiteBox
{
height: 140px;
}


/* Images */
.ImageBorderServicesIndex
{
  border: 1px solid #000000;
}
.ImageBorderSideBar
{
  border: 1px solid #999999;
}
.ImageLeftBorderGrey
{
  border: 1px solid #999999;
	padding: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.ImageRightBorderGrey
{
  border: 1px solid #999999;
	padding: 5px;
  margin-left: 10px;
  margin-bottom: 10px;
}
.ImageRightNoBorder
{
	padding: 5px;
  margin-left: 10px;
  margin-bottom: 10px;
}
.ImageLeftNoBorder
{
	padding: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
}


/* Forms */
.FormText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.FormField
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #DDDDDD;
}
.FormButton
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #009999;
}
.SubmitButton		
{
	cursor: pointer;
	background: url(../images/buttons/submit-button.gif) no-repeat;
	color: #FFFFFF;
	text-align: center;
	width: 78px;
	height: 26px;
	border: none;
	font-size: 13px;
	font-weight: bold;
}


/* General Borders */
.BorderGreen
{
	border: 1px solid #009999;
}
.BorderBurgundy
{
	border: 1px solid #990066;
}
.BorderGrey
{
	border: 1px solid #333333;
}
.BorderGrey2
{
	border: 1px solid #333333;
	margin-right:  5px;
	margin-bottom: 5px;
}
.TableLeftBorder
{
	border-top:    0px solid #FFFFFF;
	border-right:  8px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	border-left:   0px solid #FFFFFF;
}
.TableRightBorder
{
	border-top:    0px solid #FFFFFF;
	border-right:  0px solid #FFFFFF;
	border-bottom: 4px solid #FFFFFF;
	border-left:   8px solid #FFFFFF;
}


/* Dividers */
.VerticalRule
{
  background-image: url(/assets/images/general/vertical-rule.gif);
	background-repeat: repeat-y;
}
.SpacingRow
{
	line-height: 5px;
}
.DashedLine
{
  border-top: dashed 1px #999999;
	margin-top: 10px;
	line-height: 5px;
}
hr
{
  border: none;
	color: #999999;
	background-color: #999999;
	height: 1px;
	width: 100%;
}
.Keyline
{
	background-color: #FF6600;
	line-height: 3px;
}


/* Lists */
ul
{
	list-style-type:  square;
	color: #FF6600;
}
ul span
{
	list-style-type:  square;
	color: #7D7D7D;
}
ol
{
	color: #006666;
}
li
{
	padding: 5px;
}


/* Links */
a:hover
{
  color: #FF6600;
}


/* Footer */
.Footer
{
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 10px;
	color: #666666;
	background-color: #555555;
}
.FooterTextLarge
{
	font-family: "Tahoma", "Verdana", Geneva, Arial, Helvetica, san-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.FooterTextSmall
{
	font-family: "Tahoma", "Verdana", Geneva, Arial, Helvetica, san-serif;
	font-size: 10px;
	color: #CCCCCC;
}
.FooterTextSmallLink
{
	font-family: "Tahoma", "Verdana", Geneva, Arial, Helvetica, san-serif;
	font-size: 10px;
	color: #CCCCCC;
	text-decoration: underline;
}


/* White Box */
.BoxWhiteTopLeft
{
	line-height: 8px;
  background-image: url(/assets/images/boxes/box-white-tl.gif);
}
.BoxWhiteTop
{
	line-height: 8px;
  background-image: url(/assets/images/boxes/box-white-t.gif);
	background-repeat: repeat-x;
}
.BoxWhiteTopRight
{
	line-height: 8px;
  background-image: url(/assets/images/boxes/box-white-tr.gif);
}
.BoxWhiteLeft
{
  background-image: url(/assets/images/boxes/box-white-l.gif);
	background-repeat: repeat-y;
}
.BoxWhiteMiddle
{
	background-color: #FBFBFB;
}
.BoxWhiteRight
{
  background-image: url(/assets/images/boxes/box-white-r.gif);
	background-repeat: repeat-y;
}
.BoxWhiteBottomLeft
{
	line-height: 8px;
  background-image: url(/assets/images/boxes/box-white-bl.gif);
}
.BoxWhiteBottom
{
	line-height: 8px;
  	background-image: url(/assets/images/boxes/box-white-b.gif);
	background-repeat: repeat-x;
}
.BoxWhiteBottomRight
{
	line-height: 8px;
  background-image: url(/assets/images/boxes/box-white-br.gif);
}


/* JavaScript Image Rotation */
.blend
{
	display: block;
	width: 910px;
	height: 192px;
}
.blend div
{
	display: block;
	width: 910px;
	height: 192px;
}
.blend img 
{
	display: none;
}