/* Common Styles
 -------------------------------------------------------------- */
body {
    
font-family: 'Lato', sans-serif;

    color: #626262;
}

h2, h3, h4, h5, h6 {
font-family: 'Lato', sans-serif;
margin-bottom:20px;
line-height:150%;
margin-top:0;
}


h1{
	color:#111;
	
}

h2{
	color:#111;
	
}

section p{
	font-size:16px;
	line-height:150%;


  margin-bottom: 20px;
 
}




.blue{
	color:#33598D;
}


.servicesblocklist li{
	border-left:1px solid #ccc;
	padding:0 20px;
	font-size:20px;
}

.servicesblocklist li:first-child{
	border-left:0px solid #ccc;
}


.fullseperator {
  height: 1px;
  width: 100%;
  border-top: 1px solid #ddd;
  margin: 20px 0;
}


header.main {
    background: #fff;
    color: #A4AAAD;
   font-weight:300;
    min-height: 110px;
	font-size:13px;
}

  header.menubar {
  	  background: #8391A5;
    color: #fff;
    padding-top: 5px;
	min-height:50px;
  }

main {
    background: #f5f5f5;
    color: #333;
    padding-bottom: 80px;
   
}
header .info{
	padding-top:10px;
}
header .companyname{ 
	padding-left:20px;
	margin-top:5px;
	font-family: 'Lato', sans-serif;
	margin-bottom:0;
	line-height:150%;
	margin-top:5px;
	font-size:18px;
}


footer.main {
    background: #8391A5;
    color: #fff;
    padding: 20px;
	clear:both;
	
}

footer.copyright {
    background: #444444;
    color: #AAAAAA;
    padding: 10px;
	font-size:12px;
}

footer.main a{
	   color: #fff;
}


    .homeintro {
    	margin-top: 140px;
    }
    
    .homeintro h1 {
        background-color: rgba(0, 0, 0, 0.6);
        padding: 20px 80px 30px 80px;
        margin-bottom: 20px;
		margin-top:0;
        display: inline-block;
        border-radius: 4px;
        
    }
    
    .homeintro h1 {
        color: #fff;
        font-weight: 700;
        line-height: 150%;
		font-size:46px;
    }
	
	section.cover{
		margin-bottom:20px;
	}






   .cover-home {
        background: url(../images/bg3.jpg) center center;
        background-position: center center;
        background-repeat: no-repeat;
        /*
         background-attachment: fixed;
         */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 450px;
        display: block;
    } 
	
   .cover-page {
        background: url(../images/bg3.jpg) center center;
        background-position: center top;
        background-repeat: no-repeat;
        /*
         background-attachment: fixed;
         */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 150px;
        display: block;
    }
	
   .cover-page-careers {
        background: url(../images/bg4.jpg) center center;
        background-position: center top;
        background-repeat: no-repeat;
        /*
         background-attachment: fixed;
         */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 150px;
        display: block;
    }
	
	
	
	.projectimg img{
		width:100%;
	}
	
	.projectcontent{
		padding:10px 15px;
	}
	
	
	
	.projectcontent p{
		font-size:14px;
	}
	
	
	
	
	
	
	
	
	
	
	.white.block.project{
		background:#fff;
		padding:0;
		margin-top:20px;
		
	}
	
	.white.block{
		background:#fff;
		padding:50px;
		margin-top:20px;
		
	}
	
	.blue.block{
		background:#8391A5;
		padding:50px;
		color:#fff;
			margin-top:20px;
	}
	
	.grey.block{
		background:#BCBDBA;
		padding:50px;
		color:#fff;
			margin-top:20px;
	}
	
	.block{
		background: transparent;

			margin-top:20px;
	}
	
	.row{
		/*
margin-bottom:20px;
*/
	}

main{
	background:url(../images/pagebg.jpg) top left repeat;	
}




.projects .white.block,.projects .blue.block{
	  min-height: 200px;
	
} 



.career-entries .block{
	min-height:220px;
}





footer.copyright a{
	color:#aaa !important;
}





.label {
	border-radius:0px;
	}



 









.navbar{
	margin-bottom:0;
	min-height:33px;
}


.navbar-nav{
	margin-top:3px;
}

/* link */
.navbar-nav > li{
	margin-left:5px;
}

.navbar-nav > li > a {
    color: #fff;
	 padding:5px 10px;
  border-radius:4px;
  
	
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
      color: #8391A5;
   
 background: #fff;
}
.navbar-nav > .active > a, 
.navbar-nav > .active > a:hover, 
.navbar-nav > .active > a:focus {

 
   color: #fff;
	background:#C1C8D2;

}
.navbar-nav > .open > a, 
.navbar-nav > .open > a:hover, 
.navbar-nav > .open > a:focus {
    color: #555;

  background: none;

}
/* caret */
.navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-nav > .dropdown > a:hover .caret,
.navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-nav > .open > a .caret, 
.navbar-nav > .open > a:hover .caret, 
.navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-toggle {
    border-color: #DDD;
	/*
margin-top:30px;
	margin-bottom:30px;
*/
}
.navbar-toggle:hover,
.navbar-toggle:focus {
    
}
.navbar-toggle .icon-bar {
   
}
@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu > li > a {
        
    }
    .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-nav .open .dropdown-menu > li > a:focus {
     
    }
}







.navbar  .icon-bar {
  color: white;
  border-color: white;
  background-color: white;
}
















#projects-nav li{
	margin-bottom:20px;
}

.btn-projectcat {
	color: #fff;
	background-color: #8391A5;
	border-color: transparent;
	border-radius:0px;
}


.btn-projectcat.selected, .btn-projectcat:hover, .btn-projectcat:focus, .btn-projectcat.focus, .btn-projectcat:active, .btn-projectcat.active, .open>.dropdown-toggle.btn-projectcat {
    color: #fff;
    background-color: #444;
    border-color: transparent;
	  /*
  padding: 12px 16px;
*/
}
 
.projectdetails {
    background: #ddd;
    margin: 10px 0 0 0;
    text-align: right;
    padding: 5px;
}

.projectdetails p {
    margin: 0;
    color: #555;
}

.projectdetails span {
    float: left;
}
                
				
.readmore{
	font-size:11px;
}

.projecttitle{
	background-color:#8391A5;
	padding:5px 20px 5px 20px;
}

.projecttitle h4{
	color:#fff;
	margin:0;
}


.highlight{
	    background-color: #444 !important;
}

.highlight .label{
	    background-color: #fff !important;
		color:#444;
}


.keyprojectsheading{
	    border-bottom: 2px solid #8391A5;
		margin-bottom:40px;
}


.label-primary{
	background-color:#59687D;
}


.label-primary{
	font-size:12px;
	padding: 6px 14px;
}























/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
  
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
	  .hiding {
	    opacity: 0;
	  }
	  .visible {
	    opacity: 1;
	  }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
 .container {
    width: 1050px;
   }
    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
	
	
	
	/* Medium Devices, Desktops */
    @media only screen and (max-width : 1199px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 991px) {
		.animated {
		    -webkit-animation: none;
		    animation: none;
		  }
	
  		header .companyname{ 
			font-size:14px;
			margin-bottom:10px;
		} 

		
    }

    
    @media only screen and (max-width : 767px) {
		.logo{
			text-align:center;
		}
		
		header .info{
			text-align:center;
		}
		
		
		header .companyname{
			font-size:16px;
			margin-top:10px;
		} 

	  
		
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }