/* defaults */
body {
    background:white;
    color:#656565;
    font: normal 15px/22px Arial, Verdana, Sans-Serif;
    margin:0px; padding:0px;
}

a { color:#999999; text-decoration:none; }
a:hover { color:#656565; }


h2 { font-size:21px; color:black; line-height: 33px; font-weight: normal; }
h3 { font-size:14px; color:#999999; }

.clear { clear:both; }

/* text styles */
strong { font-weight: bold; }
.green { color: #339900; }

.section { margin-top:30px; margin-bottom: 30px; }

/* layout */
.wrap { width:780px; margin:0 auto 0 auto; }
.footer { font-size: 11px; font-weight: bold; text-align: center; margin: 30px 0px; }
.footer a { color:#656565; }
.footer a:hover { color:#999999; }

.ticker { font-size:13px; line-height:15px; color:#999999; font-weight: bold; margin:30px 0px 30px 0px; }
.ticker a { color:#339900; text-decoration:none; }
.ticker a:hover { color:#656565; }

.leader-wrap { overflow:hidden; margin:20px 0px 30px 0px; }
.leader { font-size: 21px; line-height: 32px; color: #656565; background: url('../images/leader-bg.png') 0px 3px; padding: 0px 0px 3px 0px; margin: -3px 0px 0px 0px; }
.leader strong { color:black; }
.leader strong.green { color:#339900; }

a.vimeo { color: #339900; }
a.vimeo:hover { color: #656565; }

p.large { font-size: 17px; line-height: 25px; }


.logo { display:block; width:269px; height:39px; overflow:hidden; background: url("../images/logo.png"); }

.header { height:155px; position:relative; }
.header .logo { position:absolute; right:0px; top:30px; }
.header .menu { position:absolute; right:0px; top:103px; font-size:13px; color: #999999; }

.header .menu a { color:#666666; text-decoration:none; }
.header .menu a:hover { color:#656565; }
.header .menu a:hover { color:#000000; }

.header .menu a { color:#339900; text-decoration:none; }
.header .menu a:hover { color:#656565; }


body#services .header .menu a#services { color:#000000; }
body#work .header .menu a#work { color:#000000; }
body#team .header .menu a#team { color:#000000; }

.header .testimonial_leader {
    background-image:url("../images/favicon.png");
    display:block; overflow:hidden;
    width:384px; height:200px;
}

.header .testimonial_leader:hover { background-position: 0px -200px; }

.sixup { width:780px; overflow:hidden; }
.sixup .track { width:792px; overflow:hidden; }
.sixup .item { width:120px; overflow:hidden; float:left; margin: 0px 12px 12px 0px; }
.sixup .item .image { display:block; text-align: center; height: 150px; overflow: hidden; }
.sixup .item .label { display:block; padding: 0px 10px; margin-top: 10px; height: 42px; overflow: hidden; text-align: center; font-size: 10px; line-height: 14px; font-weight: bold; }
.sixup .item.selected { background: #f3f3f3; }

.twocol .side { width:170px; float:left; }
.twocol .main { width:560px; float:right;}

.side h3 { color: black; font-weight: normal; }

.subnav { margin-bottom:30px; }
.subnav a.btn { display:block; padding: 12px; font-size:12px; line-height:17px; text-align: right; border-bottom: 1px solid #CCCCCC; }
.subnav a.btn.selected { font-weight: bold; background: #f2f2f2; border:none; }
.subnav a.btn.last-child,
.subnav a.btn.previous { border:none; }
.subnav a.btn .name { color:black; font-size: 14px; }


.person .image { width:150px; float:right; }
.person .info { width:400px; float:left; }
.person .title { font-size: 17px; font-weight: bold; }
.person .subtitle { font-size: 13px; font-style: italic; }

.project .image { width:150px; float:right; }
.project .info { width:400px; float:left; }
.project .title { font-size: 17px; font-weight: bold; }
.project .subtitle { font-size: 13px; font-style: italic; }

.body { font-size:17px; line-height:25px; color:#656565; }
.body h2 { margin:0px; }


.log .entry { margin-bottom: 20px; }
.log .entry .byline { display:block; width: 170px; float:left; font-size: 12px; line-height: 17px; text-align: right; border-bottom: 1px solid #CCC; padding-bottom: 5px; margin-top:9px; }
.log .entry .byline .date { display:block; color:black; font-weight: bold; font-size: 14px; }
.log .entry .body { width:560px; float:right; }
.log .entry .body .title { font-size: 27px; line-height: 37px; font-weight: bold; margin:0px 0px 23px 0px; padding:0px; }

body#blog .log { margin-top:20px; border-bottom: 1px solid #CCC; }

.paging { margin-top: 10px; }
.paging a { line-height: 20px; font-size: 13px; }
.paging .next { float: right; }
.paging .prev { float: left; }

.flipper { position: relative; }

.flipper a.larrow {
    position: absolute;
    top:54px; left: -52px;
    display: block; width:42px; height: 42px; overflow: hidden;
    background: url("../images/flipper-arrows.png") no-repeat 0px 0px;
}
.flipper a.larrow:hover { background-position: 0px -42px; }

.flipper a.rarrow {
    position: absolute;
    top:54px; right: -52px;
    display: block; width:42px; height:42px; overflow: hidden;
    background: url("../images/flipper-arrows.png") no-repeat -42px -0px;
}
.flipper a.rarrow:hover { background-position: -42px -42px; }


#vimeovideos h2 a { color: #339900; }
#vimeovideos h2 a:hover { color: #656565; }

#vimeovideos .vimeovideo .title { margin-bottom:20px; }
#vimeovideos .vimeovideo .left { width: 380px; float: left; }
#vimeovideos .vimeovideo .right { width: 380px; float: right; }
#vimeovideos .vimeovideo .right p { position: relative; top: -25px; }


body#homepage .header { height:200px; /*background: url("../images/homepage-hdr-bg.jpg") bottom left no-repeat;*/ }
body#services .header { background: url("../images/services-hdr-bg.jpg") top left no-repeat; }
body#team .header { background: url("../images/team-hdr-bg.jpg") top left no-repeat; }
body#work .header { background: url("../images/work-hdr-bg.jpg") top left no-repeat; }


body#services h2 a { color: black; }
body#services h2 a:hover { text-decoration: underline; }

body#blog .body a { color:#339900; text-decoration:none; font-weight: bold; }
body#blog .body a:hover { color:#656565; }

body#blog .body .title a { color: #999999; }
body#blog .body .title a:hover { color:#656565; }


/* cufon pop-in hack */
.wrap { visibility: hidden; }
html.cufon-ready .wrap { visibility:visible; }


