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

html {
	
	font-family: "Raleway"
}

a {
	text-decoration: none;
}
#BGImage {
	background-image: url(../images/PageBG.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#PageHolder {
	box-shadow: 0px 0px 10px #000;
}
#HeaderHolder {
	position: fixed;
	top: 0px;
	background-image: url(../images/HeaderBG.png);
	background-repeat: repeat-x;
	width: 100%	;
	height: 132px;
	z-index: 1000;
}
#HeaderContent {
	
}
#Logo {
	margin-top: 5px;
}
#HeaderContact {
	text-align: right;
	font-size: 1.2em;
	margin-top: 15px;
	line-height: 1.3em;
	margin-bottom: 5px;
}
#HeaderContact p {
	color: #282828;
}
#HeaderContact span {
	color: #007cc5;
}
#HeaderContact a {
	color: #282828;
}
#HeaderContact a:hover {
	color: #007cc5;
}

#MainNav {
	line-height: 44px;
	text-align: right;
}
#MainNav a {
	color: #007cc5;
	font-size: 1em;
	margin-left: 20px;
}
#MainNav a:hover {
	color: #282828;
}
#MainNav a.Current {
	color: #282828;
}
#PageHolder {
	background-color: #FFFFFF;	
	margin-top: 125px;
}

.flexslider {
	height: 500px;
	border: none;
	margin-bottom: 0px;
	overflow: hidden;
}

#MainContentHolder {
	border-top-width: 30px;
	border-top-style: solid;
	border-top-color: #282828;
	position: relative;
}
#ServiceTabs {
	background-image: url(../images/ServicesTabsBG.png);
	background-repeat: no-repeat;
	background-position: center top;
	top: -65px;
	margin-bottom: -45px;
	height: 50px;
	padding-top: 30px;
}
#ServiceTabs a,
#ServiceTabs p {
	font-size: 1.3em;
	color: #007cc5;
	display: inline-block;
	width: 160px;
	text-align: center;
	margin-right: 23px;
}
#ServiceTabs a:hover {
	color: #FF6600;
}
#Accreditations {
	position: absolute;
	top: -150px;
}
#Accreditations img {
	display: block;
	margin: auto;
	margin-bottom: 30px;
}

/*HomePage*/
#HomeLeftColumn {
	font-family: "Raleway";
	color: #666;
	font-size: 0.9em;
	line-height: 1.5em;
}
#HomeLeftColumn h1 {
	font-family: "Raleway";
	color: #282828;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 20px;
}
#HomeLeftColumn p {
	margin-bottom: 20px;
}
#HomeLeftColumn p a {
	color: #007cc5;
}
#HomeLeftColumn p a:hover {
	color: #282828;
}
#FeatureTestimonials h2 {
	color: #007cc5;
	line-height: 30px;
	margin-bottom: 20px;
}
.FeatureTestimonial {
	color: #666;
	font-size: 0.8em;
	line-height: 1.5em;
	font-style: italic;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;	
}
.FeatureTestimonial a {
	color: #ff6600;
	line-height: 1.5em;
	display: block;
	margin-bottom: 10px;
}
.FeatureTestimonial a:hover {
	color: #007cc5;
}
.FeatureTestimonial p {
	margin-bottom: 10px;
}
.FeatureTestimonial p.TestimonialBy {
	color: #007cc5;
	font-size: 1.2em;
	line-height: 1.5em;
}

/*MainPages*/
#LeftColumn {
	text-align: right;
}
#LeftColumn h1 {
	font-family: "Raleway";
	color: #282828;
	height: 30px;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 20px; 
}
#LeftColumn a {
	color: #007cc5;
	font-size: 1.5em;
	display: block;
	margin-bottom: 15px;
}
#LeftColumn a:hover {
	color: #ff6600;
}
#Content h2 {
	color: #282828;
	font-size: 1.8em;
	height: 30px;
	line-height: 30px;
	margin-bottom: 20px;
}
#Content p {
	color: #666;
	font-size: 0.9em;
	line-height: 1.5em;
	margin-bottom: 20px;
}
#Content p a {
	color: #007cc5;
}
#Content p a:hover {
	color: #FF6600;
}
#Content ol,
#Content ul {
	color: #666;
	font-size: 0.9em;
	line-height: 1.5em;
	margin-bottom: 20px;
	margin-left: 30px;
}
#Content li {
	list-style: disc;
}

/*Call To Action*/
#Content #CTA,
#CTA {
	font-size: 1.3em;
	line-height: 1.8em;
	color: #007cc5;
	text-align: center;
}
#CTA span {
	display: block;
}
#CTA .Tel {
	font-size: 2em;
	font-weight: bold;
	color: #FF6600;
}
#CTA .Email {
	color: #666;
}
#CTA .Email a {
	color: #007cc5;
}
#CTA .Email a:hover {
	color: #282828;
}

/*CaseStudies*/
.CaseStudyHolder {
	background-color: #ccc;
	font-size: 0.9em;
	line-height: 1.1em;
	margin-bottom: 30px;
	padding-bottom: 15px;
	position: relative;
}
.CaseStudyHolder a{
	display: block;
	padding: 5px;
}
.CaseStudyHolder .ReadMoreBTN {
	position: absolute;
	right: 5px;
	bottom: 5px;	
}
.CaseStudyHolder .ReadMoreBTN a {
	width: 20px;
	height: 20px;
	padding: 0px;
	background-image: url(../images/ReadMoreBTN.png);
	background-repeat: no-repeat;
	background-position: top;
	right: 5px;
	bottom: 5px;	
}
.CaseStudyHolder .ReadMoreBTN a:hover {
	background-position: bottom;	
}
.CaseStudyHolder:hover {
	background-color: #007cc5;
}
.CaseStudyHolder h4 {
	color: #fff;
	font-size: 0.9em;
	padding: 0px 5px 0px 5px;
}
.CaseStudyHolder h3 {
	color: #fff;
	font-size: 0.9em;
	padding: 0px 5px 0px 5px;
}
#Content .CaseStudyHolder p {
	padding: 0px 5px 0px 5px;
	color: #fff;
	margin-bottom: 0px;
}

/*Testimonials*/
.TestimonialHolder {
	margin-bottom: 30px;
}
.TestimonialHolder h3 {
	color: #007cc5;
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 1.1em;
}
#Content .TestimonialHolder p {
	margin-bottom: 5px;
}
#Content .TestimonialHolder a {
	font-size: 0.9em;
	color: #007cc5;
}
#Content .TestimonialHolder a:hover {
	color: #ff6600;
}

/*Pagination Links*/
.wp-pagenavi {
	color: #666666;
	font-size: 0.8em;
}
.wp-pagenavi span.current {
	color: #0099ff;
	border-color: #0099ff;
}
.wp-pagenavi a{
	color: #0099ff;
	border-color: #BFBFBF;
}
.wp-pagenavi a:hover {
	color: #ff6600;
	border-color: #ff6600;
}

/*Gallery*/
#Internal a img,
#External a img {
	width: 114px;
	height: 114px;
	border: 2px solid #fff;
}
#Internal a:hover img,
#External a:hover img {
	border: 2px solid #0099ff;
}

/*Contact Details - Contact Page*/
#ContactDetails {
	line-height: 1.3em;
}
#ContactDetails h3 {
	color: #007cc5;
	font-weight: normal;
	margin-bottom: 5px;
	font-size: 1.3em;
}
#ContactDetails p {
	color: #666666;
	font-size: 0.9em;
	margin-bottom: 20px;
}
#ContactDetails a {
	color: #666666;
	font-size: 1em;
	margin-bottom: 20px;
}

/*Contact Form*/
#gform_wrapper_1 {
	margin-top: 0px;
}
.ContactForm div {
	margin-bottom: 10px;
}
.ContactForm label {
	font-size: 0.8em;
	color: #007cc5;
}
.ContactForm label .gfield_required {
	color: #ff6600;
}
.ContactForm input,
.ContactForm textarea {
	color: #666666;
}
.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:"Raleway";
	font-weight:normal;
	padding:3px 5px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	cursor: pointer;
}
.button:active {
	position:relative;
	top:1px;
}

.gform_wrapper div.validation_error {
	line-height: 1.3em;
	color: #ff6600;
}


/*Single*/
#LeftColumnSingle {

}
#LeftColumnSingle h3 {
	color: #007cc5;
	font-weight: normal;
	margin-bottom: 20px;
}
#LeftColumnSingle h4 {
	color: #ff6600;
	font-weight: normal;
	margin-bottom: 10px;
}
#LeftColumnSingle a {
	color: #666666;
	font-weight: normal;
	font-size: 1em;
	margin-bottom: 10px;
}
#LeftColumnSingle a:hover {
	color: #007cc5;
}
.MoreCaseStudiesHolder {
	margin-bottom: 30px;
}


/*Footer*/
#FooterHolder {
	margin-top: 40px;
	background-image: url(../images/ecailles.png);
	background-repeat: repeat;
	padding-top: 30px;
	border-top-width: 40px;
	border-top-style: solid;
	border-top-color: #eeeeee;
}
#Footer {
	border-top-width: 4px;
	border-top-style: dotted;
	border-top-color: #cccccc;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 1.3em;
	color: #666666;
	border-bottom-width: 4px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
}
#Footer h5 {
	color: #007cc5;
	font-weight: normal;
	font-size: 1.2em;
	margin-bottom: 5px;
}
#Footer p {
	font-size: 0.8em;
	margin-bottom: 10px;
}
.FooterOrange {
	color: #ff6600;
}
.FooterDarkGrey {
	color: #282828;
	font-weight: bold;
}
#Footer ul {
	font-size: 0.8em;
	margin-bottom: 10px;
}
#Footer li {
	margin-left: 20px;
	list-style-type: disc;
}
#Footer a {
	color: #666666;
}
#Footer a:hover {
	color: #007cc5;
}
#DesignITLink {
	 text-align: right;
	 font-size: 0.8em;
	 padding-top: 10px;
	 padding-bottom: 30px;
}
#DesignITLink a {
	color: #666666;
}
#DesignITLink a:hover {
	color: #ff6600;
}