body {
	font: 12px/130% "Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;
	color:#444444;
	line-height:1.5em;
	background: #FFF;
	min-width: 980px;
}

a{
	color:#799035;
	text-decoration:none;
	outline:none;
}
a:hover {
	color: #09F;
	text-decoration:underline;
}
:focus { outline: 0; }

.noshow{display:none;}
.text_r{ text-align: right}
.text_l{ text-align: left;}
.text_c{ text-align: center;}
.textTop{ vertical-align: top;}
.clear{ clear: both; }
.left{ float: left;}
.right{ float: right;}
.pullTop120{ margin-top: -120px}
.pullTop170{margin-top: -170px}
.dRed{color:#C63128;}
.white{color:#fff}
.smalltext{font-size:10px;}
 
header { 
	position: fixed;
	top: 25px;
	left: 0;
	z-index: 5;
	height: 40px;
	width:100%;
	border: 1px solid #444; border-width:1px 0;
	background: #222;
	/*background: url('https://s3.amazonaws.com/bluegate_static/images/pxt.png') repeat top left;*/
	background: rgba(0,0,0,0.85);
	/*
    background: #383127;
    background: -moz-linear-gradient(center top, #383127, #28231a);
    background: -webkit-gradient(linear,  center top, center bottom, from(#383127), to(#28231a));
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#383127', EndColorStr='#28231a', GradientType=0);
	*/
}

header .logo{ width: 190px;  margin: 0; position:absolute; top:-10px; left:0}
header .logo a{ display:block; width:190px; height:60px; text-indent:-9999em; background:url('https://s3.amazonaws.com/bluegate_static/images/logo_b.png') 0 0 no-repeat; font-size:1.1em}

header .navCntr{ position:absolute; top: 0; right:0 }
header .navCntr ul{ margin:0; padding: 0; list-style-type: none;}
header .navCntr ul li{ list-style-type: none; display: inline-block; padding:0; margin:0; *float:left;}
header .navCntr ul li a{ display: block; font-size: 1.2em;  line-height: 19px; padding:11px 15px; margin:0; text-decoration:none; color:#fff; }
header .navCntr ul li a:hover,
header .navCntr ul li.active a,
header .navCntr ul li a.active{
	/*border-bottom: 3px solid #c67629;*/
	border-bottom: 3px solid #e54e45;
	padding-bottom: 8px;	
}
.contentCntr{
	width: 960px;
	padding: 0 10px;
	margin: 0 auto;
	position:relative;
}

article h2 { /*font-family: 'Lobster Two';*/ font-size: 60px; margin: 25px 0; line-height: 1em; }

.story { min-height: 100%; padding:0; margin: 0; width: 100%; max-width: 2920px; position: relative; margin: 0 auto; }
.story .c1{ padding: 110px 0 40px;}


.sectionIntro{ font-size: 40px; line-height: 1.2em; margin-bottom:20px; font-weight: bold;}
.sectionEx{ font-size: 19px; line-height:1.4em; color: #666; margin: 15px 0;}

/* fonts */
.sectionIntro{ font-weight:700;font-family: 'Arimo', sans-serif;}
.sectionEx{ font-family: 'Shanti', sans-serif;}
#first .offering .quads .quadTitle, .colLeft .colContent .colTitle {
    font-family: 'Oswald',sans-serif;
}
.alice{font-family: 'Alice',sans-serif;}


/* end fonts */

#first .c1{ background: url('https://s3.amazonaws.com/bluegate_static/images/dotbg.png') repeat top left #ddd}
#first  { z-index: 4; } 
#second { z-index: 3; }
#third  { z-index: 2; }
#fourth { z-index: 1; }
#second , #third, #fourth{ margin-top: -17px }

/* Introduction */

#first article { width: 100%;   text-shadow: 0px 1px 0px rgba(255,255,255,0.75); /*top: 300px; position: absolute; text-align: center; */}
#first .sectionIntro,#first .sectionEx,#first .contactBtn{  width: 435px; position:relative;z-index:2 }
#first .screens  {position:relative;z-index:1 }
#first .slide1{position:relative}
#first .contactAbs{position: absolute;right: 28px;top: 30px;}
#first .contactBtn a.btn-main{padding-left:55px;padding-right:55px;}
 
#first .c2{ height:17px; width:100%;background: url('https://s3.amazonaws.com/bluegate_static/images/zig_eee.png') left bottom repeat-x ;}
#first .offering{ margin: 50px auto 25px; width: 870px; min-height:204px; background: url('https://s3.amazonaws.com/bluegate_static/images/offering_bg.png') top center no-repeat}
#first .offering .quads{ height: 85px;  margin-top: -5px; padding-bottom: 15px;  width: 330px;}
#first .offering .quads .quadTitle,.colContent .colTitle{ font-size: 20px; font-weight: normal; line-height:1.3em }
#first .offering .quads .quadTxt{ font-size: 14px; line-height: 1.35em}
#first .offering  .quad3,#first .offering  .quad4{ margin: 0; padding-bottom: 0; padding-top: 15px;}
 
/*#first article p,
#first article a { color: #ccc; }
#first article a { text-decoration: underline; }
#first article a:hover { color: #fff; }*/

/* Services */
#second .c1 { background: url('https://s3.amazonaws.com/bluegate_static/images/service_bg.png') repeat #333; color: #fff; padding-top: 70px; text-shadow: 0px 1px 0 rgba(126,126,126,0.5); }
#second .sectionEx, #fourth .sectionEx{ color: #fff; }
#second .cols{ width: 100%; padding:0;margin:15px 0}
#second .cols .colLeft {width:584px; padding-right: 15px ;border-right:1px solid #313131;}
#second .cols .colRight{ width:345px; padding-left:15px;}
#second .cols .colLeft .colContent{ padding: 15px; padding-bottom: 15px;}
#second .cols .colLeft .contentSection{padding-bottom: 15px; border-bottom:1px solid #313131;  width:506px;}

#second .cols .colLeft .f .contentSection{border-top:none; padding-top:0px;}
#second .cols .colLeft .l .contentSection{border-bottom:none}
.colContent .colTitle{ padding-bottom:15px;}
.colContent .colTxt{ font-size: 15px; line-height: 1.5em}
.colRight .colContent .colTitle{ font-size: 14px}
.colRight .colContent .colTxt{ font-size: 13px; padding-bottom:25px;}
#second .c2{ height:17px; width:100%;background: url('https://s3.amazonaws.com/bluegate_static/images/zig_333.png') left bottom repeat-x ;}


/* Our Work */
#third .c1 { background: url('https://s3.amazonaws.com/bluegate_static/images/work_bg.png') repeat #ccc;padding-top: 70px; text-shadow: 0px 1px 0 rgba(255,255,255,0.5); }
#third .c2{ height:17px; width:100%;background: url('https://s3.amazonaws.com/bluegate_static/images/zig_w.png') left bottom repeat-x ;}
#third .showcase{margin:10px 0 15px 0px}
#third .showCaseRight{ width: 440px;}
#third .showCaseLeft{ width: 520px;}
#third .showCaseItem{ display: inline-block; padding: 0;*float:left;}
#third .logos{ margin:7px 0 }
#third .showcaseLink {display:block;margin: 0px 2px 3px 0;}
 
#third .showcaseLink img{border: 3px solid #E2E2E2;border:3px solid rgba(226,226,226,0.90); display: inline-block; }

.logos .cLogo{
	display:inline-block;
	*float:left;
	width: 46px;
	height:45px;
	margin-right: 17px;
	text-indent: -999em;
	outline: none;
	background: url('https://s3.amazonaws.com/bluegate_static/images/logos.png') 0 0 no-repeat;
}
.logos .lst {margin-right: 0px}
.logos .lheed{ background-position: -67px 0;width:188px; }
.logos .mand{ background-position: -280px 0;width:155px; }
.logos .nasa{ background-position: -460px 0;width:60px; }
.logos .gtech{ background-position: -540px 0 ;width:105px;}
.logos .canon{ background-position: -670px 0 ;width:125px;}
.logos .umd{ background-position: -820px 0;width:155px; }

#fancybox-title-inside{
	background-color: #93cefc;
    color: #FFFFFF;
    padding: 3px 0;
}
/* Contact Us */
#fourth .c1 {  background:#333; color: #fff; padding-top: 70px; text-shadow: 0px 1px 0 rgba(126,126,126,0.5);  }
#fourth .formSection{ width:500px}
#fourth .mapSection{ background: url('https://s3.amazonaws.com/bluegate_static/images/map.png') no-repeat top right; height:90px; width:460px;margin-top: -40px; padding-top: 160px;}
#fourth .mapSection .contactInfo{ background: url('https://s3.amazonaws.com/bluegate_static/images/pxt.png') repeat top left; background: rgba(0,0,0,0.5); padding:10px; width:440px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
#fourth .mapSection a{color: #c3e3fc; text-decoration: none;}
#fourth .mapSection a:hover{color: #fcba61; text-decoration: underline;}
#fourth .mapSection .contactInfo,.button{
	-webkit-background-clip: padding-box;
	background-clip:padding-box;
	-moz-background-clip:  border;
}
.sIcon{
	width:12px;
	height: 18px;
	display:inline-block;
	text-indent: -999em;
	outline: none;
	margin:10px 0 0 10px;
	background: url('https://s3.amazonaws.com/bluegate_static/images/sicons.png') 0 0 no-repeat;
}
.fbIcon:hover{ background-position:0 -18px}
.twIcon{ background-position: -13px 0; width:24px;}
.twIcon:hover{ background-position:-13px -18px}

.serviceIcons{
	width:33px;
	height: 33px;
	display:inline-block;
	text-indent: -999em;
	outline: none;
	background: url('https://s3.amazonaws.com/bluegate_static/images/serv_icons.png') 0 0 no-repeat;
}
.binfIcon{ background-position: -132px 0; }
.visuIcon{ background-position: -99px 0; }
.devIcon{ background-position:-66px 0; }
.cmsIcon{  background-position: -33px 0; }

.serviceIconsDark .visuIcon{ background-position: -99px 0; }
.serviceIconsDark .devIcon{ background-position:-66px 0; }
.serviceIconsDark .cmsIcon{  background-position: -33px 0; }

#theend {
    background-color: #FFFFFF;
    clear: both;
    
    font-size: 11px;
    padding: 10px 0 ;
    position: relative;
}
#copyright,#theend {color: #c1c1c1;}
a.midc{color:#bbb}
#share #sharing {
    line-height: 0;
    padding: 0 4px 0 15px;
	position: absolute;
    right: 0;
    top: 0;
}
.plusone {
    display: inline-block;
    overflow: hidden;
    width: 80px;
}

#contactform{ padding-right:15px;padding-top: 15px; }
#contactform td{ padding: 5px 5px 4px 0}
.formItem{ padding: 5px 5px; font-size:14px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; border:1px solid #333; }
#contactform label {font-size: 13px;  padding-right: 12px;color:#fff}
#contactform  .textInput{ width:370px}

/* BUTTONS */
.button {
	padding: 0 8px 0;
	height: 25px;
	background: #234260;
  background: -moz-linear-gradient(top, #234260 0%, #0d1d33 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #234260), color-stop(100%, #0d1d33));
  /*filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#234260', EndColorStr='#0D1D33', GradientType=0);*/

  display: inline-block;
	color: #fff;
	border: 1px solid #234260;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	cursor: pointer;
	line-height: 25px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	outline: none;
}

button{outline:none}

.button:hover {
	text-decoration: none;
	background: #436688;
  background: -moz-linear-gradient(top, #436688 0%, #0d1d33 100%);
	
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #436688), color-stop(100%, #0d1d33));

  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#436688', endColorstr='#0D1D33', GradientType=0 );*/
	
  border-color: #000;
	color: #fff;
}
.button.secondary, .button.secondary:hover {
	background: #F7F7F7;

  background: -moz-linear-gradient(top, #f7f7f7 0%, #e9e9e9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #e9e9e9));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#E9E9E9', GradientType=0 );
  border-color: #adadad;
	color: #444;
}
.button.secondary:hover {
	color: #333;
	border-color: #666;
}

.button.secondaryGreen, .button.secondaryGreen:hover {
	background: #4D9435;

  background: -moz-linear-gradient(top, #4D9435 0%, #265a15 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4D9435), color-stop(100%, #265a15));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D9435', endColorstr='#265a15', GradientType=0 );
  border-color: #adadad;
	color: #FFF;
}
.button.secondaryGreen:hover {
	background: -moz-linear-gradient(top, #236030 0%, #0d331a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #v), color-stop(100%, #0d331a));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#236030', endColorstr='#0d331a', GradientType=0 );
	border-color: #666;
}

.button.inactive, .button.inactive:hover {
	background: #E3E3E3 !important;
	border: 1px solid #ddd;
	color: #888;
	cursor: default;
}

.submitButton{
	border:1px solid #2e3132;
	text-shadow: 0px 0px 1px rgba(255,255,255,0.85); 
	background: #a2ca6a url('https://s3.amazonaws.com/bluegate_static/images/btn_grn_off.jpg') repeat-x top left;

    color: #48513A;
    font-size: 13px;
    height: auto;
    padding: 4px 13px;
	min-height:30px;
}
.submitButton:hover{
	background: #b8d291 url('https://s3.amazonaws.com/bluegate_static/images/btn_grn_on.jpg') repeat-x top left;
	color:#48513a; 
}
.error,.success{
    background: #FEFDD8 url('https://s3.amazonaws.com/bluegate_static/images/icon_error.png') 5px 6px no-repeat;
    border: 1px solid #DDDDDD;
    color: #555555;
    padding: 5px 8px 5px 28px;
    text-shadow: none;
}
.success{background:#e8fde6 url('https://s3.amazonaws.com/bluegate_static/images/icon_tick.png') 5px 6px no-repeat;}
#loading{padding:0 6px;}
#loading img{margin-bottom:-6px}


.btn-sm {
	height:30px;
	font-size:13px;
	padding:0 9px
}
a.btn-sm:link, a.btn-sm:visited {
	line-height:30px
}
.btn-med {
	height:40px;
	font-size:14px;
	padding:0 15px
}
a.btn-med:link, a.btn-med:visited {
	line-height:40px
}
.btn-lrg {
	height:50px;
	font-size:20px;
	padding:0 25px
}
a.btn-lrg:link, a.btn-lrg:visited {
	line-height:50px
}
.btn-main, a.btn-main:link, a.btn-main:visited {
	background-color:#f36c21;
	background-image:-webkit-gradient(linear, 0% 0, 0% 100%, from(#ff7d4f), to(#e76335));
	background-image:-webkit-linear-gradient(top, #ff7d4f, #e76335);
	background-image:-moz-linear-gradient(top, #ff7d4f, #e76335);
	background-image:-ms-linear-gradient(top, #ff7d4f, #e76335);
	background-image:-o-linear-gradient(top, #ff7d4f, #e76335);
	border:1px solid #d06030;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	margin:0;
	text-shadow:0 -1px 0 #b4532a;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.btn-main:hover, .btn-main:focus, a.btn-main:hover, a.btn-main:focus {
	background-color:#fe7840;
	background-image:-webkit-gradient(linear, 0% 0, 0% 100%, from(#ff8754), to(#e76d3a));
	background-image:-webkit-linear-gradient(top, #ff8754, #e76d3a);
	background-image:-moz-linear-gradient(top, #ff8754, #e76d3a);
	background-image:-ms-linear-gradient(top, #ff8754, #e76d3a);
	background-image:-o-linear-gradient(top, #ff8754, #e76d3a);
	text-decoration:none
}
.btn-main:active, a.btn-main:active {
	background-color:#e76d3a;
	background-image:-webkit-gradient(linear, 0% 0, 0% 100%, from(#e76d3a), to(#ff8754));
	background-image:-webkit-linear-gradient(top, #e76d3a, #ff8754);
	background-image:-moz-linear-gradient(top, #e76d3a, #ff8754);
	background-image:-ms-linear-gradient(top, #e76d3a, #ff8754);
	background-image:-o-linear-gradient(top, #e76d3a, #ff8754)
}
a.btn-main:link, a.btn-main:visited {
	display:inline-block
}
.btn-second, a.btn-second:link, a.btn-second:visited {
	background-color:#e7e7e7;
	background-image:-webkit-gradient(linear, 0% 0, 0% 100%, from(#ececec), to(#e1e1e1));
	background-image:-webkit-linear-gradient(top, #ececec, #e1e1e1);
	background-image:-moz-linear-gradient(top, #ececec, #e1e1e1);
	background-image:-ms-linear-gradient(top, #ececec, #e1e1e1);
	background-image:-o-linear-gradient(top, #ececec, #e1e1e1);
	border:1px solid #ccc;
	color:#555;
	cursor:pointer;
	font-weight:bold;
	margin:0;
	text-shadow:0 1px 0 #fff
}
.btn-second:hover, .btn-second:focus, a.btn-second:hover, a.btn-second:focus {
	background-color:#ededed;
	background-image:-webkit-gradient(linear, 0% 0, 0% 100%, from(#f2f2f2), to(#e7e7e7));
	background-image:-webkit-linear-gradient(top, #f2f2f2, #e7e7e7);
	background-image:-moz-linear-gradient(top, #f2f2f2, #e7e7e7);
	background-image:-ms-linear-gradient(top, #f2f2f2, #e7e7e7);
	background-image:-o-linear-gradient(top, #f2f2f2, #e7e7e7);
	text-decoration:none
}
.btn-second:active, a.btn-second:active {
	background-color:#e1e1e1;
	background-image:-webkit-gradient(linear, 0% 0, 0% 100%, from(#e7e7e7), to(#f2f2f2));
	background-image:-webkit-linear-gradient(top, #e7e7e7, #f2f2f2);
	background-image:-moz-linear-gradient(top, #e7e7e7, #f2f2f2);
	background-image:-ms-linear-gradient(top, #e7e7e7, #f2f2f2);
	background-image:-o-linear-gradient(top, #e7e7e7, #f2f2f2)
}
a.btn-second:link, a.btn-second:visited {
	display:inline-block
}
.btn-third, a.btn-third:link, a.btn-third:visited {
	background-color:#63b6be;
	background-image:-webkit-gradient(linear, 0% 0, 0% 100%, from(#77bfc5), to(#5da7ac));
	background-image:-webkit-linear-gradient(top, #77bfc5, #5da7ac);
	background-image:-moz-linear-gradient(top, #77bfc5, #5da7ac);
	background-image:-ms-linear-gradient(top, #77bfc5, #5da7ac);
	background-image:-o-linear-gradient(top, #77bfc5, #5da7ac);
	border:1px solid #58a2a7;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	margin:0;
	text-shadow:0 -1px 0 #569ba0
}
.btn-third:hover, .btn-third:focus, a.btn-third:hover, a.btn-third:focus {
	background-color:#6fc6cc;
	background-image:-webkit-gradient(linear, 0% 0, 0% 100%, from(#80cfd4), to(#66b6bb));
	background-image:-webkit-linear-gradient(top, #80cfd4, #66b6bb);
	background-image:-moz-linear-gradient(top, #80cfd4, #66b6bb);
	background-image:-ms-linear-gradient(top, #80cfd4, #66b6bb);
	background-image:-o-linear-gradient(top, #80cfd4, #66b6bb);
	text-decoration:none
}
.btn-third:active, a.btn-third:active {
	background-color:#5ca4a9;
	background-image:-webkit-gradient(linear, 0% 0, 0% 100%, from(#66b6bb), to(#80cfd4));
	background-image:-webkit-linear-gradient(top, #66b6bb, #80cfd4);
	background-image:-moz-linear-gradient(top, #66b6bb, #80cfd4);
	background-image:-ms-linear-gradient(top, #66b6bb, #80cfd4);
	background-image:-o-linear-gradient(top, #66b6bb, #80cfd4)
}
a.btn-third:link, a.btn-third:visited {
	display:inline-block
}

.btn-fourth, a.btn-fourth:link, a.btn-fourth:visited {
	background-color:#c63128;
	background-image:-webkit-gradient(linear, 0% 0, 0% 100%, from(#e54e45), to(#c63128));
	background-image:-webkit-linear-gradient(top, #e54e45, #c63128);
	background-image:-moz-linear-gradient(top, #e54e45, #c63128);
	background-image:-ms-linear-gradient(top, #e54e45, #c63128);
	background-image:-o-linear-gradient(top, #e54e45, #c63128);
	border:1px solid #a75858;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	margin:0;
	text-shadow:0 -1px 0 #a05656
}
.btn-fourth:hover, .btn-fourth:focus, a.btn-fourth:hover, a.btn-fourth:focus {
	background-color:#c5261d;
	background-image:-webkit-gradient(linear, 0% 0, 0% 100%, from(#c5261d), to(#a7160e));
	background-image:-webkit-linear-gradient(top, #c5261d, #a7160e);
	background-image:-moz-linear-gradient(top, #c5261d, #a7160e);
	background-image:-ms-linear-gradient(top, #c5261d, #a7160e);
	background-image:-o-linear-gradient(top, #c5261d, #a7160e);
	text-decoration:none
}

a.btn-fourth:link, a.btn-fourth:visited {
	display:inline-block
}