@charset "utf-8";
/* CSS Document */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a, input, textarea, span { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
a { outline: none; border: none; color: #f28228; }
a:hover { color: rgba(94, 61, 36,1); text-decoration: none; }
.left { float: left; } .right { float: right; }
.last { margin-right: 0px !important; }
.cf:after { content: ''; clear: both; display: block; }
.table { display: table; border-collapse: collapse; } .row { display: table-row; } .cell { display: table-cell; }
b, strong {font-family: 'open_sansbold';}

body { margin: 0; padding: 0; background: #dbdbdb; font-family: 'open_sansregular', Arial, Helvetica, sans-serif; font-size: 12px; color: #404957; }

#wrapper { width: 100%; }
.container { width: 1263px; margin: 0 auto; }
.container.middle { background: #fff; min-height: 500px; }
.container:after { content: ''; clear: both; display: block; }
.width { width: 1002px; margin: 0 auto; }

header { background: #091723; height: 284px; }

#top { width: 962px; margin: 0 auto; border-bottom: 1px solid #8d9eb2; height: 109px; position: relative; z-index: 99; }

#logo { float: left; }
#logo img { margin-top: 22px; }
#top-right { float: right; width: 625px; }
#top-nav { float: right; margin-top: 25px; }
#top-nav ul { margin: 0; padding: 0; list-style: none; }
#top-nav ul li { float: left; font-family: 'open_sansbold'; color: #51575d; text-transform: uppercase; height: 18px; line-height: 20px; margin-left: 25px; }
#top-nav ul li.first { margin-left: 18px; }
#top-nav ul li.project-gallery { font-family: 'open_sansextrabold'; background: url(../images/gallery-icon.png) left center no-repeat; padding: 0 18px 0 37px; border-right: 2px solid #0f3f89; }
#top-nav ul li a { color: #77869d; text-decoration: none; }
#top-nav ul li a:hover, #top-nav ul li a.active { color: #0f3f89; }


/* Navigation */
#menu { float: right; margin: 17px 0 0 0; padding: 0; }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu ul li { float: left; font-family: 'open_sansbold', Arial, Helvetica, sans-serif; font-size: 16px; position: relative; text-transform: uppercase; margin-left: 24px; }
#menu ul li:hover a, #menu ul li:hover a.active { background: ; color: #0f3f89; }

#menu ul li a { color: #0f3f89; display: block; text-decoration: none; padding-bottom: 26px; }
#menu ul li a:hover { background: ; color: #0f3f89; }
#menu ul li a.active { background: ; color: #0f3f89; }
#menu ul li:hover ul li a { border-bottom: none; }

#menu ul li:hover > ul { visibility: visible; opacity: 1; top: 49px; }

#menu ul li ul { visibility: hidden; opacity: 0; position: absolute; left: 0; top: 51px; z-index: 99; padding: 0; width: 180px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; background: #0f3f89; }
#menu ul li ul li { float: none; margin: 0; padding: 0; font-size: 13px; height: auto; font-family: 'open_sansregular', Arial, Helvetica, sans-serif; line-height: normal; }
#menu ul li ul li a { padding: 6px 15px 5px; color: #fff !important; border-bottom: 1px solid #8d9eb2 !important; display: block; margin: 0; }
#menu ul li ul li a:hover { background: #2a3947; color: #fff !important; }
#menu ul li ul li:hover a { color: #666666; }

#menu ul li ul li ul { top: -11px; left: 100%; }
#menu ul li:hover ul li:hover ul li a, #menu ul li ul li ul li a { background: #fff; color: #24476c; }
#menu ul li:hover ul li:hover ul li a:hover, #menu ul li ul li ul li a:hover { background: #24476c; color: #fff; }

footer { background: #2a3947; height: 54px; color: #959ca0; line-height: 54px; }
footer .width { padding: 0 10px; }
footer a { color: #959ca0; }
footer a:hover { text-decoration: none; color: #fff; }
footer .copyright { text-transform: uppercase; }

@media only screen and (min-width: 980px) and (max-width:1263px)
{
	.container { width: 1002px; }
}

form { margin: 0; padding: 19px 14px; }
form label { display: block; font-size: 15px; line-height: 14px; margin-bottom: 10px; }
form label small { color: #CC0000; font-size: 10px; }
form .text, form textarea, form select { background-color: #eeeeee; border: 1px solid #d3d3d3; font-family: 'open_sansregular'; margin-bottom: 9px; padding: 0 9px; width: 100%; }
form .text, form select { height: 30px; line-height: 30px; }
form textarea { height: 108px; padding: 9px; margin-bottom: 0; }
form .submit { background-color: #0f3f89; color: #fff; border: none; cursor: pointer; font-family: inherit; height: 30px; text-align: center; width: 68px; position: absolute; right: 0; bottom: 3px; }
form .submit:hover { background-color: #243d63; }
form .error { color: #ff0000; margin-bottom: 15px; font-size: 90%; text-align: center; line-height: 125%; }
form .error h3 { color: #0196A7; font-size: 110%; }
form .success { margin: 0 0 5px; }
form span { color: #ff0000; }

::-webkit-input-placeholder { color: #79848e; }
:-moz-placeholder { /* Firefox 18- */ color: #79848e; }
::-moz-placeholder { /* Firefox 19+ */ color: #79848e; }
:-ms-input-placeholder { color: #79848e; }