@charset "UTF-8";
/* CSS Document    336a83    0b3858*/


body				{font: 400 normal 16px "source-sans-pro", Arial, Helvetica, sans-serif!important; color:#111; background:url(/imgs/building-line-drawing.gif) no-repeat bottom left;}
img{max-width:100%;}

h1					{font: 400 normal 26px/28px "source-sans-pro", Arial, Helvetica, sans-serif!important; color:#0b3858; text-shadow:1px 1px 2px #FFFFFF; margin-bottom:22px;}
h1 span				{font-weight:300; font-size:20px; color:#777;}
h2					{font: 600 normal 18px/20px "source-sans-pro", Arial, Helvetica, sans-serif!important; margin-bottom:15px; color:#222222;}
h3					{font: 600 normal 18px "source-sans-pro", Arial, Helvetica, sans-serif!important; margin-bottom:16px;}
.column222 h3		{padding:12px 18px; color:#FFF; background:url(/imgs/arrow-right-white.png) no-repeat 200px 50% #0b3858; font-size:21px; font-weight:300;}
.column222 h3 a		{color:#FFF; display:block;}
.column222 h3:hover	{background-color:#336a83;}
h4					{font: 600 normal 18px "source-sans-pro", Arial, Helvetica, sans-serif!important; margin-bottom:16px; color:#0b3858;}
a					{text-decoration:none; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; transition: color 0.3s ease; color:#0b3858;}
a:hover				{color:#2d2d2d;}
p					{margin-bottom:20px; line-height:1.5;}
p a					{font-weight:600;}
p.name				{font-weight:600; color:#0b3858;}
.promo-box	p		{font-size:14px;}
.column744 ul, .column744 ol	{margin-bottom:20px;}
.column744 ul		{list-style-type:disc; margin-left:30px;}
.breadcrumbs 		{margin-bottom:12px; font-size:14px;}
.breadcrumbs a		{color:#2d2d2d; display:inline-block; padding-right: 14px; margin-right:5px; background:url(/imgs/arrow-right-blue-s.png) no-repeat right 50%;}
.breadcrumbs a:hover	{color: #336a83;}
.breadcrumbs a:last-child {background-image:none;}
strong				{font-weight:600;}
blockquote			{padding-left:25px; border-left:4px solid #0b3858; margin: 0 25px;}
.clear				{clear:both;}
.left				{float:left; margin-right:30px;}
.right				{float:right;}
.button a, .button input.cat_button {background:url(/imgs/arrow-right-blue.png) no-repeat 94% 50% #0b3858; color:#FFF; display:inline-block; padding:12px 26px 12px 15px ; text-transform:uppercase; border:none; cursor:pointer; font-size:13px;}
.button a:hover, .button input.cat_button:hover	{color: #336a83;}	
.footer-bg			{background-color:#eaeaea; overflow:hidden;}
.copyright			{font-size:14px; float:left; display:inline-block; padding:20px 0px;}
.site-design		{font-size:14px; float:right; display:inline-block; padding:20px 0px;}
.hia				{font-size:14px; line-height:50px; margin-bottom:12px !important;}
.hia img			{float:left; margin-right:20px;}
.underline			{text-decoration:underline;}
.search-box			{border-bottom:3px solid #e9e9e9; display:inline-block; position:absolute; top:25px; right:0px; padding:0px;}
.search-box .search_textbox{border:none; width:120px; color:#b7b7b7; font-size:14px;}	
.search-box .search_textbox:focus	{color:#336a83;}

.main-column		{width:726px;max-width:100%;}
.column222			{width:222px;}
.column474			{width:474px;max-width:100%;}	
.column744			{width:744px; float:left;max-width:100%;}
.column744 .padding	{padding-right:25px;}
.header				{height:89px; padding:12px 0; position:relative; z-index:500;}
.footer				{margin-top:30px;}
.awards-wrap		{width:744px; font-weight:600; color:#0B3858;}
p.tag-line			{font-size:30px; display:inline-block; position:absolute; left:252px; top:18px; font-weight:300;}
.page-width			{width:978px; margin: 0 auto;max-width:100%;}
.home-slider		{width:1400px; margin: 25px auto 30px;max-width:100%;overflow:hidden;}
.menu				{display:inline-block; position:absolute; right:0px; top:64px;}
.menu ul ul			{display:none; position:absolute; left:0px; width:255px; background-color:#FFF; top:37px; border-top:5px solid #0b3858;}
.menu ul li:hover ul	{display:block;}
.menu ul ul li a		{padding:10px 12px; display:block; text-transform:uppercase; font-weight:400; color:#111; font-size:14px;}
.menu ul ul li a:hover	{background:url(/imgs/arrow-right-blue.png) no-repeat 235px 50% #0b3858; color:#FFF; text-decoration:none;}
.menu > div > ul > li > a  {font-weight: 600; color:#0b3858; text-transform:uppercase; display:block; padding:10px 8px; font-size:13px;} 
.menu > div > ul > li > a:hover {text-decoration:none;}
.menu > div > ul > li:hover, .menu > div > ul > li.selected	{border-bottom:5px solid #0b3858;}
.menu > div > ul > li	{float:left; position:relative;}

.promo-menu ul li a	{display:block; padding:12px 18px; font-size:15px; color:#FFF; text-shadow:1px 1px 1px #274e63; background:url(/imgs/arrow-right-white.png) no-repeat 200px 50% #336a83; }
.promo-menu ul li a:hover	{background-color:#0b3858; text-decoration:none;}

.promo-box			{background-color:#eee; padding:1em 1.5em 1.5em;}

.gallery-container	{margin-bottom:20px;}
.project-thumb img	{display:inline-block; margin:0 5px 10px; float:left;}
.sub-menu			{margin-bottom:20px;}
.sub-menu > div > ul > li > a {text-transform:uppercase; font-weight:600; font-size:18px; background-image:none; padding:23px 18px;}
.sub-menu > div > ul > li > a:hover	{background-color: #336a83;}
.sub-menu ul ul a	{font-size:13px; padding: 8px 18px;}
.sub-menu ul ul li.selected a{background-color: #0b3858;}

ul.project-lists	{list-style-type:none; margin:0px;}
ul.project-lists li	{padding:0; /*border-bottom: 3px solid #E9E9E9;*/ display:block; clear:both;}
ul.project-lists li a {display:block; padding:0.75em 0;}
ul.project-lists li a:hover,
ul.project-lists li a:focus {background-color:#fafafa;}
ul.project-lists li	a p {font-size:13px; line-height:1.3;color:#2d2d2d;}
ul.project-lists li a img.thumbnail	{/*margin-left:-168px; float:left;*/
    background-color: #fff;
    border: none;
    border-radius: 0;
    line-height: normal;
    margin-bottom: 20px;
    padding: 0;
}
ul.project-lists li a img.award {display:block; width:100%;}
ul.project-lists a h3	{font: 300 normal 18px "source-sans-pro", Arial, Helvetica, sans-serif; margin-bottom:16px; color:#0b3858;}
ul.project-lists a h4	{font: 600 normal 16px "source-sans-pro", Arial, Helvetica, sans-serif; margin:0.25em 0; color:#337ab7; text-transform:uppercase;}	
ul.project-lists a:hover h4,
ul.project-lists a:focus h4 {text-decoration:underline;}

.testimonial		{border-bottom: 3px solid #E9E9E9; margin-bottom: 20px; }
.testimonial p	{font-style:italic; margin-bottom:1.5em;}
.column474 > img:first-child	{margin-bottom:20px;}

#toTop {font: 400 normal 14px/50px "source-sans-pro", Arial, Helvetica, sans-serif; width:50px; height:50px; background-color:#0b3858 !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align:center; position:fixed; /* this is the magic */ bottom:10px; /* together with this to put the div at the bottom*/right:10px; cursor:pointer; display:none; color:#fff; text-shadow:0 -1px 1px #005d7c;}



/* @group Web Form */
.webform   	{width:474px;}




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: 10px 0;
    display:inline-block;
    width:227px;
}

cat_button {}

input.cat_textbox,
textarea.cat_listbox,
select.cat_dropdown,
select.cat_listbox {
    font: normal normal 14px "source-sans-pro", Arial, Helvetica, sans-serif; 
    width: 205px;
    padding:10px;
    background-color:#FFF;
    border:1px solid #bbb;
    -moz-box-shadow:0 0 3px #CCCCCC inset; -webkit-box-shadow:0 0 3px #CCCCCC inset; box-shadow:0 0 3px #CCCCCC inset;
    color:#595858;
}

input.cat_textbox:focus,
textarea.cat_listbox:focus,
select.cat_dropdown:focus,
select.cat_listbox:focus{

    border-color:#336a83;	



}

.one-line input.cat_textbox, .one-line .cat_listbox, div.webform div.one-line, input#CaptchaV2	{width:452px !important;}

.cat_dropdown_small {
    width: 200px;
}

.cat_dropdown_smaller {
    width: 150px;
}

.cat_textbox_small, .cat_listbox_small {
    width: 200px; /* DON'T TOUCH THIS */
}

.cat_listbox {
    height: 120px;
    width: 300px;
}

table.webform,
table.reporting {
    border-collapse:collapse;
    border-spacing:0;
    width: 100%;
}

table.webform td {
    line-height: 24px;
    padding: 6px;
}

.form label, .webform label {
    font-size:14px;
}

span.req	{color:#0b3858;}
.form input, .webform input {
}
.webform .left	{margin-right:0px;}
.webform h2		{margin:10px 0;}
/* @end */

h2.architect span		{font-size: 16px; font-weight:400; padding-left:5px;}


.blog-post h2	{font: 400 normal 26px/28px "source-sans-pro", Arial, Helvetica, sans-serif; color:#0b3858; text-shadow:1px 1px 2px #FFFFFF; margin-bottom:0px;}
.post-details	{margin-bottom:15px; color: #666666; font-size: 14px;}	
.post-list hr	{margin:40px 0; background-color:#dddddd;}
.side-panel		{padding-top:67px;}
.side-panel .promo-box	{min-height:239px;}
.post-list .post-body p a.button	{display:block;  background:url(/imgs/arrow-right-blue.png) no-repeat 100px 50% #0B3858; padding: 2px 15px; width: 92px; color:#FFF; margin-top:10px;}
.post-list .post-body em {font-style:italic;}

.project-thumb a img {width:101px;}
.left.prettyPhoto a img {width:474px;} 

.project-lists li a img {width:138px;}


/* Mobile Css */

img {
    max-width: 100%;
}
.mobile-header {
    float: left;
    width: 100%;
    background: #fff;
    max-width: 100%;
position:fixed;
z-index:1500;
top:0;
}
.mobile-header .navbar-default {
    background: none;
    border: none;
    position: static;
    margin: 0;
    cursor: pointer;
}
.mobile-header .navbar-default .navbar-toggle {
    margin-right: 0;
    float: left;
    margin: 5px 0 0 15px;
    border: none;
    font-size: 20px;
    color: #0b3857;
    white-space: nowrap;
    display:block;
}
.mobile-header .social-icons {
    margin: 0 10px 0 0;
    float: right;
}
.mobile-header .social-icons li img {
    width: 30px;
    padding: 10px 0;
}
.mobile-header .navbar-default .navbar-toggle:focus,
.mobile-header .navbar-default .navbar-toggle:hover {
    background: none;    cursor: pointer;
}
.mobile-header .navbar-default .navbar-toggle em {
    padding-right: 5px;
}
.mobile-header .col-sm-4 {
    padding: 10px;
    position: static;
}
.mobile-header .navbar-collapse {
    border: none;
}


.mobile-header .navbar-default .navbar-nav>li>a, .mobile-header .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
}
.mobile-header .navbar-default .navbar-nav>.open>a, .mobile-header .navbar-default .navbar-nav>.open>a:focus, .mobile-header .navbar-default .navbar-nav>.open>a:hover {
    background: #0b3859;
    color: #fff;
}
.mobile-header .navbar-nav .dropdown-menu{width:100%;}
.mobile-header .navbar-nav .open .dropdown-menu {
    padding:5px 0;
    background: #0b3859;

}
.mobile-header .navbar-nav .dropdown-menu li a {
    padding: 8px 10px;
    margin: 0 40px;
}
.mobile-header .navbar-nav li{float:none;}
.mobile-header .navbar-nav .dropdown-menu li a:hover {
    border-bottom: 1px solid #557489;color:#fff;
}
.mobile-header .navbar-nav .dropdown-menu li a:hover:after {
    content: "\f105";
    font-family: fontawesome;
    color: #fff;
    float: right;
}
div#featured {
    max-width:100%;
}
.mobile-header .nav>li>a{padding:10px 35px;}


  .home-promo {background-color:#0b3859; padding:10px 25px 35px;}
		.home-promo h2 {margin-bottom:30px;}
         .home-promo h2, .home-promo h3 a{color:#fff;}
		 
		 .home-promo h3{margin:10px 0 25px 0; font-weight:normal !important;}
		 .home-promo a.btn-inline-block {background-color:#fff; color:#0b3859; margin-top:30px; }
		 .home-promo a.btn-inline-block:hover {background-color:#336983; color:#fff;}
		 
        .mobile-promo-btn {background-color:#0b3859; text-align:center; margin:0 !important;}
		 .mobile-promo-btn a {color:#fff; font-weight:normal;}
		 .mobile-promo-btn a:hover {color:rgba(255,255,255,0.5); text-decoration:none;}
		 .mobile-promo-btn .col-xs-6{ padding:30px 0;}
		 .mobile-promo-btn>.col-xs-6:last-child{border-left:1px solid #3c607a;}



@media all and (min-width:992px){
    ul.list-inline.social-icons{ position: absolute; right: 160px;top: 28px;}
    ul.list-inline.social-icons li a img{width:20px;}
}

@media all and (max-width:768px){
body{margin-top:50px; }

    .mobile-header .mobile-menu{position: fixed;height:100; width: 100%;left: 0;top: 70px;margin: 0;
     background: #336983;padding: 25px 0;display:none;bottom:0;min-height:100vh;z-index:1500;overflow-y:auto;}
    .page-width{padding:0 20px;}
    .column222{width:100%; margin-top:10px;}
    .home-slider .orbit-wrapper div#featured {height:145px;}
    .column474 {width:100%; margin-right:0;}
    .left.prettyPhoto a img {width:100%; height:auto; padding: 0 5px;}
    .column474.left > h1 {margin-top:0 !important;}

    div.form div.item, div.webform div.item {display:block; width:100%;}
    input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox
    {width:100%;}
    .one-line input.cat_textbox, .one-line .cat_listbox, div.webform div.one-line, input#CaptchaV2
    {width:100% !important;}
    .webform{width:100%;}
    #readmore {display:none;}
    .hia {text-align: center; line-height:normal;}
    .hia img {display: block;  margin: 0 auto; float:none;}
    .site-design {display: inline-block;float: left;padding: 0 0 20px;}
    .copyright {display: block;float: none;padding: 20px 0;}	

}
@media all and (min-width:768px){
.mobile-header{height:105px;}
  	.mobile-header .main-menu .navbar-header .navbar-toggle{font-size:2em;margin: 15px 0 0 15px;}
    .mobile-header .social-icons {margin: 0 30px 0 0;}
    .mobile-header .social-icons li img {width: 40px;padding: 25px 0 10px;}
    .mobile-header .mobile-menu {top: 105px;bottom: 0;position: fixed;left: 0;right: 0;}
    .mobile-header .mobile-menu .nav>li>a {padding: 15px 60px;font-size: 1.5em;}
	
	.mobile-header  .navbar-collapse.collapse,.mobile-header .navbar-collapse.collapse.in{display:none !important;}

}

@media all and (max-width:380px){
    .home-slider .orbit-wrapper div#featured {height:110px;}
}
.mobile-header .mobile-menu .navbar-nav .open .dropdown-menu>li>a:focus,
.mobile-header .mobile-menu .navbar-nav .open .dropdown-menu>li>a:hover{
    color:#fff;
}
.mobile-header .mobile-menu .navbar-nav>li>a:focus,.mobile-header .mobile-menu .navbar-nav>li>a:hover{color: bisque;}