@charset "utf-8";
/* CSS Document */

#banner { width: 100%; margin: 0 auto; position: relative; top: -109px; height: 284px; background: url(../images/banner-inner.jpg) center top no-repeat; }
#banner .title {position: absolute; bottom: 38px; text-align: center; font-family: 'open_sansbold'; font-size: 18px; font-weight: normal; color: #fff; left: 0; right: 0;}

.content { padding: 20px 15px 35px; }
ul.breadcrumb { margin: 0; padding: 0; list-style: none; text-align: center; }
ul.breadcrumb li { display: inline-block; color: #0f3f89; font-size: 11px; }
ul.breadcrumb li span { color: #404957; margin: 0 3px; }
ul.breadcrumb li a { color: #404957; text-decoration: none; }
ul.breadcrumb li a:hover { color: #0f3f89; text-decoration: underline; }

.content h1 { font-family: 'open_sansbold'; font-size: 23px; font-weight: normal; color: #404957; text-align: center; text-transform: uppercase; margin: 0; }
.content h2 { font-family: 'open_sansbold'; font-size: 20px; font-weight: normal; color: #404957; text-align: center; text-transform: uppercase; }
.content h3 { font-family: 'open_sansbold'; font-size: 16px; font-weight: normal; color: #13abe3; }
.content address { float: left; width: 50%; font-style: normal; }
.content p, .content ul, .content ol { font-size: 14px; margin: 15px 0; line-height: 20px; }
.content .margin.about p {text-align:justify;}
.content p.more { font-size: 12px; color: #9fa4ab; background: url(../images/more-dwn.png) left center no-repeat; padding-left: 20px; }
.content p.center { text-align: center; }
.content a { color: #404957; }

address p.phone { background: url(../images/phone-icon.png) left center no-repeat; padding-left: 25px; }
address p.fax { background: url(../images/fax-icon.png) left center no-repeat; padding-left: 25px; }
address p.email { background: url(../images/email-icon.png) left center no-repeat; padding-left: 25px; }

ul.projects { margin: 35px 0 0 0; padding: 0; list-style: none; }
ul.projects li { float: left; width: 314px; height: 300px; border-bottom: 3px solid #0f3f89; margin: 0 15px 30px 0; position: relative; }
ul.projects li h3 { font-family: 'open_sansbold'; font-size: 13px; font-weight: normal; color: #4d5663; margin: 0; padding: 7px 0 0 0; }
ul.projects li a { font-size: 11px; color: #9fa4ab; text-decoration: none; position1: absolute; left1: 0; bottom1: 4px; }
ul.projects li a:hover { text-decoration: underline; color: #2a3947; }
ul.projects li:hover { border-color: #05a63a; }
ul.projects .zoom { position: absolute; left: 0; top: 0; width: 100%; height: 218px; visibility: hidden; opacity: 0; background: url(../images/zoom.png) center center no-repeat; background-color: rgba(0,0,0,0.5); 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; }
ul.projects li a:hover .zoom { visibility: visible; opacity: 1; }

ul.projects.pro-sub { margin-top: 30px; }
ul.projects.pro-sub li { height: 82px; }
ul.projects.pro-sub li.active h3 { color: #13abe3; }

.project-sublinks { border: 1px solid #d3d3d3; padding: 35px 30px 25px 30px; margin-top: 35px; }
.project-sublinks ul { margin: 0; padding: 0; list-style: none; }
.project-sublinks ul li { float: left; margin: 0 25px 10px; width: 250px; font-family: 'open_sansbold'; font-size: 18px; font-weight: normal; border-bottom: 1px solid #c1c1c1; padding: 0 0 8px 18px; background: url(../images/bullet.jpg) left 5px no-repeat; }
.project-sublinks ul li a { color: #4d5663; text-decoration: none; }
.project-sublinks ul li.active, .project-sublinks ul li:hover { background: url(../images/bullet-act.jpg) left 5px no-repeat; }
.project-sublinks ul li.active a, .project-sublinks ul li:hover a { color: #0f3f89; }

.project-sublinks.pro-sub { border-top: 12px solid #13abe3; }

form.inner { padding: 0; }
form.inner .submit { position: inherit; width: 100px; }
form.inner textarea { height: 93px; margin-bottom: 6px; }
form.inner .error { font-size: 100%; line-height: normal; margin-bottom: 15px; }

.margin { margin-top: 41px; }
.margin .left-col { float: left; width: 314px; margin-right: 15px; }
.margin .left-col h2 { text-align: left; }
.margin .right-col { float: right; width: 643px; }

ul.downloads { margin: 20px 0 0 0; padding: 0; list-style: none; }
ul.downloads li { float: left; width: 197px; margin: 0 24px 24px 0; }
ul.downloads li a { height: 50px; background: #13abe3; color: #fff; padding: 7px 10px 4px 0; text-decoration: none; display: block; border-radius: 2px; }
ul.downloads li a:hover { background: #243d63; }
ul.downloads li a span.icon { width: 40px; height: 39px; background: url(../images/dwn-icon.png) center center no-repeat; border-right: 1px solid #fff; float: left; margin-right: 10px; }
ul.downloads li a span.size { font-size: 11px; }

ul.clientele { margin: 20px 0 0 0; padding: 0; list-style: none; }
ul.clientele li { float: left; width: 197px; margin: 0 23px 24px 23px; text-align: center; font-size: 12px; }
ul.clientele li span.logo { width: 197px; height: 120px; border: 1px solid #d3d3d3; display: table-cell; text-align: center; vertical-align: middle; }
ul.clientele li span.logo img { vertical-align: middle; }

.project-detail { border-bottom: 3px solid #404957; padding-bottom: 50px; } 
.project-detail ul li { margin-bottom: 6px; }

.column { width: 48%; }
.column.about {width:45%; border:1px solid #d3d3d3; background-color:#eee; padding:0 15px; margin:0 0 30px 30px; }