/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */


h1, h2, h3, h4, h5, h6{
  font-family:"pragmatica-web", Helvetica, Arial, sans-serif;
  color:#808285;
  font-weight:lighter;
  
}
#container h2{
border-bottom:2px solid #cdced0;	
}
p, li, blockquote, span, body{
	font-family:"pragmatica-web", Helvetica, Arial, sans-serif;	
	color:292929;
}
strong, b{
	font-weight:bold;	
}
a:link, a:visited{
	font-family:"pragmatica-web", Helvetica, Arial, sans-serif;	
	color:#2253dd;	
	text-decoration:none;
}
a:hover, a:active{
	color:#0a1d54;
}
img.aligncenter{
	display:block;
	margin:auto;
}
.button:link, .button:visited, .blueButton a, .more-link{
background:none;
background-color:transparent;
border:none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:transparent;
    border-image: none;
    border-radius: 0px;
    border-right: none;
    border-width: 0px;
    color: #FFFFFF;
    cursor: pointer;
    line-height: normal;
    text-decoration: none;
    text-shadow:none;	
	
background-color:#2253dd;
display:block;
padding:15px;
-webkit-box-shadow: 2px 4px 0px 0px rgba(10, 29, 84, 1);
-moz-box-shadow:    2px 4px 0px 0px rgba(10, 29, 84, 1);
box-shadow:         2px 4px 0px 0px rgba(10, 29, 84, 1);
color:#FFFFFF;
display: table;
	 margin-top: 25px;
	   padding: 10px;
	color:#FFFFFF;
}
.button:hover, .blueButton a:hover, .more-link:hover{
background:none;
background-color:transparent;
border:none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:transparent;
    border-image: none;
    border-radius: 0px;
    border-right: none;
    border-width: 0px;
    color: #FFFFFF;
    cursor: pointer;
    line-height: normal;
    text-decoration: none;
    text-shadow:none;
	/*background-color:#5C5C5C;*/
	box-shadow:none;
	-webkit-box-shadow:none;
-moz-box-shadow:none;
}

a.more-link:link, a.more-link:visited{
	display: table;
    float: right;
	 margin-top: 25px;
	   padding: 10px;
	color:#FFFFFF;
}

a.more-link:hover, a.more-link:active, .blueButton a:hover, .blueButton a:active{
	color:#FFFFFF;
}

.blueButton a:link, .blueButton a:visited{
	display: table;
    float: right;
	 margin-top: 0px;
	   padding: 10px;
	color:#FFFFFF;
	margin-bottom:25px;
}
.blueButton.left{
float:none;	
}
.blueButton.center a{
	float:none; 
	margin:auto;	
}

.blueButton.left a{
float:none;	
}
input[type=submit]{
background:none;
background-color:transparent;
background-color:#2253dd;	
border:none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:transparent;
    border-image: none;
    border-radius: 0px;
    border-right: none;
    border-width: 0px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: normal;
    margin-bottom: 20px;
    padding: 8px 10px;
    text-decoration: none;
    text-shadow:none;
}
input[type=submit]:hover{
background:none;
background-color:transparent;
background-color:#5C5C5C;	
border:none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:transparent;
    border-image: none;
    border-radius: 0px;
    border-right: none;
    border-width: 0px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: normal;
    margin-bottom: 20px;
    padding: 8px 10px;
    text-decoration: none;
    text-shadow:none;
}


ul li{
	list-style:outside;
	margin-left:15px;
}
.left, .columns.left{
	float:left;
}

.right, .columns.right{
	float:right;	
}
textarea{
	width:100%;
}
.wpcf7 .wpcf7-text{
width:100%;	
}
.wpcf7-submit{
	float:right;	
}

/* #Site Styles
================================================== */
#header{
	width:100%;
	min-height:108px;
	position:relative;
/*	background: rgb(106,111,124);  Old browsers */
/* background: -moz-linear-gradient(top,  rgba(106,111,124,1) 9%, rgba(33,38,49,1) 95%); FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,rgba(106,111,124,1)), color-stop(95%,rgba(33,38,49,1)));  Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top,  rgba(106,111,124,1) 9%,rgba(33,38,49,1) 95%);  Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top,  rgba(106,111,124,1) 9%,rgba(33,38,49,1) 95%);  Opera 11.10+ */
/*background: -ms-linear-gradient(top,  rgba(106,111,124,1) 9%,rgba(33,38,49,1) 95%);  IE10+ */
/*background: linear-gradient(to bottom,  rgba(106,111,124,1) 9%,rgba(33,38,49,1) 95%);  W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6f7c', endColorstr='#212631',GradientType=0 );  IE6-9 */
 padding-bottom: 71px;
 background-image:url(../images/circuitbg-2.png);
}
#header .soliloquy-wrapper{
-webkit-box-shadow: 0px 5px 7px 0px rgba(22, 22, 22, 0.83);
-moz-box-shadow:    0px 5px 7px 0px rgba(22, 22, 22, 0.83);
box-shadow:         0px 5px 7px 0px rgba(22, 22, 22, 0.83);
}

#topBar {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
   /* pointer-events:none;
background:url('your_transparent.png');*/
}
#tagline{
 background-color: #2253dd;
    bottom: 35px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: normal;
    left: 172px;
    line-height: 18px;
    padding: 20px 15px 10px 21px;
    position: absolute;
    width: 180px;
    z-index: 900;
}
#branding{
background-image: url("../images/logican-logo-bg-v2.png");
float: left;
height: 143px;
padding: 20px 17px 20px 10px;
position: relative;
text-align: center;
width: 138px;
z-index: 990;
}
#branding h1, #branding h2{
font-size: 20px;
line-height: 24px;
margin-bottom: 14px;	
}
#menuEdge{
	background-image:url(../images/logican-nav-angle-v2.png);
	width:24px;
	height:180px;	
	float:left;
	margin-left: -4px;
	position:relative;
	z-index:989;
}

#menu{
   background-image: url("../images/logican-nav-bg.png");
    background-repeat: repeat-x;
    padding-bottom: 0;
    padding-left: 10px;
    padding-top: 20px;
    position: absolute;
    right: 0;
    top: 21px;
    z-index: 988;
	width:100%;
}
#menu ul{
}

#menu .site-title{
    float: left;
    height: 45px;
    margin-left: 25px;
    margin-top: -11px;
    overflow: hidden;
    width: 39px;	
}
#menu .site-title img{
height:50px;
width:auto;	
}
#headerEdge{
	height:20px;	
	width:100%;
	margin:auto;
	position:absolute;
	bottom:0px;
	
}
#headerEdgeLeft{
	background-image:url(../images/bg-depth-angle-left.png);
	height:20px;
	width:30px;
	float:left;
		
}
#headerEdgeBar{
	background-image:url(../images/bg-depth-angle.png);
	height:20px;
	width:960px;
	float:left;		
}
#headerEdgeRight{
	background-image:url(../images/bg-depth-angle-right.png);
	height:20px;
	width:30px;
	float:left;	
}
#menu ul{
	float:right;	
}

#menu li {
    float: left;
    list-style: none outside none;
    margin: -2px 25px 0 0;
    padding: 5px;
    position: relative;
}
#menu .current-menu-item{
	background-color:#2253dd;
}
.current-menu-item a{
	color:#FFF;
}
#menu ul.menu li ul.sub-menu .current-menu-item{
	background-color:transparent;	
}
#menu ul.menu li ul.sub-menu .current-menu-item a{
	background-color:#2253dd;
	color:#FFFFFF
}

/*Sub Nav*/

#menu ul.menu li ul.sub-menu {
	list-style: none;
	position: absolute; /*--Important - Keeps subNav from affecting main navigation flow--*/
	left: 0; top: 25px;
	background: #e8e7e7;
	margin: 0; padding: 0;
	padding-top:15px;
	display: none;
	float: left;
	z-index:55;
	
}
#menu ul.menu li.current_page_item ul.sub-menu{
top: 15px;
}
#menu ul.menu li ul.sub-menu li{
	 clear: both;
    float: none;
    margin-bottom: 10px;
    margin-left: 0 !important;
    margin-right: 0;
    margin-top: -25px;
    padding: 18px 0 8px;
    width: 195px;
}
#menu ul.menu li ul.sub-menu li a {
	background: none repeat scroll 0 0 #e8e7e7;
    color: #2253dd;
    display: block;
    float: none;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-top: 5px;
	padding-right:15px;
}
#menu ul.menu li ul.sub-menu li a:hover { /*--Hover effect for subNav links--*/
	background: #2253dd;
	color:#FFFFFF;
}


#menu ul.menu li ul.sub-menu ul.sub-menu{
	list-style: none;
	position: absolute; /*--Important - Keeps subNav from affecting main navigation flow--*/
	left: 0; top: 0px;
	background: #FFFFFF;
	margin: 0px 180px; padding: 0;
	display: none;
	float: left;
	width: 180px;
	z-index:55;
	
}

#container{
	background: rgb(241,241,241);
	background: -moz-radial-gradient(center, ellipse cover, rgba(241,241,241,1) 15%, rgba(168,168,168,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(15%,rgba(241,241,241,1)), color-stop(100%,rgba(168,168,168,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(241,241,241,1) 15%,rgba(168,168,168,1) 100%); 
	background: -o-radial-gradient(center, ellipse cover, rgba(241,241,241,1) 15%,rgba(168,168,168,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(241,241,241,1) 15%,rgba(168,168,168,1) 100%); 
	background: radial-gradient(ellipse at center, rgba(241,241,241,1) 15%,rgba(168,168,168,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#a8a8a8',GradientType=1 );
	width:100%;
	/*background-image:url(../images/content-bg.png);*/
	padding-top:40px;	
	background-repeat:repeat-x;
	border-bottom:4px solid #C5C5C5;
	min-height:500px;
	
	
	
}
.entry-content img{
	max-width:100%;
	height:auto;	
}
.page-template-page-home-php #content{
	  padding: 0 3%;

}
.sideBar{
	position:relative;	
}
#sidebar li{
	list-style:none;	
}
#sidebar .upw-posts article {
    border-bottom: 1px solid #ddd;
    display: block;
    margin-bottom: 1.5em;
    padding-bottom: 5em;
}

#footer{
width:100%;
min-height:150px;
padding-top:30px;

 background-image:url(../images/circuitbg-2.png);
 background-position:center -425px;
	
}
#footer .site-title{
	float:right;	
}

#footer ul li {
    float: left;
    list-style: none outside none;
    margin-left: 0;
    margin-right: 20px;
}
#footer .menu-item-has-children{
	margin-right:0px;	
}

#footer ul ul{
margin-left:0px;	
}

#footer ul ul li{
	  float: none;
    margin-bottom: 10px;
    margin-right: 0;
    width: 100px;
}

#footer #menuFooter{
	float:right;
	margin-right:30px;	
}
#menuFooter a:link, #menuFooter a:visited{
	color:#FFFFFF;	
}
#menuFooter a:hover, #menuFooter a:active{
	color:#6489f0
}

/*Slide Show*/
#header .soliloquy-container{
margin:auto;	
padding-top:80px;

}
#header .soliloquy-container .soliloquy-caption{
	background:transparent;	
	color:#FFFFFF;
	right: 0;
    width: 65%;
	text-align:right;
	left:auto;
	font-size:15px;	
	height:100%;
}
#header .soliloquy-container .soliloquy-caption-inside{
	 float: right;
    padding-top: 15px;
    text-align: right;
    width: 400px;
}
#header .soliloquy-container .soliloquy-caption .headline{
	 margin-bottom: 25%;	
}
#header .soliloquy-container .soliloquy-caption h1{
	font-size:26px;	
	color:#FFFFFF;
	text-shadow: 2px 2px 0px rgba(150, 150, 150, 1);
}
#header .soliloquy-container .soliloquy-caption h2{
	font-size:24px;
	text-shadow: 2px 2px 0px rgba(150, 150, 150, 1);	
	color:#FFFFFF;
}
#header .soliloquy-container .soliloquy-caption h3{
	font-size:22px;	
	color:#FFFFFF;
	text-align: right;
	text-shadow: 2px 2px 0px rgba(150, 150, 150, 1);
	   margin-bottom: 25%;
}
#header .soliloquy-container .soliloquy-caption h4{
	font-size:18px;	
	color:#FFFFFF;
	text-align: right;
	margin-top:30px;
	margin-bottom:7px;
	text-shadow: 2px 2px 0px rgba(150, 150, 150, 1);
}
#header .soliloquy-container .soliloquy-caption strong{
	color:#FFFFFF;
	text-shadow: 2px 2px 0px rgba(150, 150, 150, 1);
	
}
#header .soliloquy-container .soliloquy-pager{
   float: right;
    height: 14px;
    margin: -25px 12px 0 auto;
    text-align: center;
    width: auto;
	left:auto;
	position:static;
}
#header .soliloquy-container .soliloquy-caption h3 strong{
 font-size: 28px;
    line-height: 42px;
	color:#FFFFFF;
}
#header .soliloquy-container .soliloquy-caption p{
	font-size:15px;	
	color:#FFFFFF;
	margin-bottom:15px;
	text-shadow: 2px 2px 0px rgba(150, 150, 150, 1);
}

#header .soliloquy-container .soliloquy-caption .button{
background-color:#2253dd;
display:block;
padding:15px;
-webkit-box-shadow: 2px 4px 0px 0px rgba(10, 29, 84, 1);
-moz-box-shadow:    2px 4px 0px 0px rgba(10, 29, 84, 1);
box-shadow:         2px 4px 0px 0px rgba(10, 29, 84, 1);
width:160px;
color:#FFFFFF;
  float: right;
  text-align:center;
  margin-top: 20px;
}
#header .soliloquy-container .soliloquy-caption .button:hover{
	background:none;
	background-color:transparent;
	background-color:#5C5C5C;
	box-shadow:none;
	-webkit-box-shadow:none;
-moz-box-shadow:none;
border:none;
-webkit-box-shadow: 2px 4px 0px 0px rgba(10, 29, 84, 1);
-moz-box-shadow:    2px 4px 0px 0px rgba(10, 29, 84, 1);
box-shadow:         2px 4px 0px 0px rgba(10, 29, 84, 1);
}

/* #Page Styles
================================================== */
.homeLeftWidget .post{
padding-bottom: 55px;	
}

.soliloquy-controls-direction{
	display:none;
}

/*=========================Process Slide Show=========================================*/

#processWrap{
	margin-top:40px;
	margin-bottom:40px;
	position:relative;
}
.page-template-page-process-php #header{
	padding-bottom: 115px;
}
.page-template-page-process-php #container #processWrap h2{
	color:#FFFFFF;
}
.page-template-page-process-php #processWrap{
	margin-top:-105px;	
	margin-bottom:0px;
}
.page-template-page-process-php #container{
	min-height:0px;
}
.page-template-page-process-php .timeLineLinear{
margin-top: -3px;	
}
#container #processWrap h2{
	border:none;
	text-align:center;
	margin-bottom: 28px;	
}

.processContainer{
	/*
	Gradient Background:
	background: rgb(241,241,241); 
	background: -moz-radial-gradient(center, ellipse cover, rgba(241,241,241,1) 15%, rgba(168,168,168,1) 100%); 
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(15%,rgba(241,241,241,1)), color-stop(100%,rgba(168,168,168,1))); 
	background: -webkit-radial-gradient(center, ellipse cover, rgba(241,241,241,1) 15%,rgba(168,168,168,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(241,241,241,1) 15%,rgba(168,168,168,1) 100%); 
	background: -ms-radial-gradient(center, ellipse cover, rgba(241,241,241,1) 15%,rgba(168,168,168,1) 100%); 
	background: radial-gradient(ellipse at center, rgba(241,241,241,1) 15%,rgba(168,168,168,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#a8a8a8',GradientType=1 ); */	
	width:100%;
	height:375px;
	position:relative;
	overflow:hidden;
	margin-top:3px;
}

.processContainer .button{
	font-size: 18px;
}
.maxWidth{
 height: 100%;
    margin: auto;
    max-width: 960px;
    position: relative;
    width: 100%;
}
.process-step{
	float:left;
	top:0px;
	width:100%;
	/*height:350px;*/
	height:auto;
}
.process-step .nextButton{
	position:absolute;
	right:5%;
	top:15%;
	z-index:2;	
}
.firstContentWrap, .secondContentWrap, .process-step .entry-title, .firstGraphic, .secondGraphic, .timeLineCircle{
	position:absolute;	
}
.process-step .entry-title{
	top:5%;
	left:5%;
	width:90%;	
}
.firstContentWrap{
	top:17%;
	left:5%;
	width:60%;	
	max-width: 545px;
}
	   
.secondContentWrap{
	top:45%;
	left:20%;
	width:45%;	
	max-width: 370px;
}
#container #processWrap .process-step h2{
	text-align:left;
	color:#2253dd;
	font-weight:700;
	font-size:26px;
}

.firstGraphic{
	bottom:-12%;
	left:5%;
}
.secondGraphic{
	bottom:-8%;
	right:10%;
}
.timeLineLinear{
	height:7px;
	background-color:#0a1d54;
	width:90%;
	position:relative;
	margin: 0 auto -10px;
	z-index:1;
}
.timeLineCircle{
	 background-color: #ffffff;
    border: 2px solid #0a1d54;
    height: 40px;
    overflow: hidden;
    text-align: center;
    top: 50px;
    width: 40px;
    z-index: 1;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}
.timeLineCircle:hover{
	cursor:pointer;	
}
.timeLineCircle .icon{
	position: relative;
    z-index: 2;	
}

.timeLineCircle.active .icon{
	margin-top:-40px;	
}

/*================ Size Matrix ===================*/
.sizeContainer{
	/*background: rgb(241,241,241);
	background: -moz-radial-gradient(center, ellipse cover, rgba(241,241,241,1) 15%, rgba(168,168,168,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(15%,rgba(241,241,241,1)), color-stop(100%,rgba(168,168,168,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(241,241,241,1) 15%,rgba(168,168,168,1) 100%); 
	background: -o-radial-gradient(center, ellipse cover, rgba(241,241,241,1) 15%,rgba(168,168,168,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(241,241,241,1) 15%,rgba(168,168,168,1) 100%); 
	background: radial-gradient(ellipse at center, rgba(241,241,241,1) 15%,rgba(168,168,168,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#a8a8a8',GradientType=1 ); */
	width:100%;
	height: 470px;
	position:relative;
	overflow:hidden;
	margin-top:3px;
	
}
.sizeContainer .maxWidth{
	border-top:1px solid #999;
}
#processWrap .contentMain{
	 position: absolute;
    top: 61px;
    width: 45%;
    z-index: 4;
}

.sizeContainer .timeLineCircle{
	top:auto;
	bottom: 5px;
	color:##2253dd;
	font-weight:bold;
	
}
.sizeContainer .clickZone .timeLineCircle:hover, .sizeContainer .clickZone .timeLineCircle:active{
	color:#2253dd;	
}
.sizeContainer .clickZone.active .timeLineCircle{
	color:#2253dd;	
}
.sizeContainer .clickZone .timeLineCircle:link, .sizeContainer .clickZone .timeLineCircle:visited{
	color:#444444;	
}
.timelineTitle:hover, .timelineTitle:active{
	color:#444444;
	cursor:pointer;
}
.timelineTitle:link, .timelineTitle:visited{
	color:#2253dd;
}
.scaleLinear{
	 background-color: #0a1d54;
    bottom: 0;
    height: 7px;
    left: 50%;
    margin: 0 auto 0 -45%;
    position: absolute;
    width: 90%;
    z-index: 1;
}
.sizePost {
    height: auto;
    left: 0;
    position: absolute;
    bottom: 55px;
    width: 100%;
}
.sizePost .content{
	  background-color: #fff;
    bottom: 100px;
    box-shadow: 2px 3px 6px #333;
    margin-left: -15px;
    padding: 10px 15px;
    position: absolute;
    width: 321px;
}
.sizePost h2 {
    color: #2253dd;
    font-size: 26px;
    font-weight: 700;
    text-align: left;
}
.sizeImageExample img{
	 bottom: 75px;
    height: auto;
    position: absolute;
    right: 12%;	
}
.sizeImageExample h3{
	  color: #333333;
    font-size: 22px;
    line-height: 22px;
    text-align: right;
}
.sizePost p{
	margin-bottom:5px;	
}
.sizeImageExample{
bottom: 65px;
    position: absolute;
    right: 0;	
	width:40%;
}
.timelineTitle{
	position:absolute;
	bottom:22px;	
 color: #2253dd;
    font-size: 22px;
    font-weight: 700;
    text-align: left;
	line-height:26px;
}
.smallText{
  font-size: 50%;
    line-height: 6px;	
}


/*================ Team Page ================*/
.container .columns.teamWrap{
margin-left:30px;
margin-bottom: 40px;	
}
.contentWrap{
	width:100%;
	height:auto;
	/*overflow:hidden;	*/
}
.photoWrap{
height: 400px;
    margin-bottom: 10px;
    overflow: hidden;
    width: 305px;
}
.teamWrap img{
	max-width:100%;	
	height:auto;
}
.teamWrap h3{
margin-bottom: -2px;	
}

.teamWrap h4{
	font-size:15px;	
	 margin-bottom: 9px;
	 border-bottom: 1px solid #999;
}
/*================  News page ===============*/
.columns .post{
   margin-bottom: 105px;
}
.home .columns .post{
 margin-bottom:30px;   
}
.home .container{
 padding-bottom:30px;   
}
#container .columns .post h3{
	border:none;	
}


/*================== Careers =======================*/
.jobPosting .content {
    display: block;
    margin-top: -10px;
    overflow: hidden;
}
.jobPosting:hover{
	background-color:#E1E8FF;	
}

.jobPosting {
    margin-bottom: 15px;
    margin-left: -15px;
    padding-left: 15px;
    padding-top: 10px;
}
.jobPosting:hover{
	cursor:pointer;
}
.container .jobPosting h3{
	border:none;
	color:#2253dd;
}


#jobPostings{
margin-bottom:30px;	
}
#jobPostings .entry-content{
	display:none;	
}
#formSubmission input{
margin-bottom:0px;	
position:relative;
z-index:5;
}
#formSubmission sup span{
display: block; margin-left: -20px; margin-top: -22px;	 width: 10px;
}

#formSubmission .requiredDropdown{
	display: block; margin-left: -20px;
	    margin-top: -38px;
		 width: 10px;
}

/*============== Contact =============*/
.soliloquy-caption iframe{
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.page-template-page-contact-php #header .soliloquy-container .soliloquy-caption{
	/*position:static;
	width:100%;*/
}
.contactMapLink{
display: block;     
height: 100%;     
left: 0;     
position: absolute;     
top: 0;     
width: 100%;     
z-index: 2;	
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
.sizeImageExample{
right:3%;	
}
.sizePost .content {
    left: 6%;
}
.sizeContainer{
height:500px;	
}
        
.photoWrap{
height: 290px;
    overflow: hidden;
    width: 220px;
}
        
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
#tagline {
    background-color: transparent;
    bottom: -74px;
    color: #2253dd;
    display: block;
    font-size: 12px;
    font-weight: normal;
    left: 80px;
    line-height: 14px;
    padding: 0;
    position: absolute;
    width: 134px;
    z-index: 990;
}
	#branding, #menuEdge{
		display:none;
	}
	/*Navigation*/
	#menu-main-navigation{
		background-image: url("../images/menumobile.png");
		background-position: top right;
		background-repeat: no-repeat;
		height: 0;
		overflow: hidden;
		position: absolute;
		right: 0px;
		width: 38px;
		background-color:#e8e7e7;
		margin-top: -7px;
    padding-top: 45px;
		overflow: hidden;
		
	}
	.home #menu-main-navigation{
		right: 0px;
	}


#menu {
        padding-bottom: 15px;
}
#menu ul.menu li ul.sub-menu{
	background-color:#2253dd;
	margin-top:5px;	
}
#menu ul.menu li ul.sub-menu li a{
	background-color:transparent;	
}
#menu li {
    float: none;
    margin-bottom: 10px;
    margin-left: 0;
    margin-top: 0;
    padding-bottom: 7px;
    padding-top: 9px;
    text-align: center;
    width: 100%;
}
#menu .current-menu-item a{
	color:#fff;
}
#menu li a{
	color:#2253dd;	
}
#menu ul.menu li ul.sub-menu {
    float: none;
    position: static;
    text-align: center;
}
#menu ul.menu li ul.sub-menu li {
    clear: both;
    float: none;
    width: 100%;
}
#menu ul.menu li ul.sub-menu li a {
	padding-left:0px;
	color:#FFFFFF;
}


/*====== Slider ======*/
#header{
	padding-bottom:0px;
}
#header .soliloquy-container .soliloquy-pager, #header .soliloquy-container .soliloquy-caption, #header .soliloquy-container .soliloquy-controls-auto{
display:block;
}

#header .soliloquy-container .soliloquy-caption .headline {
    margin-bottom: 5px;
}
#header .soliloquy-container .soliloquy-caption p {
    color: #ffffff;
    font-size: 12px;
    margin-bottom: 8px;
}
#header .soliloquy-container .soliloquy-wrap{
	overflow:hidden;	
	height: 225px;
/*-webkit-box-shadow: 0px 5px 7px 0px rgba(22, 22, 22, 0.83);
-moz-box-shadow:    0px 5px 7px 0px rgba(22, 22, 22, 0.83);
box-shadow:         0px 5px 7px 0px rgba(22, 22, 22, 0.83);*/
}
.soliloquy-container .soliloquy-wrapper, .soliloquy-container .soliloquy-item{
height:220px;	
}
#header .soliloquy-container .soliloquy-caption-inside{
	width:100%;	
}
#header .soliloquy-container .soliloquy-caption{
	width:95%;	
}
#header .soliloquy-container .soliloquy-image{
	max-width:200%;	
	 opacity: 1;
	 width:200%;
}

/*parts*/
input[type="text"], input[type="password"], input[type="email"], textarea, select{
width:145px	
}

select {
    width: 160px;
}
textarea{
width:100%;	
}
.columns img{
	height:auto;
	max-width:100%;	
}
#sidebar{
display:none;	
}
.homeLeftWidget{
	display:none;
}

/*============ Process Steps ===================*/
#container #processWrap .process-step h2 {
	font-size:22px;
    line-height: 22px;

}
.timeLineCircle {
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 25px;
    position: static;
	float:left;
}
.timeLineLinear{
	display:none;
}
.process-step .nextButton {
    top: -25px;
}
.firstContentWrap {
    width: 80%;
}
.secondContentWrap {
    width: 75%;
}
.secondGraphic {
	height:auto;
    width: 50%;
	bottom:0%;
	opacity:.4;
}
.firstGraphic {
   opacity: 0.4;
   width: 50%;
}
.processContainer {
    height: 570px;
	 margin-top: 195px;
}

.page-template-page-process-php #processWrap{
	 margin-top: -120px;
}

/*===========  Size Matrix =========*/
.sizeContainer{
height:575px;	
}
.scaleLinear{
display:none;	
}
.timelineTitle{
display:none;	
}
.sizeImageExample{
	 position: relative;
    right: 5%;
    width: 80%;
}
#processWrap .contentMain {
    position: static;
    top: auto;
    width: auto;
    z-index: 4;
}
.sizeImageExample h3 {
    bottom: 65px;
    position: absolute;
	display:block;
	left:20%;
	width: 100%;
}
.sizePost .content {
    bottom: auto;
    margin: auto;
    padding: 10px 15px;
    position: static;
    width: 90%;
}
/*========= Team ==============*/
.teamWrap .photoWrap {
height:200px;
overflow:hidden;
width:100%;	
margin-bottom:10px;
}
.container .columns.teamWrap{
	margin-left:0px;	
}

.teamWrap img{
	max-width:100%;	
	height:auto;
	margin-top:-15%;
}

/*========= Careers ==============*/
#resumeSubmission{
	overflow:hidden;	
}

#footer .site-title {
    float: none;
    text-align: center;
}

#footer #menuFooter {
    display:none;
}


	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

		
		
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

	

	
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

/*===================*/
/*=== Font Styles ===*/
/*===================*/