/* *********************************************************************************************************************
 * Main container for all
 */
* {
	margin: 0;
	padding: 0;
}
a, u {
    text-decoration: none;
	color:inherit;
}
.grid {
	margin: 0 auto;
	padding: 0 0 0 1%;
	padding-left: 32px;
	padding-right: 32px;
	max-width: 1000px;
 	overflow:hidden;
	clear:both;
}
img.bg {
    position: fixed;
	top: 0;
	left: 0;
	background-repeat: repeat;
}
html { 
	-webkit-font-smoothing: antialiased;
}
div {	
	margin: 0;
	padding: 0; 
}
html, body, .wrapper {
	min-height: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
	color:#616161;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:500;
	text-align:left;
}	
html>body .wrapper {
    height: auto;
}
body {
	background-color:#3eaaa4;
}
.headerimage {
	background-size:cover;
	background-position:center top;
}
.HI1 {
	background-image:url(/work_1.jpg);
}
.HI2 {
	background-image:url(/work_2.jpg);
}
.HI3 {
	background-image:url(/work_3.jpg);
}
.HI4 {
	background-image:url(/work_4.jpg);
}
.HI5 {
	background-image:url(/work_5.jpg);
}
.HI6 {
	background-image:url(/work_6.jpg);
}
.HI7 {
	background-image:url(/work_7.jpg);
}
.HI8 {
	background-image:url(/work_8.jpg);
}
.blank {
	width:100%;
	font-size:1;
}
.wrapper {
    min-height:100%;
    position:relative;
}
.content {
    padding-bottom:250px; /* Height of the footer element */
	position:relative;
}
.footer {
	width:100%;
    position:absolute;
    bottom:0;
    left:0;
	height:250px;
}
.footer_bg {
	background-color:#3eaaa4;
	width:100%;
	overflow:hidden;
	clear:both;
	padding-top:64px;
	padding-bottom:64px;
}
.logo_footer {
	display:block;
	width:100%;
	height:60px;
	overflow:hidden;
	clear:both;
	background-repeat:no-repeat;
	background-image:url(/logo_footer.png);
	background-size: auto 72%;
	background-position: right;
}
.slider_back {
	background-color:#1a2322;
	clear:both;
 	overflow:hidden;
    width:100%;
	display:block;
	padding-top: 20px;
	padding-bottom: 20px;
}
.intro_bg {
	background-color:#ffffff;
	clear:both;
 	overflow:hidden;
    width:100%;
	display:block;
	margin-bottom: -1px;		
}
.main_button_box {
	margin-top:24px;
	float:right;
}
.crumb {
	color:rgba(0, 0, 0, 0.6);	
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:400;
	font-style:normal;
}
.crumb_link:hover {
	text-decoration:underline;
}
.main_button {
	display:inline;
	padding-left:12px;
	padding-right:12px;
	color:rgba(0, 0, 0, 0.6);	
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	font-weight:400;
	font-style:normal;
	text-transform:uppercase;
	text-align:center;
	border-bottom:2px;;
	border-bottom-color:rgba(0,0,0,0.0);
	border-bottom-style:solid;
}
.main_button:hover {
	color:rgba(0, 0, 0, 0.8);
	border-bottom:1px;;
	border-bottom-color:#3eaaa4;
	border-bottom-style:solid;
}
.portfolio_button {
	width: 100%;
	padding-top:15px;
	padding-bottom:15px;
	color:#FFFFFF;	
	font-size:17px;
	font-style:normal;
	text-align:center;
	background-color: #3eaaa4;
	cursor: pointer;
	border-radius: 5px;
}
.portfolio_button:hover {
	background-color: #000000;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.grid_break {
	padding-bottom: 20px;
}
.header {
	background-color:#FFFFFF;
	clear:both;
 	overflow:hidden;
    width:100%;
	padding-top:20px;
	padding-bottom:20px;
	display:table;	
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}
.header_strap {
	display:table-cell;
	width:100%;
	font-family: 'Open Sans', sans-serif;
	color:rgba(0, 0, 0, 0.7);	
	font-size:16px;
	font-weight:400;
	line-height:18px;
	vertical-align:middle;
	clear:both;
	overflow:hidden;
	height:74px;
}
.logo_box {
	display:table-cell;
	width:100%;
	height:74px;
	vertical-align:middle;
}
.logo {
	display:table-cell;
	width:100%;
	line-height:74px;
	vertical-align:middle;
}
.clientlogo {
	opacity: 0.5;
	width:100%;
}
.intro_bg {
	background-color: #ffffff;
	width:100%;
	clear:both;
 	overflow:hidden;
	display:block;
	padding-top:20px;
	padding-bottom:60px;
	border-bottom: solid 2px #e0e0e0;
}
.portfolio_bg {
	width:100%;
	background-color:#2c6663;
	clear:both;
 	overflow:hidden;
    width:100%;
	display:block;
	padding-top:60px;
	padding-bottom:60px;
	color: #ffffff;
}
.clients_bg {
	width:100%;
	background-color:rgba(255,255,255,1);
	clear:both;
 	overflow:hidden;
    width:100%;
	display:block;
	padding-top:75px;
	padding-bottom:75px;
}
.titleband_bg {
	width:100%;
	background-color:rgba(255,255,255,1);
	clear:both;
 	overflow:hidden;
    width:100%;
	display:block;
	margin-bottom: 1px;
	padding-top:20px;
	padding-bottom:25px;
	margin-top:1px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.15);	
}
.about_header_bg {
	width:100%;
	background-color:#3eaaa4;
	margin-bottom: 30px;
	border-radius: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.about_section_bg {
	width:100%;
	background-color:rgba(255,255,255,0.7);
	clear:both;
 	overflow:hidden;
    width:100%;
	display:block;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	padding-top:30px;
	padding-bottom:30px;
	margin-bottom:30px;
}
.about_header {
	color:#FFFFFF;
	font-family:Pacifico, Helvetica, sans-serif;
	font-size:26px;
	font-weight:normal;
	padding: 20px;
}
.form_bg {
	width:100%;
	background-color:rgba(0,0,0,0.8);
	clear:both;
 	overflow:hidden;
    width:100%;
	display:block;
	margin-bottom: -1px;
	padding-top:48px;
	padding-bottom:130px;
	margin-bottom:-31px;
}
.white_bg {
	width:100%;
	background-color:#FFFFFF;
	clear:both;
 	overflow:hidden;
    width:100%;
	display:block;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	padding-top:30px;
	padding-bottom:30px;
	margin-bottom:30px;
	margin-top:0px;
}
.icon_portcat {
	width:100%;
	height:auto;
}
.icon_portcat_box {
	display:block;
	margin-left:20px;
	margin-right:20px;
}
.icon {
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
	width:100%;
	height:auto;
}
.icon:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.about_image {
	width:100%;
	height:auto;
}
.txt_title {
	color:#616161;
	font-family: 'Open Sans', sans-serif;
	font-size:40px;
	font-weight:bold;
 	overflow:hidden;
	clear:both;
	letter-spacing: -2pt;
}
.txt_sub_white {
	color:#FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-size:25px;
	font-weight:bold;
 	overflow:hidden;
	clear:both;
	padding-bottom: 20px;
	letter-spacing: -1pt;
}
.txt_sub_grey {
	color:#616161;
	font-family: 'Open Sans', sans-serif;
	font-size:25px;
	font-weight:bold;
 	overflow:hidden;
	clear:both;
	padding-bottom: 20px;
	letter-spacing: -1pt;
}
.project_location {
	color:#616161;
	font-family:Pacifico, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
 	overflow:hidden;
	clear:both;
}
.footer_copyright {
	text-shadow:0px -1px 0px rgba(0, 0, 0, 0.3);	
	color:#FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-size:10px;
	font-weight:normal;
	display:block;
	text-align:right;
}
.footer_text {
	text-shadow:0px -1px 0px rgba(0, 0, 0, 0.3);	
	color:#FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:normal;
	display:block;
	text-align:left;
}
.footer_bold {
	color:#FFFFFF;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	font-weight:bold;
	display:block;
	text-align:left;
	padding-bottom:8px;
}
.addy_text {
	color:#616161;
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	font-weight:normal;
	display:block;
	line-height:24px;
	text-align:left;
	padding-bottom:16px;
}
.addy_bold {
	color:#616161;
	padding-top:8px;
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	font-weight:bold;
	display:block;
	text-align:left;
}
.mobback_button_box {
	display: none;
}

/* *********************************************************************************************************************
 * Common columns definitions
 */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float: left;
	margin: 0 3% 0 0;
}

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
	margin: 0;
}

.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 22.5%; }
.col4 { width: 31%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 65%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 { width: 99%; margin: 0; }

/* *********************************************************************************************************************
 * tablets ----------- 
 */
@media all and (min-width: 768px)and (max-width: 999px){ 
.header_strap {
	font-size:11px;
	line-height:12px;
}
.main_button {
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
}
}
/* *********************************************************************************************************************
 * phones
 */
@media all and (max-width: 767px) {
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
	float: none;
	width: 99%;
}
.grid {
	margin: 0 auto;
	padding: 0 0 0 1%;
	max-width: 1200px;
 	overflow:hidden;
	clear:both;
}
.main_button_box {
	display:none;
}
.main_button {
	display:block;
	padding-left:6px;
	padding-right:6px;
	padding-top:6px;
	padding-bottom:6px;
	margin-bottom:6px;
	color:#FFFFFF;	
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	font-weight:400;
	font-style:normal;
	text-transform:uppercase;
	text-align:center;
	background-color:#3eaaa4;
	border:1px;
	border-color:rgba(0,0,0,0.1);
	border-style:solid;	
	border-bottom:2px;
	border-bottom-color:rgba(0,0,0,0.1);
	border-bottom-style:solid;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;	
}
.main_button:hover {
	background-color:#FFFFFF;
	border:1px;
	border-color:rgba(0,0,0,0.1);
	border-style:solid;	
	border-bottom:2px;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
}
.main_button:active {
	color:rgba(0, 0, 0, 1);	
}
.header_strap {
	height:auto;
	font-size:11px;
	line-height:12px;
	display:block;
	text-align:center;
	padding-top:16px;
	padding-bottom:16px;
}
.header {
	padding-top:0px;
	padding-bottom:0px;
	display:table;
}
.logo_box {
	display:block;
	width:150px;
	margin:auto;
	height:auto;
}
.logo {
	display:block;
	padding-top:16px;
}
.icon_box {
	width:150px;
	display:block;
	height:auto;
	margin:auto;
}
.port_thumb {
	display:block;
	width:150px;
	height:auto;
	margin:auto;
}
.icon {
	width:150px;
	height:auto;
	margin:auto;
	padding-top:32px;
}
/* Service Paras */
h4 {
	padding-top:16px;
	padding-bottom:16px;
	margin-left:10px;
	margin-right:10px;
}
.white_bg {
	padding-top:0px;
	padding-bottom:6px;
	margin-bottom:6px;
}
.blank {
	display:none;
}
.slidebox_border {
	margin-top:5px;
	margin-bottom:5px;
	padding:0px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}
.footer_text_button {
	display:block;
	padding-left:12px;
	padding-right:12px;
	padding-top:6px;
	padding-bottom:6px;
	margin-bottom:6px;
	color:rgba#FFFFFF);	
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	font-weight:400;
	font-style:normal;
	text-transform:uppercase;
	text-align:center;
	background-color:rgba(0,0,0,0.05);
	border:1px;
	border-color:rgba(0,0,0,0.1);
	border-style:solid;	
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;	
}
.footer_text_button:hover {
	color:rgba(0, 0, 0, 0.8);
	background-color:#FFFFFF;
	border-color:#FFFFFF;
}
.footer_text {
	text-shadow:0px -1px 0px rgba(0, 0, 0, 0);	
	text-align:center;
	padding-bottom:32px;
}
.footer_bold {
	display:none;	
}
.footer_bg {
	padding-top:32px;
	padding-bottom:32px;
}
.logo_footer {
	background-position: center;	
}
.footer_copyright {
	text-align:center;
}
.bump_cyan_bg {
	background-repeat:repeat-x;
	width:100%;
	height:16px;
	background-size: 16px 16px;
	background-image: url(/bump_cyan_bg.png);
	background-position: center;
	margin-bottom: -1px;	
}
h4 {
	text-align:center;
}
h5 {
	font-size:30px;
	text-align:center;
	padding-left: 12px;
	padding-right: 12px;
}
p {
	text-align:center;
	padding-left: 12px;
	padding-right: 12px;
}
.icon_portcat_box {
	width:100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:0px;	
}
.crumb {
	text-align:center;
}
.titleband_bg {
	margin-bottom: 1px;
	padding-top:16px;
	padding-bottom:16px;
	margin-top:12px;
}
.mobback_button_box {
	display: block;
	padding: 12px;
}
.project_location {
	font-size:24px;
	text-align: center;
	padding-left: 12px;
	padding-right: 12px;
}
.homeintro_bg {
	padding-top:20px;
	padding-bottom:5px;
}
.addy_text {
	text-align:center;
}
.addy_bold {
	text-align:center;
}
.grid_break {
	padding-bottom:0;
}
.portfolio_button {
	margin-bottom: 5px;
}