@charset "utf-8";
@import url(common.css);

/* Home */
.home {}
.scrollable {position:relative; margin:30px 0; width:881px; height:142px;}
.scrollable .browse {float:left; cursor:pointer; position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; outline:none;}
.scrollable a.disabled {visibility:hidden;}
.scrollable .prev {background:url(../img/arrows24.png); left:0;}
.scrollable .next {background:url(../img/arrows24.png) 0 31px; right:0;}
.scrollable .viewport {position:relative; margin:0 auto; overflow:hidden; width:811px; height:142px;}
.scrollable .viewport ul.items {position:absolute; padding:0; width:20000em;}
.scrollable .viewport ul.items li {float:left; list-style:none; margin:0 4px 0 5px; width:193px; height:142px; }
.scrollable .viewport ul.items li.first {}
.scrollable .viewport ul.items a {display:block; width:193px; height:142px; }
.scrollable .viewport ul.items img {background:#fff; border:1px solid #ccc; padding:5px; width:181px; height:130px;}

/* Notable Projects */
#project-gallery {height:600px;}

/* Our Team - Active Values */
.our-team ul.team-members,
.active-values #core-values ul {margin:30px auto; padding:0; width:900px;}
.our-team ul.team-members li,
.active-values #core-values li {float:left; list-style:none; margin:11px;}
.our-team ul.team-members li.first,
.active-values #core-values li.first {}
.our-team ul.team-members li img,

.active-values #core-values li img {width:203px; height:185px;}

/* Active Values */
.active-values #core-values {margin-top:50px;}
.active-values #core-values h3,
.active-values #core-values p {color:#000; font-weight:700; text-align:center;}

/* Active Difference */
.active-difference {}
.active-difference p em {font-style:normal; text-transform:uppercase;}
.active-difference .services {margin:0 auto; padding:0; width:900px;}
.active-difference .services li {float:left; list-style:none; margin:10px 20px; position:relative; width:410px; height:185px;}
.active-difference .services h3 {float:right; font-weight:100; margin-top:-23px; position:absolute; right:0; top:50%; width:180px;}
.active-difference .services img {width:203px; height:185px;}

/* Services Offered */
.services-offered {}
.services-offered #content h3 {margin:19px 0 9px;}
.services-offered ul {margin:0;}
.services-offered ul.photos {margin-top:30px; padding:0;}
.services-offered ul.photos li {float:left; list-style:none; margin-left:14px;}
.services-offered ul.photos li.first {margin:0;}
.services-offered ul.photos li img {padding:3px; width:157px; height:119px; border:1px solid #ccc;}

/* Contact */
.contact {}
.contact .left {float:left; text-align:center; margin:30px 50px 30px 12px; padding-top:12px; width:330px; border:1px solid #999;}
.contact .left #map {background:#edeae2; margin-top:12px; height:300px; border:1px solid #999; border-width:1px 0 0;}
.contact .right {float:right; margin:30px 12px 30px 0; width:514px;}
.contact .right .col {float:left; margin-left:20px; width:237px;}
.contact .right .first {margin:0}
.contact .right span {font-style:italic; font-weight:100;}
.contact #success,
.contact #errors {margin-bottom:20px; padding:15px 20px; border:1px solid #003b78;}
.contact #success {background:#cee2f5;}
.contact #errors {display:none; color:#c00; background:#ffd9d9; border-color:#c00;}
.contact #success h3,
.contact #errors h3 {font-size:13px; margin:0;}
.contact #errors h3 {color:#c00;}
.contact #errors ol {padding-left:1em;}
.contact #errors li {font-weight:100;}
#contact-form {padding:10px;}
#contact-form label {display:block;}
#contact-form .text,
#contact-form .select,
#contact-form .textarea {font-weight:100; margin-bottom:5px; width:237px; border:1px solid #999;}
#contact-form .text {padding:3px 0;}
#contact-form .select { padding:2px 0;}
#contact-form .textarea {height:73px; line-height:1.2em;}
#contact-form .submit {float:right; cursor:pointer; color:#fff; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; background:url(../img/button.png); padding-bottom:0px; width:95px; height:32px; border:0;}