@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}

/*HEADER*/
.header {
	margin-top: 70px;
}

.header-logo{
	text-align: center;
}

.header-right-block{
	width: 100%;
	margin-top: 20px;
	text-align: center;
}

.header-phone-number{
	display: inline;
	margin: 10px;
}

.header-social-buttons{
	display: inline;
	margin: 10px;
}

img.header-social-buttons{
	vertical-align:baseline;
	margin: 0px;
}

/* NAVIGATION BAR */

.nav-bar{
	display: none;
}

/*QUOTE PANEL*/

.quote-panel{
	width: 100%;
	text-align:center;
}

.logo-button a:link, .logo-button a:visited{ 
	background: #5a46d4 url(../images/web-layout/design-digital/dd-home-quote-logo.png) right no-repeat !important;
}

.logo-button a:hover{
	background: #8167ef url(../images/web-layout/design-digital/dd-home-quote-logo-ro.png) right no-repeat !important;
}

.website-button a:link, .website-button a:visited{ 
	background: #53ba18 url(../images/web-layout/design-digital/dd-home-quote-website.png) right no-repeat !important;
}

.website-button a:hover{
	background: #67d22a url(../images/web-layout/design-digital/dd-home-quote-website-ro.png) right no-repeat !important;
}

.graphic-design-button a:link, .graphic-design-button a:visited{ 
	background: #0b6cee url(../images/web-layout/design-digital/dd-home-quote-graphic-design.png) right no-repeat !important;
}

.graphic-design-button a:hover{
	background: #3185f5 url(../images/web-layout/design-digital/dd-home-quote-graphic-design-ro.png) right no-repeat !important;
}

.seo-button a:link, .seo-button a:visited{ 
	background: #f77e08 url(../images/web-layout/design-digital/dd-home-quote-seo.png) right no-repeat !important;
}

.seo-button a:hover{
	background: #f9a014 url(../images/web-layout/design-digital/dd-home-quote-seo-ro.png)right no-repeat !important;
}

.logo-button{
	margin: 20px 10px;
}

.website-button{
	margin: 20px 10px;
}

.graphic-design-button{
	margin: 20px 10px;
}

.seo-button{
	margin: 20px 10px;
}
/*DESIGN AND DIGITAL STYLES*/
.banner{
	width:100%;
	background: url(../images/web-layout/design-digital/web-banner.jpg) no-repeat scroll center center / cover;
	overflow:hidden;
	margin: 20px 0;
	position:relative;
	padding: 20px 0;
}

.banner-buttons{
	color: #fff;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.banner-button-blue a:link, .banner-button-green a:link{
	margin: 10px !important;
}

.banner-header{
	font-size: 300%;
	font-weight:600;
}

/*FEATURE PANELS*/

.feature-panel{
	margin: 0 50px;
}

.zeroMargin_mobile {
margin-left: 0;
}

.hide_mobile {
display: none;
}

/* MENU */
#nav-wrapper {
		display:none;
}

.js .slicknav_menu {
		display:block;
}


/*IMAGES*/	

.image-float-left{
	margin: 0 20px 20px 0;
	width: 100%;
	display: inline-block;
}

.image-float-right{
	margin: 0 0 20px 20px;
	display: inline-block;
	width: 100%;
}

.right-hand-content{
	overflow: hidden;
	padding: 0 10px;
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

.left-hand-content{
	overflow: hidden;
	padding: 0 10px;
	display: inline-block;
	width: 100%;
	vertical-align: top;
}


/*CONTENT*/

.full-width-panel{
	margin: 0 20px;
}

.full-width-content{
	margin: 0 20px;
}


/* BOTTOM NAV */

.bottom-nav-strip{
	width: 100%;
	background:#3F4D5F;
	z-index:-100;
	min-height: 50px;
}

.bottom{
	width: 100%;
	background: #212C36;
	min-height: 50px;
	padding-bottom:10px;
}

.divisions-nav-item{
	width: 100%;
/*	text-align: center;
	font-size:150% !important;*/
}

img.divisions-nav-item{
	padding-right: 10px;
	width: auto;
}

.bottom-nav{
	display: none;
}

.bottom-social{
	padding: 20px 0;
}

.footer-social-icons{
	text-align: center !important;
	padding: 10px 0;
}

.footer-phone-number{
	text-align: center;
}

/*IT SERVICES*/

.it-services-banner-sub-header{
	display:none;
}

.it-services-banner{
	width:100%;
	background: url(../images/web-layout/it-services/it-home-banner-bkgd.jpg) no-repeat scroll center center / cover;
	overflow:hidden;
	margin: 20px 0;
	position:relative;
	padding: 20px 0;
}

.it-services-banner-buttons{
	color: #fff;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.it-services-banner-button-blue a:link, .banner-button-green a:link{
	margin: 10px !important;
}

.it-services-banner-header{
	font-size: 250%;
	font-weight:600;
	text-shadow: 5px 5px 10px #2E2E2E;
}

.light-blue-panel {
	width: 100%;
	max-width: 1232px;
	position: relative;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background: #9FB3C2;
}


.form-strip{
	width: 100%;
	background: #CFD6DB;
	padding: 20px 0;
}

/*SOFTWARE DEVELOPMENT*/

.software-development-banner-sub-header{
	display:none;
}

.software-development-banner{
	width:100%;
	background: url(../images/web-layout/software-development/banner-bkgd.jpg) no-repeat scroll center center / cover;
	overflow:hidden;
	margin: 20px 0;
	position:relative;
	padding: 20px 0;
}

.software-development-banner-buttons{
	color: #fff;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.software-development-banner-button-blue a:link, .banner-button-green a:link{
	margin: 10px !important;
}

.software-development-banner-header{
	font-size: 250%;
	font-weight:600;
	text-shadow: 5px 5px 10px #2E2E2E;
}

/*CONSULTING SERVICES*/

.consulting-services-banner-sub-header{
	display:none;
}

.consulting-services-banner{
	width:100%;
	background: url(../images/web-layout/consulting-services/banner-bkgd.jpg) no-repeat scroll center center / cover;
	overflow:hidden;
	margin: 20px 0;
	position:relative;
	padding: 20px 0;
}

.consulting-services-banner-buttons{
	color: #fff;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.consulting-services-banner-button-blue a:link, .banner-button-green a:link{
	margin: 10px !important;
}

.consulting-services-banner-header{
	font-size: 250%;
	font-weight:600;
	text-shadow: 5px 5px 10px #2E2E2E;
}

.outsourcing-dot-point{
	background:url(../images/web-layout/it-services/it-home-question.png) left no-repeat;
	width: auto;
	display: inline-block;
	padding-left: 60px;
	margin-left: 4%;
	margin-top: 2%;
	margin-bottom: 2%;
    line-height: 40px;
}

/* @group Web Form */
.form, .webform {font-size: 0.875em !important}
ul.form {margin: 0;	padding: 0;}
ul.form li {list-style: none;margin: 0 0 18px 0;}
ul.form li label {color: #888;display: block;}
div.form div.item, div.webform div.item {padding: 9px 0 9px 0;}
label {font-size: 1em !important;line-height: 130%;}
input.cat_textbox,
textarea.cat_listbox,
select.cat_dropdown,
select.cat_listbox {width: 90%;}
.cat_dropdown_small {width: 90%;}
.cat_dropdown_smaller {	width: 90%;}
.cat_textbox_small, .cat_listbox_small {width: 90%; /* DON'T TOUCH THIS */}
.cat_listbox {height: 120px;width: auto;}
table.webform,
table.reporting {
	border-collapse:collapse;
	border-spacing:0;
	width: 100%;
}
table.webform td {line-height: 24px;padding: 6px;}
.form input, .webform input {margin-right: 0; float: none !important;}
.comment-list input#Captcha, input#Captcha, input#CaptchaV2 {
    width: 90% !important;
}

.form-strip input, .form-strip select, .form-strip  textarea {font-style: italic; margin: 5px 0;}

form div.item, div.form div.item, div.webform div.item {
	padding: 0.125em 0 0.25em 0;
}
form div.item label, div.form div.item label, div.webform div.item label {
	padding: 0.125em 0 0.25em 0;
}

label {
	font-size: 1em !important;
	line-height: 130%;
}

form div.item, div.form div.item, div.webform div.item {padding: 0.5em 0 0.5em 0;}
form div.item label, div.form div.item label, div.webform div.item label {display: inline-block;padding: 0.5em 0 0.25em 0;}
label {	font-size: 1em !important;line-height: 130%;}
input[type="radio"], input[type="checkbox"] {margin: 0.5em;}


#blue-submit-button{
	font-weight:400;
	padding: 10px 20px;
	display:inline-block;
	background: #0062CB;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
	margin: 0 5px;
	border:none;
	font-style: normal;
}

#blue-submit-button:hover{
	background: #5bc022;
}

.form-wrapper{
	width:80%;
	position: relative;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
/* @end */

/*BACKGROUND*/
.portal-image{
	width:100%;
	background: url(../images/web-layout/portal/portal-banner-bkgd.jpg) no-repeat scroll center center / cover;
	overflow:visible;
	margin: 20px 0;
}

/*BUTTONS*/
.button-wrapper{
	width: 100%;
	max-width: 1232px;
	position: relative;
	min-height: 542px;
	text-align: center;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	padding-top:59px;
}

.button{
	display: inline-block;
	margin: 10px;
	text-align: center;
}

.content-block{
	padding: 5%;
}




/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}

.header {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}

#nav-wrapper ul li a, #nav-wrapper ul li a:visited, #nav-wrapper ul li a:hover {
	padding: 0 2.5% 0px;
}

#nav-wrapper {
		display:none;
}

.js .slicknav_menu {
		display:block;
}

.feature-panels{ 
	width: 100%;
	max-width: 768px;
	position: relative;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

.feature-panel{
	display: inline-block;
	width:auto;
	width: 46%;
	margin: 0px;
	margin-right: 1.5%;
	margin-left: 1.5%;
	vertical-align:top;
}

.image-float-left{
	width: 100%;
}

.image-float-right{
	width: 100%;
}

.right-hand-content{
	width: 100%;
	}

.left-hand-content{
	width: 100%;
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 88.5%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
	position:relative;
	
}


	/*CONTENT BLOCKS*/
.content {
	width:100%;
	max-width: 960px;
}

/*.content-block{
	max-width:480px;
}*/

/* HEADER */
.header {
	width:100%;
	overflow: hidden;
	display: block;
	max-width:1232px;
/*	padding-left: 0.75%;
	padding-right: 0.75%;*/
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	margin-top: 0;
}

.header-logo {
	min-height: 65px;
	padding: 20px 20px 10px 20px;
	display:inline-block;
}

.header-right-block{
	float: right;
	padding: 20px 20px 10px 20px;
	max-width: 50%;
	width: auto;
	margin: 0px;
	
}

.header-phone-number {
	display: block;
	margin:0px;
}

.header-social-buttons{
		line-height:26px;
		vertical-align:baseline;
		margin: 0px;
}

img.header-social-buttons {
	vertical-align:baseline;
	padding: 0 0 0 5px;
}

/*BACKGROUND*/
.portal-image{
	width:100%;
	background: url(../images/web-layout/portal/portal-banner-bkgd.jpg) no-repeat scroll center center / cover;
	overflow:visible;
	margin: 20px 0;
}

/*BUTTONS*/
.button-wrapper{
	width: 100%;
	max-width: 1232px;
	position: relative;
	min-height: 542px;
	text-align: center;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	padding-top:59px;
}

.button{
	display: inline-block;
	margin: 10px;
}


/*STRIP-MENU*/

.bottom-nav-strip{
	width: 100%;
	background:#3F4D5F;
	z-index:-100;
	min-height: 50px;
}

.divisions-nav{
	width: 100%;
	max-width: 1232px;
/*	padding: 0px 20px;*/
	display: block;
	line-height: 50px;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
.divisions-nav-item{
	width:22.75%;
	margin-left:1.5%;
	display:inline-block;
	color: #fff;
}

img.divisions-nav-item {
	margin-right: 10px;
	width:auto;
	vertical-align:middle;
}
	
/*BOTTOM NAVIGATION*/
.bottom{
	width: 100%;
	background: #212C36;
	min-height: 50px;
	padding-bottom:10px;
}

.bottom-nav{
	width:100%;
	max-width:1232px;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 20px;
	display:inherit;
}

.bottom-nav-column{
	width:22.75%;
	margin-left:1.5%;
	display:inline-block;
	color: #fff;
	display: inline-block;
	vertical-align: top;
}

.bottom-social {
	width: 100%;
	max-width: 1232px;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

.footer-email{
	width: 31%;
	margin: 0 1%;
	display: inline-block;
}

.footer-social-icons{
	width: 31%;
	margin: 0 1%;
	display: inline-block;
}

.footer-phone-number{
	width: 31%;
	margin: 0 1%;
	display: inline-block;
}

.zeroMargin_desktop {
margin-left: 0;
}

.hide_desktop {
display: none;
}

/*DESIGN AND DIGITAL STYLES*/
.banner{
	width:100%;
	background: url(../images/web-layout/design-digital/web-banner.jpg) no-repeat scroll center center / cover;
	overflow:hidden;
	margin: 20px 0;
	min-height: 533px;
	max-height: 533px;
	position:relative;
	padding: 0px;
}

.banner-buttons{
	height: 230px;
	color: #fff;
  	width: 100%;
	text-align: center;
	padding-top: 30px;
}

.banner-header{
	font-size: 44px;
	font-weight: 700;
	}

.banner-sub-header{
	font-size: 18px;
	font-weight: 700;
	}


/* FEATURE PANELS */
.feature-panels{ 
	width: 100%;
	max-width: 1232px;
	position: relative;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	
}

.feature-panel{
	display: inline-block;
	width:auto;
	width: 23%;
	margin: 0px;
	margin-right: 1.5%;
	vertical-align:top;
}

/*CONTENT PANELS*/
.full-width-panel{
	width: auto;
	max-width: 960px;
	position: relative;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	margin-bottom: 30px;
	overflow: hidden;
	padding-left: 20px;
	padding-right: 20px;
}

.full-width-content{
	width: auto;
	max-width: 960px;
	position: relative;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	overflow: hidden;
	padding-left: 20px;
	padding-right: 20px;
}



.quote-panel{
	width: auto;
	text-align:center;
}

.logo-button{
	display: inline-block;
	min-width: 280px;
	margin: 20px 10px;
}

.website-button{
	display: inline-block;
	min-width: 280px;
	margin: 20px 10px;
}

.graphic-design-button{
	display: inline-block;
	min-width: 280px;
	margin: 20px 10px;
}

.seo-button{
	display: inline-block;
	min-width: 280px;
	margin: 20px 10px;
}

/*NAVIGATION*/
.nav-bar{
	width: 100%;
	background: url(../images/web-layout/common/nav-bar.png);
	min-height: 55px;
	display: inherit;	
}

.nav-bar-wrapper{
	width: 100%;
	max-width: 1232px;
	position: relative;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

.home-button-wrapper{
	width: 5%;
	line-height:55px;
	display: inline-block;
	text-align: center;
}

#nav-wrapper{
	width: 100%;
	position: relative;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	display: inline-block;
	text-align: center;
}

#nav-wrapper ul{
	width: 100%;
	margin: 0;
	padding: 0;
}

#nav-wrapper li{
	width: auto;
	display: inline-block;
}

.mid_mobile_menu {display: none;}
.mid_desktop_menu {display: block;}
#nav-wrapper ul {display: block; height: 55px;padding: 0; margin: 0;  }
#nav-wrapper ul li {
	padding: 0;
	/*float: right;*/
	margin: 0;
	height: 55px;
	display: inline;
	/*position: relative;*/
}
#nav-wrapper ul li:hover {}
#nav-wrapper ul li a, #nav-wrapper ul li a:visited, #nav-wrapper ul li a:hover {
	display: inline-block;
	padding: 0 25px 0px;
	height: 55px; /*59*/
	line-height: 55px;
	color: #fff;
	text-decoration: none;
	font-weight: 400;
/*	font-size: 14px;	*/
}
#nav-wrapper ul li a:hover {
    text-decoration: none;
	background-image: url(/images/web-layout/navigation-arrow.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}
#nav-wrapper ul li.first a, #nav-wrapper ul li.first a:visited, #nav-wrapper ul li.first a:hover {padding-left: 30px;}
#nav-wrapper ul li.last a, #nav-wrapper ul li.last a:visited, #nav-wrapper ul li.last a:hover {padding-right: 0;}
/* main navigation Hover menu CSS */
#nav-wrapper ul li ul {
  line-height: normal;
  position: absolute;
  top: 55px;
  left: 0;
  display: none;
  max-width: 1232px;
  height: auto;
  min-height: 152px; /*196px*/
  padding: 14px 0 30px 0;
  margin: 0;
  z-index: 1001;
  background-image: url(../images/web-layout/common/dropdown.png);
  background-position: left top;
  background-repeat: repeat;
  border-top: white solid 1px;
}
#nav-wrapper ul li:hover ul { display: block;}
#nav-wrapper ul li ul li {
	padding: 0;
	width: 240px;
	float: left;
	height: auto;
}
#nav-wrapper ul li:hover ul li a, #nav-wrapper ul li:hover ul li a:hover, #nav-wrapper ul li:hover ul li a:visited {
	padding: 5px 0 5px 19px;
	line-height: 115%;
	width: 221px; /*240*/
	height:auto;
	min-height: 0;
	text-align: left !important;
	display:block;
	cursor:pointer;
	background-color: transparent;
	border: 0px solid #ffffff; 
	background-image: none;
	color: #ffffff;
	}
  /* Level 3 */
  #nav-wrapper ul li:hover ul li ul {
	display: block;
	width:221px;
	height: auto;
	padding: 2px 0 7px 0;
	border: none;
	position:static;
	background-image: none;
  }
  #nav-wrapper ul li:hover ul li a, #nav-wrapper ul li:hover ul li a:hover, #nav-wrapper ul li:hover ul li a:visited {
	padding: 2px 0 2px 19px;
	line-height: 110%;
  }

#nav-wrapper ul li ul li a{
	font-size: 16px;
	font-weight: 400;
}

#nav-wrapper ul li ul li a:hover{
	font-weight: 600;
}

#nav-wrapper ul li ul li ul li a{
	font-size: 14px;
	font-weight: 400;
}

#nav-wrapper ul li ul li ul li a:hover{
	font-weight: 600;
}

/* IT SERVICES */

.light-blue-panel {
	width: 100%;
	max-width: 1232px;
	position: relative;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background: #9FB3C2;
}

.outsourcing-wrapper{
	width: 100%;
	max-width: 1232px;
	position: relative;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

.outsourcing-dot-point{
	background:url(../images/web-layout/it-services/it-home-question.png) left no-repeat;
	min-width: 250px;
	width: 23%;
	display: inline-block;
	padding-left: 60px;
	margin-left: 4%;
	margin-top: 2%;
	margin-bottom: 2%;
}

.it-services-banner{
	width:100%;
	background: url(../images/web-layout/it-services/it-home-banner-bkgd.jpg) no-repeat scroll center center / cover;
	overflow:hidden;
	margin: 20px 0;
	min-height: 533px;
	max-height: 533px;
	position:relative;
	padding: 0;
}

.it-services-banner-buttons{
	height: 230px;
	color: #fff;
  	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.it-services-banner-header{
	font-size: 250%;
	font-weight:600;
	text-shadow: 5px 5px 10px #2E2E2E;
}

.it-services-banner-sub-header{
	font-size: 36px;
	font-weight:400;
	display: inherit;
}

.form-strip{
	width: 100%;
	background: #CFD6DB;
	padding: 20px 0;
}

.services-menu ul li {
	word-wrap: normal;
	width: 20% !important;
	text-align: center !important;
	display: inline-block;
	float: none !important;
}

.help-desk-menu-icon{
	background:url(../images/web-layout/it-services/it-home-menu-icon-incident-response.png) center top no-repeat;
	padding-top: 50px !important;
}

.integrated-support-menu-icon{
	background:url(../images/web-layout/it-services/it-home-menu-icon-integrated-support.png) center top no-repeat;
	padding-top: 50px !important;
}

.managed-it-services-menu-icon{
	background:url(../images/web-layout/it-services/it-home-menu-icon-managed-it-services.png) center top no-repeat;
	padding-top: 50px !important;
}

.cloud-computing-menu-icon{
	background:url(../images/web-layout/it-services/it-home-menu-icon-cloud-computing.png) center top no-repeat;
	padding-top: 50px !important;
}

.business-email-menu-icon{
	background:url(../images/web-layout/it-services/it-home-menu-icon-business-email.png) center top no-repeat;
	padding-top: 50px !important;
}

/*SOFTWARE DEVELOPMENT*/
.software-development-banner{
	width:100%;
	background: url(../images/web-layout/software-development/banner-bkgd.jpg) no-repeat scroll center center / cover;
	overflow:hidden;
	margin: 20px 0;
	min-height: 533px;
	max-height: 533px;
	position:relative;
	padding: 0;
}

.software-development-banner-buttons{
	height: 230px;
	color: #fff;
  	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.software-development-banner-header{
	font-size: 54px;
	font-weight:600;
	text-shadow: 5px 5px 10px #2E2E2E;
}

.software-development-banner-sub-header{
	font-size: 36px;
	font-weight:400;
	display: inherit;
}

/*CONSULTING SERVICES*/


.consulting-services-banner{
	width:100%;
	background: url(../images/web-layout/consulting-services/banner-bkgd.jpg) no-repeat scroll center center / cover;
	overflow:hidden;
	margin: 20px 0;
	min-height: 533px;
	max-height: 533px;
	position:relative;
	padding: 0;
}


.consulting-services-banner-buttons{
	height: 230px;
	color: #fff;
  	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.consulting-services-banner-header{
	font-size: 54px;
	font-weight:600;
	text-shadow: 5px 5px 10px #2E2E2E;
}

.consulting-services-banner-sub-header{
	font-size: 36px;
	font-weight:400;
	display: inherit;
}

.web_portfolio_block {
    display: inline-block;
    width: 310px;
    height: 260px;
    margin: 22px 10px 0px 0px;
}



/*CONTACT FORMS*/
.contact-page-main{
	width: 70%;
	overflow: hidden;
}

.contact-page-panel{
	float: left;
	margin: 0 20px 20px 0;
	display: block;
	max-width: 340px;
}

.google-maps {

	position: relative;

	padding-bottom: 75%; /* This is the aspect ratio*/

	height: 0;

	overflow: hidden;

}

.google-maps iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100% !important;

	height: 100% !important;

	/*max-width: 600px;

	max-height: 450px;	*/

}

/* BOTTOM OF PAGE FORM PANELS */
.form-third-panel{
	min-width: 375px;
	margin: 0 30px 0 0;
	display: inline-block;
	vertical-align: top;
	font-size: 0.9em;
}

.slicknav_menu {
	display:none;
}

}

@media only screen and (min-width: 960px) {
	
	/*CONTENT BLOCKS*/
.content {
	width:100%;
	max-width: 1232px;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

.content-block{
	max-width:45%;
	display:inline-block;
	margin: 1%;
	text-align:left;
	vertical-align: top;
	padding: 1%;
}

	#nav-wrapper ul li a, #nav-wrapper ul li a:visited, #nav-wrapper ul li a:hover {
	display: inline-block;
	padding: 0 45px 0px;
	height: 55px; /*59*/
	line-height: 55px;
	color: #fff;
	text-decoration: none;
	font-weight: 400;
/*	font-size: 14px;	*/
}

.feature-panels{ 
	width: 100%;
	max-width: 1232px;
	position: relative;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

.feature-panel{
	display: inline-block;
	width:auto;
	width: 23%;
	margin: 0px;
	margin-right: 1.5%;
	vertical-align:top;
}

.full-width-panel{
	width: auto;
	max-width: 1232px;
	position: relative;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	margin-bottom: 30px;
	overflow: hidden;
	padding-left: 20px;
	padding-right: 20px;
}

.full-width-content{
	width: auto;
	max-width: 1232px;
	position: relative;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	overflow: hidden;
	padding-left: 20px;
	padding-right: 20px;
}
.image-float-left{
	max-width: 30%;
	width: auto;
}

.image-float-right{
	max-width: 30%;
		width: auto;
}

.right-hand-content{
	max-width: 65%;
		width: auto;
}

.left-hand-content{
	max-width: 65%;
		width: auto;
}
}

.footer-terms{
	width: 100%;
	text-align: center;
}