/* @group Reset */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
body{font-size:12px;font-family: arial,helvetica,clean,sans-serif;font-size:small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}
/* @end */

/*float*/
.f-l {float: left;}
.f-r {float: right;}
.c-l {clear: left;}
.c-r {clear: right;}
.c-b {clear: both;display:block}
img.f-l{margin:0 20px 20px 0;}
img.f-r{margin:0 0 20px 20px;}
p img.f-l{margin:0 20px 20px 0;display:inline;}
p img.f-r{margin:0 0 20px 20px;display:inline;}
/*@end*/

/*accessibility*/
.offLeft {position:absolute; left:-9999px}
caption, legend {display: none}
em {font-style: italic;font-weight:bold;}
/*@end*/

/*typography*/
a,a:link,
a:active,
a:visited {color: #1c1c1c;outline: none;text-decoration:none;}
a:hover {text-decoration:underline;}
strong {font-weight: 700}
h1,h2,h3,h4,h5,h6 {color: #1c1c1c;font-family: arial; margin-bottom:5px;}
h2 {font-size:18px;margin-bottom:10px}
h3 {font-size:14px;font-weight:bold;margin-bottom:0}
h2.large {font-size:24px;margin-bottom:20px}
h2 span {font-size:80%}
p {margin-bottom:10px;line-height:20px}
h1#statement em, #statement em {font-weight:normal}
h1#statement span {font-size:16px;font-weight:bold}
h1#statement, #statement,#contactForm .content p {letter-spacing:-1px;font-size:28px;}
#container #topBar p.f-l,#container #footer .tel {letter-spacing:0;}
#container #topBar li.show {background-color:#434343}
.smallTxt {font-size:10px;}
.larger {font-size:17px;font-weight:bold}
/*@end*/

/*common misc*/
.bBarThick {border-bottom:5px solid #e2e2e2}
.bBarMed {border-bottom:3px solid #e2e2e2}
.bBarThin {border-bottom:1px solid #e2e2e2}
.tBarMed {border-top:3px solid #e2e2e2;padding-top:20px}
body #container .content ul li.first {background:none;padding-left:0}
body #container .content .f-r li.first {padding-left:10px;margin-right:5px;}
ul.arrows li {background: url('../images/listArrow.gif') no-repeat left center; padding-left: 15px;font-weight:bold}
ul li {line-height:18px;}
.r #content a,.r #content #topNav #sub li a, .r #statement em a,.r #bottomContent a {color: #ec1340}
.p #content a,.p #content #topNav #sub li a,.p #statement em a {color: #8e53a3}
.b #content a,.b #content #topNav #sub li a,.b #statement em a {color: #17a6c6}
.g #content a,.g #content #topNav #sub li a,.g #statement em a {color: #8dab13}
.g #content #topNav #sub li a{color: #5f7604}
#content #topNav #withSub img{display:none}/*show this when we add the drop down nav again*/
.smallImg,.largeImg,.mediumImg {width:240px;}
.smallImg {height:140px;}
.mediumImg {height:160px;}
.largeImg {height:240px;}
#container .xLargeImg {width:500px;height:314px;margin:25px 0 15px 0;}
p.tagHead,p.dateHead {color:#888; font-size:10px;font-weight:bold;margin-bottom:0;}
p.dateHead, .jobs {margin-bottom:15px;}
p.tagLinks a {color:#1c1c1c; font-size:11px}
h2.small {font-size:14px;}
#container .bMarg {margin-bottom:20px}
#container #content .noMarg, #container .noMarg{margin:0}
h3.testimonial {font: 24px myriad pro, arial; display:block; background: url('../images/testimonialBg.gif') no-repeat;padding: 20px;}
h3.testimonial img {padding: 0 0 0 10px}
ul.squares li {list-style-type: none;font-size:12px;line-height: 20px;padding-left:12px;}
.r ul.squares li {background: url('../images/squareBulletR.gif') no-repeat left 7px}
.p ul.squares li {background: url('../images/squareBulletP.gif') no-repeat left 7px}
.g ul.squares li {background: url('../images/squareBulletG.gif') no-repeat left 7px}
.b ul.squares li {background: url('../images/squareBulletB.gif') no-repeat left 7px}
.r ul.squares li li,.p ul.squares li li,.g ul.squares li li,.b ul.squares li li {background: none;list-style:disc;padding:0;margin-left:15px;}
#rightCol ul {margin: 0 0 15px 0;}
#rightCol ul ul {margin: 0;}
h3 {margin-bottom:15px; line-height:20px}
#rightCol #topNav ul, #rightCol #breadcrumb {margin: 0;}
.bPad {padding-bottom:15px;}
#container #rightCol .noBMarg {margin-bottom:0;}
.reduceSize {height:20%;width:20%}
.fitWidth {width:100%}
#container .det .noTPad {padding-top:0;}
.v-b {vertical-align:bottom}
/*@end*/

/*interactive elements*/
.interactiveImg {position:relative;margin-bottom:15px;}
.interactiveImg strong {display:block; width:100%; height:100%;position:absolute;top:0;left:0;display:none;}
.interactiveImg a {display:block; width:100%; height:100%;position:absolute;top:0;left:0;cursor:pointer}
.interactiveImg strong span {display:block; width:100%; height:100%;background: url('../images/whiteArrow.png') no-repeat center center;}
.interactiveImg em {display:block;position:absolute; top:320px; right: 0; text-align:right;font-size:10px;font-style:normal}
.r .interactiveImg strong {background: url('../images/opacityR.png');}
.p .interactiveImg strong {background: url('../images/opacityP.png');}
.b .interactiveImg strong {background: url('../images/opacityB.png');}
.g .interactiveImg strong {background: url('../images/opacityG.png');}
/*@end*/

/*common interactive elements*/
#sliderContent { width:760px; margin:auto;}
#sliderWrapper { background:#e2e2e2;padding:0 0 0 0;height:10px;margin-bottom:15px;}
.viewer { width:100%; height:341px;overflow:hidden; position:relative; }
.content-conveyor { width:780px; height:335px; position:relative; }
#sliderContent #slider a {cursor:pointer;border:1px solid #ccc}
/*@end*/

/*main layout elements*/
html {height:100%;}
body {background:#fff url('../images/bodyBg.gif') repeat-x 50% 0px; margin:0;padding:0;color:#363636;font-family:arial}
#contactForm {background-color: #434343; width: 100%;}
#topBar {background-color: #4d4d4d; width: 100%; min-height:40px;}
#container {background:transparent url('../images/containerBg.gif') no-repeat bottom;min-height:100%;position:relative;}
#content {width: 940px;margin:0 auto;padding-bottom:319px; /* This must match the height of the footer*/}
#leftCol,#rightCol {padding-top:5px;}
#leftCol {width: 160px;padding-right:20px;}
#rightCol {background:transparent url('../images/rightColBg.gif') no-repeat; width: 760px;min-height:500px;position:relative}
#rightCol img.bottomBg,#bottomContent img.bottomBg,.homeRight img.bottomBg{position:absolute; right:0; bottom:0;z-index:2;}
#footer {position:absolute;bottom:0;width: 100%; height: 319px;/* Height of the footer - must be defined*/ color: #fff; background:#434343 url('../images/footerBg.gif') repeat-x top; font-size:11px;}
#footer .bStripe {width:940px; height:7px; margin:0 auto; background: transparent url('../images/bottomStripe.gif') no-repeat;}
#footer #sec3 .f-r li {margin-left:16px}
/*@end*/

/*left column*/
#logoArea {height:222px;width:160px;margin-bottom:24px;}
#logoArea a {display:block;width:100%; height:150px;}
.r #logoArea a{background:url('../images/logoR.png') no-repeat}
.g #logoArea a{background:url('../images/logoG.png') no-repeat}
.b #logoArea a{background:url('../images/logoB.png') no-repeat}
.p #logoArea a{background:url('../images/logoP.png') no-repeat}
ul.subscribe li {float:left; margin-right: 5px;}
ul.subscribe li a {display:block; width:20px; height:20px; }
ul.subscribe li a:hover {background-position:right top;}
li.rss a {background: url('../images/rss.gif') no-repeat left top}
li.twitter a {background: url('../images/twitter.gif') no-repeat left top}
li.facebook a {background: url('../images/facebook.gif') no-repeat left top}
#leftCol h2, .homeLeft h2,#container #leftCol p.head,#container #bottomContent p.head  {font-weight:bold; font-size: 16px;}
#leftCol p,.homeLeft p {font-size: 11px;}
#container .homeLeft p.head {margin-bottom:10px}
/*@end*/

/*topBar*/
#topBar .content {width:760px; margin:0 auto;padding:0 0 0 180px}
#topBar .content p {color:#fff;font-size:16px;font-weight:bold;padding-top:10px;}
#topBar .content li {float:left;background:transparent url('../images/linkDivide1.gif') no-repeat left center; padding: 10px 15px 9px 15px}
#topBar .content li.first a {background:url('../images/contactArrowDown.gif') no-repeat right center;padding: 0 10px 3px 0}
#topBar .content li a {color:#d4d4d4;font-size:11px; font-weight:bold;}
#topBar .content li a.selected {color:#656565;cursor:default;}
#topBar .content li a.selected:hover {text-decoration:none}
a#contactBtn {display:block;cursor:pointer}
#topBar .content li.first a.UpDown {background-image: url("../images/contactArrowUp.gif");}
/*@end*/

/*topNav*/
#topNav {position:relative;z-index:2;width:100%; min-height: 28px; padding-top: 40px}
#topNav .f-l li,#topNav .f-r li{font-weight:bold;float:left; text-transform: uppercase; background: url('../images/linkDivide2.gif') no-repeat left center; padding: 0 15px 0 20px}
#topNav li.first {background:none;padding-left:0}
#topNav li.last {padding-right:0}
#container #topNav li a {color:#3a3939;}
#container #topNav li a.selected,#container #topNav li a:hover {color:#979797; text-decoration:none;}
#topNav li.rolled {color:#979797; background-color:#fff;background-position:top left; height:28px}
#topNav li.rolled a {color:#979797;}
#topNav ul {position:relative; z-index:99}
#topNav li #sub {display:none;position:absolute;top: 28px; left: -0px;padding: 20px 20px 20px;background-color:#fff;width:500px;z-index:999;border: 2px solid #e2e2e2;border-top:none}
#topNav li #sub ul{list-style: none;margin: 0; padding: 0;width: 160px;float: left;}
#topNav li #sub ul li {float: none;}
#topNav li #sub ul li a:hover {text-decoration:underline}
#topNav .bBarThick {position:absolute; bottom:0;left:0;width:100%;height:10px;z-index:1}
#topNav #sub li {text-transform: none;background:none}
#topNav #sub li.head {margin-bottom:13px;}
#container #topNav #sub li a {font-size:11px;font-weight:normal;font-family:"myriad pro", arial}
#container #topNav #sub li.head a {color:#363636;font-size:15px;}
#container #topNav li a img {padding-left:10px;}
/*@end*/

/*breadcrumb*/
#rightCol #breadcrumb {height:30px;margin-top:10px;}
#breadcrumb li {float:left;font-size:10px;padding: 0 7px 0 0;}
#breadcrumb li a {padding-right:4px}
#breadcrumb li a.selected,#breadcrumb li a:hover {color:#979797; text-decoration:none;}
/*@end*/

/*statement*/
#statement,#statement h1 {display:block;min-height:97px;color:#979797;margin-bottom:24px;padding-bottom:15px;}
div#statement{margin-bottom:0;}
#statement h1 {margin-bottom:0;padding-bottom:0;}
#statement h1, #container .noHeight {height:auto;min-height:0;}
#statement strong {color:#1c1c1c;font-weight:normal}
#statement em a {font-style:normal}
#statement a {color:#1c1c1c;}
#statement h1 {padding-top:20px;}
/*@end*/

/*footer*/
#sec1,#sec2,#sec3 {padding-top:15px;font-size: 11px;}
#sec1 {background:#4d4d4d;min-height:84px;}
#sec2 {background:#515151;min-height:115px;}
#sec3 {min-height:53px;background-color:#434343}
#sec3 .c2 {width: 370px;}
.c3 {width: 760px;position:relative}
.c3 .t-p,#bottomContent .homeRight .c1,#bottomContent .homeRight .shortC {position:relative;z-index:3;}
.c4 {width: 370px;margin-bottom:15px;}
#sec3 .c2 li {float:left}
#sec3 .content .f-l p {clear:both}
#sec1 .content,#sec2 .content,#sec3 .content {width:940px;margin:0 auto;}
#sec1 .c1,#sec2 .c1,#sec3 .c1 {width:160px;padding:5px 20px 0 0;text-align:right;}
#sec1 .c2,#sec2 .c2{width:233px;padding-right:20px;}
#sec1 .c2 .tel, #sec1 .c2 .tel {font-size: 18px;color:#fff;margin:0;}
#footer h2, #footer span, #footer h2 a {color: #dadada;}
#footer h2 {font-size: 18px}
#footer a {color:#fff;}
#footer p {color:#9c9c9c;font-size:10px}
#sec3 .content .f-l ul {height: 25px}
#sec3 .content .f-r ul {float:right}
#sec3 .content .f-r ul li {padding-left:20px}
#sec3 .content .f-l ul a {font-size:10px;}
#sec3 .content .f-l ul li {background:transparent url('../images/linkDivide3.gif') no-repeat left center; padding: 0 10px}
.t-p {padding-top:40px;}
/*@end*/

/*right column (main content area)*/
#rightCol .c1, #bottomContent .c1{width: 240px;padding-bottom:20px;min-height:305px;position:relative;z-index:1}
#bottomContent .c1{min-height:0;}
#rightCol .c2 {width: 500px;position:relative;z-index:1}
#rightCol .c5 {width:175px;}
#rightCol .c1 img , #rightCol .c2 img {margin-bottom:15px;}
#rightCol .r-marg, #bottomContent .r-marg{margin-right:20px;}
#rightCol .row1, #bottomContent .row1{width:100%; min-height:160px; padding: 20px 0 0 0;position:relative;z-index:2}
#bottomContent .row1{padding: 20px 0 40px 0;}
#rightCol .row1 .c1 {min-height:0}
/*@end*/

/*forms*/
form label {display:block}
form input, form textarea {border:none;}
form input{width:226px;height:16px;padding:7px}
form select {width:242px;}
form input.loginBtn {margin-top: 5px;width:auto; height:auto;padding:0;float:right; border:none;}
form p.contact {margin-top:40px;}
#rightCol form td {vertical-align:top;padding-top:10px}
#rightCol form textarea {width:93%;padding:7px}
#rightCol form td.label {vertical-align:top;padding:10px 20px 0 0;}
#content form table {width:100%}
form input, form textarea {background-color:#fff; border: 1px solid #b9b9b9}
/*@end*/

/*Contact form*/
#contactForm {position:relative;}
#contactForm #abs {position:relative;display:none;width:940px;margin:0 auto; height:420px}
#contactForm .content {position:absolute;bottom:0;left:0;width:760px;padding: 10px 0 30px 180px;}
#contactForm .content p, #contactForm .content span {color:#979797;margin-bottom:20px;}
#contactForm .content span {margin:17px 120px 0 0}
#formClose {position:absolute;top:0;right:0;margin-top:10px;}
#formClose:hover {cursor:pointer}
#contactForm table, #contactForm table td{color:#fff}
#contactForm input, #contactForm textarea, #contactForm select {border: none; background-color:#2a2a2a;margin-right:20px;color:#fff;font-size:16px;}
#contactForm label {margin-bottom:5px; font-size:14px; color:#979797}
#container .error {margin-bottom:5px; font-size:11px; color:#fe4b8a;font-weight:bold;}
#contactForm select {width:240px;margin-bottom:10px;padding-top:3px;height:30px;border:none}
#contactForm textarea {width:378px;margin:0 0 10px 0;height:157px;}
#container .submit {width:70px; height:25px;border:none;background:transparent;margin-bottom:0;padding-bottom:0;}
#contactForm .noRMarg {margin-right:0;}
#contactForm img.f-l {margin-right:10px;}
span.manNote {display:block; width:250px}
#contactForm .smallPad {padding-top:10px;}

/*@end*/

/*Homepage*/
#homepage #content {padding-bottom:0;position:relative;z-index:2}
#homepage #leftCol #logoArea {margin-bottom:0;}
#homepage #leftCol .bBarThin {border:none}
#homepage #leftCol #logoArea {height:170px;}
#homepage #rightCol #statement,#homepage #rightCol {margin-bottom:0;min-height:0;}
#homepage #bottomContent {width:940px;margin:0 auto; padding-bottom:319px;}
#homepage #homeBanner {width:100%;background:url('../images/bannerBg.gif') repeat;position:relative;z-index:1}
#homepage #holder {width:940px;margin:0 auto; height:300px;position:relative;overflow:hidden;z-index:1;}
#homepage #holder img {position:absolute;top:0;right:0;}
.homeLeft {width:160px; padding-right:20px;float:left}
.homeRight {width:760px; float:left;position:relative}
.shortC {width:580px}
.split {padding:30px 0}
.push {height:116px;margin-bottom:35px;}
#cu3er-container {width:760px; outline:0;position:absolute;right:0;}
#container .homeRight h3 {color:#4d4d4d;font-size:16px;font-weight:normal;line-height:22px}
#container #bottomContent h2.smaller {font-size: 16px;}
/*@end*/

/*Personal People page*/
.contact,#container .contact a.dark {font-weight: bold;font-size:14px;display:inline}
#personalProfile p {margin-bottom:20px}
#container .contact span.tel {font-size:18px;letter-spacing:-1px;}
.contact a {font-size:11px;font-weight:normal;padding-top:6px;display:block}
/*@end*/


/*Case Studies Slider*/
#carouselContainer {position:relative; width: 760px; height:300px; margin-bottom:20px;overflow:hidden;}
#carouselContainer .scrollBtn {z-index:2;width:80px; height:300px; position:relative;}
#carouselContainer .scrollBtn .roll {display:none;width:100%; height:300px; position:absolute}
#carouselContainer .arrow {display:block;width:60px; height:100%;position:absolute}
#carouselContainer .f-l .arrow {background:url('../images/arrowLeft.gif') no-repeat; right:0}
#carouselContainer .f-r .arrow {background:url('../images/arrowRight.gif') no-repeat}
#imageContainer {position:absolute;top:0;left:0;z-index:1;height:300px;padding:0 50px}
#imageContainer .carousel {width:675px;height:300px;margin-right:1px;float:left}
#imageContainer .interactiveImg strong span {background: url('../images/whiteArrowDown.png') no-repeat center center;}
/*#statement h1,#projectDetail .det {display:none}*/
/*@end*/

/*Share page*/
#newsItems {margin-bottom:40px;}
#newsItems li a {font-weight:bold}
#newsItems li a span {color:#1c1c1c}
#newsItems li a.selected, #newsItems li a.selected span{color:#a4a4a4}
/*@end*/

/*contact page*/
#map {width: 370px; height: 400px;margin-bottom:15px;}
#window {width: 210px; padding-right: 10px;font-family:arial;font-size:12px}
/*@end*/

/*Error page*/
.error404 #statement,.error404 #statement h1 {color:#1C1C1C;margin-bottom:24px;min-height:57px;}
#con ul li {list-style-type:disc;margin-left:15px}
#con p {font-weight:bold}
/*@end*/

/*client login page*/
#loginForm label {margin-top:10px;}
#loginForm input {margin-top:4px;}
#loginForm  input.loginBtn {margin-top:10px}
/*@end*/