@import url(http://fonts.googleapis.com/css?family=Lato);
@import url(http://fonts.googleapis.com/css?family=Lato:700);
@import"ui.totop.css";@import"reset.css";@import"grid.css"; 
body{
font:13px/21px Arial, Helvetica, sans-serif;color:#808080;position:relative;min-width:960px;text-align:center;
background:url(../site/background-top.gif) left top repeat-x #f2f5f7;
}
html,body{height:100%;}
p, .p{padding-bottom:16px;} 
a{color:#B94A48;outline:none;cursor:pointer;text-decoration:none;}
a:hover{text-decoration:underline}
/*  Header styles */
h1,h2,h3,h4,h5,h6,.title{line-height:1.3em;color:#535151;font-family: 'Lato', sans-serif;font-weight:bold;text-shadow:0 1px rgba(255,255,255, 1);margin-bottom:10px;}
h1{font-size:25px; color:#e8060a;}
h2{font-size:22px;}
h3{font-size:20px;} 
h4{font-size:18px;letter-spacing:-1px;}
h5{font-size:16px;}
h6{font-size:12px;text-transform:uppercase;color:#4f4e4e;font-family:Arial, Helvetica, sans-serif;line-height:21px;}
h6 a {color:#4f4e4e;}
h6 a:hover {color:#e8060a;text-decoration:none;}
/* Global Structure---------------------------------------- */
.wrapper {
	/* min-height:600px; */
	width:100%;
	overflow:hidden;
}
/*----- txt,links,lines,titles -----*/
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
/*********************************header*************************************/
#header {
	position:relative;
	z-index:5;
}
/********************** Content ************************/
section{
position:relative; z-index:1;
background-color:#fff;
padding:39px 0 57px;
border-bottom:3px solid #edeceb;
}
#mainbody section {
	background:#f6f6f5;
	padding-top:0;
}
#page{
 margin: 0 auto;
width:980px;
text-align:left;
background-color:#fff;
}
/******************** Footer ******************/
footer{
	text-align:left;
	color:#969494;
	padding:24px 0 17px;
	font-weight:bold;
	font-size:12px;
	border-top:1px solid #e5e4e3;
}
footer .prefix_8 img{
	margin-left:5px;
}
footer .prefix_8 {
	font-size:11px;
	color:#b7b7b7;
}
footer a {
	color:#969494;
}
.footer-upper a:hover, footer a:hover {
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */ 
}
.foot_left{
	margin-top:5px;
	font-size:11px;
	text-align:left;
}
.foot_left p{
padding-bottom:0px;
}
.foot_left .accred{
float:left;
margin:2px 10px 0 0 ;
border: 1px solid #999;
}
.lloyd-logo{
margin:12px 0 0 50px;
}
/*********************************boxes**********************************/
.bg-grad{background:url(../site/home-content-bg-top.jpg) left top repeat-x transparent;padding-top:15px;height:15px;width:937px;margin-left:11px}
.g-spacer{background-color:#e0e0e0;margin-top:5px;height:3px;margin: 11px 21px 0 21px}
.services-overview{border-top: 1px solid #e0e0e0;}
.border-r{border-right: 1px solid #e0e0e0;}
.indent-lr {padding:0 12px;}
.indent-r {padding:0 12px 0 0;}
.indent {padding:2px 0 15px 72px;}
.indent1 {padding:0 32px 0 3px;}
.indent2 {padding:0 20px 0 30px;}
.indent-left {padding-left:12px;}
.indent-left1 {padding-left:30px;}
.indent-bottom {padding-bottom:0;}
.indent-right {padding-right:48px;}
.indent-right1 {padding-right:40px;}
.indent-top {padding-top:5px;}
.indent-top1 {padding-top:10px;}
.indent-top2 {padding-top:42px;}
.indent-top3 {padding-top:75px;}
.indent-top4 {padding-top:30px;}
.margin-top { margin-top:22px;}
.margin-bot {margin-bottom:24px;}
.margin-bot1 {margin-bottom:18px;}
.margin-bot2 {margin-bottom:29px !important;}
.margin-left {margin-left:0;}
.padding-left2 {padding-left:10px;}
.margin-right {margin-right:30px;}
.margin-right1 {margin-right:20px;}
.img-indent {float:left; margin:5px 20px 0px 0px;}
.img-indent1 {float:left; margin:5px 15px 0px 0px;}
.img_border img,
.img_border iframe {box-shadow:0 1px 3px rgba(0,0,0, .17);border-radius:3px;}
.col-1 {width:400px;float:left;}
.call {font-size:13px;	line-height:21px;color:#e8060a;font-weight:bold;}
.letter {
	width:40px;
	height:40px;
	background:#394764;
	color:#fff;
	font-size:24px;
	line-height:40px;
	border-radius:3px;
	text-align:center;
	float:left;
	margin:5px 10px 0 0;
	font-family: 'Lato', sans-serif;
	font-weight:bold;
}
.time {
	float:left;
	margin:5px 10px 0 0;
	background:#394764;
	width:50px;
	height:50px;
	display:block;
	border-radius:3px;
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	text-align:center;
	font-size:24px;
	line-height:33px;
	color:#fff;
}
.time span {
	display:block;
	font-size:16px;
	line-height:20px;
	text-transform:uppercase;
	margin:-8px 0 0;
}
/*********************************logo & Header*************************************/
.callus{
	float:right;
	background:url(../site/telephone-icon.gif) right 2px no-repeat transparent;
	font-family: 'Lato', sans-serif;
	font-size:20px;
	color:#7b7b7b;
	margin:20px 15px 0 0;
	width:265px;
	letter-spacing:-1px;
}
.login{	float:right;
	background:url(../site/login-icon.gif) left 2px no-repeat transparent;
	font-family: 'Lato', sans-serif;
	font-size:21px;
	color:#e00007;
	margin:50px 15px 0 0;
	padding-left:20px;
}
.logo {
	/*padding:16px 0 0 0;*/
	font-family: 'Lato', sans-serif;
	font-size:16px;
	line-height:44px;
	text-shadow:0 1px 3px rgba(0,0,0, .5);
	margin:20px 0 0 7px;
	letter-spacing:-1px;
	/*font-weight:700;*/
}
.logo a{
		
		color:#494949;
		display:block; 
		width:300px;
		background:url(../site/datum-logo.jpg) no-repeat 0 0;
		padding:20px 0 0 34px;
		text-decoration:none;
		padding-left:232px;
		height:43px;
}
.logo a:hover {color:#DE0509;}
/***** menu *****/
nav {margin-left:11px;}
.menu {
	float:left;
	padding:8px 0px 0 0;
	position:relative;
	z-index:20;
	
}
.menu>li:first-child {
	margin:0;
	padding:0;
	background:none;
}
.menu>li {
	float:left; 
	position:relative;
	/*background:url(../images/menu.png) left 2px no-repeat;*/
	padding:0 0 0 11px;
	margin:0 0 0 3px;
}
.menu li a {
	font-family: 'Lato', sans-serif;
	display:block;
	font-size:17px;
	line-height:14px;
	color:#454545;
	text-transform:uppercase; 
	z-index:20;
	letter-spacing:-1px;
	padding:7px 12px 7px 12px;
}
.menu li>span {
	border-radius:3px;
}
.menu li a span {
	color:#DE0509;
}
.menu li.sfHover {
	position:relative;
	z-index:10;
}
.menu li a:hover {
	text-decoration:none;
}
.menu li.active>span,
.menu > li:hover>span,
.menu > li.sfHover>span {
	display:block;
	box-shadow:0 1px 3px rgba(0,0,0, .3);
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%,  #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee ), color-stop(100%,#f4f4f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%, #f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%, #f4f4f4 100%); /* IE10+ */
	background: linear-gradient(top, #eeeeee 0%, #f4f4f4 100%); /* W3C */
	filter:none;
}
.menu ul  {
	z-index:20;
	letter-spacing:normal;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:-9999em;
	width:182px;
	background:#e2e1e1;
	border-radius:3px;
	padding:0 4px;
}
.menu ul li {width:	100%;}
.menu li:hover {visibility:	inherit; }
.menu li li:first-child {
	background:none;
}
.menu li li {
	background:url(../images/menu3.gif) left top repeat-x;
	margin:0;
	padding:5px 0 2px;
}
.menu li li a {
	letter-spacing:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:none;
	display:	block;
	padding:6px 6px;
	color:#4c525c;
}
.menu li li:hover > a, 
.menu li li.sfHover > a  {
	display:block;
	background: #5a5a5a; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a5a5a), color-stop(16%,#585858), color-stop(63%,#4a4a4a), color-stop(100%,#424242)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5a5a5a 0%,#585858 16%,#4a4a4a 63%,#424242 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5a5a5a 0%,#585858 16%,#4a4a4a 63%,#424242 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5a5a5a 0%,#585858 16%,#4a4a4a 63%,#424242 100%); /* IE10+ */
	background: linear-gradient(top, #5a5a5a 0%,#585858 16%,#4a4a4a 63%,#424242 100%); /* W3C */
	filter:none;
	color:#fff;
	border-radius:3px;
	box-shadow:0 1px 3px rgba(0,0,0, .3)
}
.menu li:hover ul, .menu li.sfHover ul {
	left:			-5px;
	top:			36px;
	z-index:		999;
}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {
	left:			147px;
	top:			0px;
	z-index:		9999;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}
/******************************** Left Menu *******************************/
ul#left-menu{
margin-bottom:40px;
}
ul#left-menu li {
	background:url(../images/menu3.gif) left top repeat-x;
	margin:0;
	padding:5px 0 2px;
}
ul#left-menu li.top a {	
	/*color:#E8060A;*/
	font-size:11px;
	 text-transform: uppercase;
}
ul#left-menu li a.selected{
font-weight:bold;
}
ul#left-menu li a {	
	font-size:11px;
	display:	block;
	padding:3px 0px;
	color:#4c4848;;
	text-transform:uppercase;
	
}
ul#left-menu li a:hover {	
color:#fff;
text-decoration:none;
}
ul#left-menu{
	/*width:182px;*/
	background:#e2e1e1;
	border-radius:3px;
	padding:0 8px;
}
ul#left-menu li ul li a{
	margin-left:10px;
	color:#B64346;
}
/*********************************bg's*************************************/
.footer-upper {
	background: #efeeee;  
	/*background: 	url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTMlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjZWRlY2VjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODclIiBzdG9wLWNvbG9yPSIjZGFkOWQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjZDhkNmQ1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NiY2FjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	*/
	background: -moz-linear-gradient(top, #efeeee 0%, #f3f3f3 8%, #f3f3f3 13%, #edecec 38%, #dad9d9 87%, #d8d6d5 92%, #cbcaca 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efeeee), color-stop(8%,#f3f3f3), color-stop(13%,#f3f3f3), color-stop(38%,#edecec), color-stop(87%,#dad9d9), color-stop(92%,#d8d6d5), color-stop(100%,#cbcaca)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #efeeee 0%,#f3f3f3 8%,#f3f3f3 13%,#edecec 38%,#dad9d9 87%,#d8d6d5 92%,#cbcaca 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efeeee 0%,#f3f3f3 8%,#f3f3f3 13%,#edecec 38%,#dad9d9 87%,#d8d6d5 92%,#cbcaca 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #efeeee 0%,#f3f3f3 8%,#f3f3f3 13%,#edecec 38%,#dad9d9 87%,#d8d6d5 92%,#cbcaca 100%); /* IE10+ */
	background: linear-gradient(top, #efeeee 0%,#f3f3f3 8%,#f3f3f3 13%,#edecec 38%,#dad9d9 87%,#d8d6d5 92%,#cbcaca 100%); /* W3C */
	filter:none;
	padding:13px 0 14px;
	/* box-shadow:0 6px rgba(0,0,0, .1); */
	
}
.footer-upper h4 {
	color:#DE0509;
}
/*********************************buttons*************************************/
.button-1 {
	padding:10px 14px;
	font-size:14px;
	line-height:17px;
	font-weight:bold;
	color:#fefefe;
	display:inline-block;
	text-transform:uppercase;
	letter-spacing:0;
	border-radius:3px;
	background: #606060; /* Old browsers */
	background: -moz-linear-gradient(top, #606060 0%, #5e5e5e 14%, #484747 75%, #414141 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606060), color-stop(14%,#5e5e5e), color-stop(75%,#484747), color-stop(100%,#414141)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #606060 0%,#5e5e5e 14%,#484747 75%,#414141 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #606060 0%,#5e5e5e 14%,#484747 75%,#414141 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #606060 0%,#5e5e5e 14%,#484747 75%,#414141 100%); /* IE10+ */
	background: linear-gradient(top, #606060 0%,#5e5e5e 14%,#484747 75%,#414141 100%); /* W3C */
	filter:none;
	font-family: 'Lato', sans-serif;
	box-shadow:0 1px 3px rgba(0,0,0, .3);
}
.button-1:hover {
	text-decoration:none;
	background: #a00106 ; /* Old browsers */
	background: -moz-linear-gradient(top, #a00106 0%, #DE0509 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a00106), color-stop(100%,#DE0509)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a00106 0%,#DE0509 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a00106 0%,#DE0509 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a00106 0%,#DE0509 100%); /* IE10+ */
	background: linear-gradient(top, #a00106 0%,#DE0509 100%); /* W3C */
	filter:none;
}
/*********************************lists*************************************/
.dl-1 dt {
}
.dl-1 dd {
}
.dl-1 dd span {
	display:block;
	float:left;
	width:70px;
}
.ul-1 li {
	background:url(../images/ul-1.png) left 14px no-repeat;
	padding:4px 0 4px 18px;
	font-weight:bold;
	font-size:12px;
	line-height:15px;
}
.ul-1 li a {
	color:#e8060a;
	
}
.ul-1 li a:hover {
	text-decoration:none;
	color:#3b4a69;
}
/*********************************Slider*************************************/
.items {
	display:none;
}
.slider {
	margin-left:21px;
	position:relative;
	width:937px;
	height:340px;
	/*left:50%;
	margin-left:-1025px;*/
}
.pagination2 {
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-38px;
	overflow:hidden;
	z-index:999;
}
.pagination2 li:first-child {
	margin-left:0;
}
.pagination2 li {
	float:left;
	margin-left:3px;
}
.pagination2 li a {
	display:block;
	width:17px;
	height:16px;
	background:url(../images/slider_nav.png) right top no-repeat;
	overflow:hidden;
}
.pagination2 li.current a,
.pagination2 li a:hover {
	background-position:left top;
}
.banner {
	z-index:999;
	width:800px;
	height:150px;
	position:absolute;
	/*left:50%;*/
	top:138px;
	margin-left:40px;
}
.ban_title-1 {
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:30px;
	line-height:36px;
	color:#DE0509;
	letter-spacing:-1px;
	text-transform:uppercase;
}
.color2 .ban_title-1,.color2 .ban_title-2 {
	color:#fff;
}
.ban_title-2 {
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:56px;
	line-height:72px;
	color:#FFF;	
	letter-spacing:-2px;
	text-transform:uppercase;
	margin:-12px 0 11px;
}
/*************** Home Page ********************/
.intro_copy{
margin-top:10px;
font-size:18px;
line-height:1.3em;
font-family: 'Lato', sans-serif;font-weight:bold;
text-shadow:0 1px rgba(255,255,255, 1);
color:#2b2a2a;
}
strong{
font-weight:bold;
color:#e8060a;
}
/**************** Latest Project & Services Overview *****************/
.latestproject{
padding:15px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#eeeeee;
}
.latestproject .title{
font-size:17px;
margin-top:5px;
font-family: 'Lato', sans-serif;
font-weight:bold;
color:#e8060a;
padding-bottom:8px;
}
.latestproject img{
border:5px solid #fff;
}
.latestproject p{margin:5px 0;padding-bottom:0;}
.latestproject .button{float:right;}
.services-overview{
margin-top:20px;
}
.services-overview .title{
font-size:22px;
margin-top:15px;
font-family: 'Lato', sans-serif;
font-weight:bold;
color:#25292c;
padding-bottom:8px;
}
.services-overview h2{
font-size:18px;
color:#89898d;
}
/* Service page styles */
.service h1{
font-size:25px;
padding-bottom:10px;
margin-bottom:20px;
border-bottom: 1px solid #e2e1e1; 
}
.service{
margin-bottom:40px;
}
/** Set the UL's back to something nice for user content pages **/
.usercontent ul{
margin:10px 0;
}
.usercontent ul li{
margin:8px 0 0 20px;
list-style-type: disc;
}
/* Contact Form */
#con_form{line-height:18px;margin-bottom:140px;}
#con_form label{ display:block; position:relative; min-height:40px;  }
/* #con_form label label{ display:inline-block;margin-right:10px;} */
#con_form input.text{ border-radius:3px; width:320px; box-shadow:inset 0 0 5px rgba(0,0,0,.1);font-family:Arial, Helvetica, sans-serif;color:#000;font-size:13px;vertical-align:middle;font-weight:normal;padding:7px;margin:0;background:#fff;border:1px solid #ddd;outline:none;overflow:hidden;}
#con_form textarea{ resize:none;border-radius:3px; height:120px; box-shadow:inset 0 0 5px rgba(0,0,0,.1); overflow:auto;font-family:Arial, Helvetica, sans-serif;color:#000;font-size:13px;vertical-align:middle;font-weight:normal;padding:7px;margin:10px 0 0 0;background:#fff;border:1px solid #ddd;outline:none;width:450px;}
#con_form span.con_form{ display:inline-block; padding:5px 0 0; min-width:120px;}
#con_form div.con_form{ padding:5px 0 10px 0; min-width:110px;}
#con_form .btns{ padding:10px 0 0 0;}	
/* ------------- * Selects * ------------- */
#con_form .jqTransformSelectWrapper {position:relative; float:left; width:244px !important;}
#con_form .jqTransformSelectWrapper div span{ display:block;float: none; width:234px !important;background:#fff;position:relative;white-space: nowrap;overflow:hidden;cursor:pointer;border:1px solid #ddd;padding:5px; border-radius:3px; box-shadow:inset 0 0 5px rgba(0,0,0,.1);}
#con_form .jqTransformSelectWrapper  a.jqTransformSelectOpen {display: block;position:absolute; right:2px;top:4px;width:22px;height:21px;background: url(../site/select.png) no-repeat  0 0;}
#con_form .jqTransformSelectWrapper  a.jqTransformSelectOpen:hover{ background-position:0 -21px;}
#con_form .jqTransformSelectWrapper ul {
	position: absolute;
	top: 31px;
	left: 0px;
	background-color: #FFF;
	display: none;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
	border:1px solid #ddd;
	width:234px !important;
	border-radius:3px; box-shadow:inset 0 0 5px rgba(0,0,0,.1);}
#con_form .jqTransformSelectWrapper ul a {display: block;padding:5px;color:#000;font-size:12px;padding-left:12px;}
#con_form .jqTransformSelectWrapper ul a.selected {color: #B94A48;}
#con_form .jqTransformSelectWrapper ul a:hover, 
#con_form .jqTransformSelectWrapper ul a.selected:hover {color: #fff; background:#ddd;text-decoration:none;}
/* ------------- * Radios * ------------- */
#con_form .jqTransformRadioWrapper {float: left;display:block; margin:5px 0 0;}
#con_form .jqTransformRadio {
	background: transparent url(../site/radio.png) 0 0px no-repeat;
	vertical-align: middle;
	height:16px;
	width:16px;
	display:block;	/*display: -moz-inline-block;*/
}
/* ------------- * Checked - Radio * ------------- */
#con_form a.jqTransformChecked {background: transparent url(../site/radio.png) 0 -17px no-repeat;}
/* -- * Checkboxes * -- */
#con_form span.jqTransformCheckboxWrapper{display:block;float:left; padding:10px 0 0 0;}
#con_form a.jqTransformCheckbox {background: transparent url(../site/checkbox.png) 0 0px no-repeat;vertical-align: middle;height:15px;width:15px;display:block;/*display: -moz-inline-block;*/}
/* -- * Checked * -- */
#con_form .jqTransformCheckboxWrapper a.jqTransformChecked {background: transparent url(../site/checkbox.png) 0 -16px no-repeat;}
/* ------------- * Hidden - used to hide the original form elements * ------------- */
#con_form .jqTransformHidden {display: none;}
/* Alert boxes */
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.alert h4 {  margin: 0;}
.alert .close {  position: relative;  top: -2px;  right: -21px;  line-height: 20px;}
.alert-success {  color: #468847;  background-color: #dff0d8;  border-color: #d6e9c6;}
.alert-danger,.alert-error {padding:20px; color: #b94a48;  background-color: #f2dede;  border-color: #eed3d7;}
.alert-info {padding:20px;  color: #3a87ad;  background-color: #d9edf7;  border-color: #bce8f1;}
.alert-block { padding-top: 14px;  padding-bottom: 14px;}
.alert-block > p,.alert-block > ul {  margin-bottom: 0;}
.alert-block p + p {  margin-top: 5px;}
/* Projects CSS */
ul#projects{margin-top:20px;}
ul#projects li {
	list-style-type: none;
	background: none repeat scroll 0 0 transparent;
	float: left;
	font-size: 13px;
	line-height: 22px;
	margin: 0 25px 35px 0;
	padding: 0;
	text-transform: none;
	width: 325px;
}
ul#projects li h2{font-size:21px;margin-bottom:10px;}
ul#projects li p{height:60px;}
ul#projects li .readmore{float:right;display:block;}
.featured-thumbnail a.thumb:hover  , ul#projects li a.thumb:hover{opacity:0.7;filter:alpha(opacity=70); /* For IE8 and earlier */ }
.thumb-wrap {box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);margin: 0 0 20px;overflow: hidden;}
/* Projects */
.project h2{font-size:18px;margin:10px 0 10px 0;}
.project img{margin:0 0 10px 10px;}
.project .title{color:#999;font-size:18px;}
.management h4{margin:10px 0;}
.management .role{	display:block;font-size:14px;color:#B2B2B2;font-family: 'Lato', sans-serif;margin-bottom:10px;}
/* News Articles
---------------------------------------- */
.post-holder {margin-bottom: 30px;position: relative;}

/* Post header */
.post-holder .entry-header h2 {  margin-bottom: .4em;  font-size: 20px;  line-height: 1.2em;}
.post-holder .entry-header h2 a {  color: #474747;  text-decoration: none;}
.post-holder .entry-header h2 a:hover {  color: #cc3000;}
.post-holder.single-post {  margin-bottom: 30px;  overflow: hidden;  width: 100%;}

/* Featured thumbnail */
.featured-thumbnail {  float: left;  margin: 5px 22px 10px 0;}
.featured-thumbnail .img-wrap {  float: left;width:300px;height:170px;}
.featured-thumbnail img {  float: left;  max-height: 100%;  max-width: 100%;  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);}

/* Post content */
.more{float:right;margin-right:305px;}
.post-content .excerpt {margin-bottom: 1.5em;}
.pagination a {display: inline-block;padding: 0 5px;background: #eee;}

/* Post footer */
.post-holder footer {clear: both;padding: 5px 0 0 0;}
.post-holder.single-post footer {margin-top: 20px;}

img.article { border: 1px solid #CCCCCC; clear: right;  float: right;  margin: 0 10px 10px 5px;}
/* Nice Button */
.button{
	display: inline-block;
	padding: 5px 16px;
	background: #dadada;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #838383;
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	color: #313131;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	letter-spacing: 0.025em;
	text-shadow: 1px 1px 0 #ffffff;
	box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.25);
}
.button:hover {
	font-style: normal;
	text-decoration:none;
	color: #ffffff;
	background: #cc3000;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	border-top: 1px solid #cd3100;
	border-bottom: 1px solid #781300;
	border-left: 1px solid #961e00;
	border-right: 1px solid #961e00;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
/*-- Nice Button as Used on Contact Form --*/
.pro_btn{
display:inline-block;
border: 1px solid #DDD;
border-radius: 3px;
text-shadow: 0 1px 1px white;
box-shadow:0 1px 1px #fff;
font: bold 13px Sans-Serif;
line-height:16px;
padding: 6px 10px;
white-space: nowrap;
vertical-align: middle;
color: #666;
background: transparent;
cursor: pointer;
border-color: #ddd;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 filter:none;
background-color:#E0E0E0;
background: -webkit-linear-gradient(top, white, #E0E0E0);
background:    -moz-linear-gradient(top, white, #E0E0E0);
background:     -ms-linear-gradient(top, white, #E0E0E0);
background:      -o-linear-gradient(top, white, #E0E0E0);
background:      linear-gradient(top, white, #E0E0E0);
-pie-background:      linear-gradient(top, white, #E0E0E0);
box-shadow:         0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;}
.pro_btn:hover{ box-shadow:inset 0 0 3px #fff;border-color: #999; text-decoration:none;}
