@charset "utf-8";
/* 
 * Built and powered by WeBuild (2009)
 * http://webuild.co.uk/  [djs]
 */
body { background:#fff; font:11px/14px Arial, Helvetica, sans-serif; text-align:center; }
a { color:#000; text-decoration:underline; }
a:hover { color:#CC0000; }
a img { border:none; }
.clear { clear:both; }

/* Wireframe */
#wrapper { width:920px; padding:20px; margin:0 auto; text-align:left; }
.col { width:299px; float:left; display:inline; margin:0 0 10px 10px; }
.colspan2 { width:608px; float:left; display:inline; margin:0 0 10px 10px; padding-bottom:10px; }
.col.first, .colspan2.first { margin:0 0 10px 0; clear:left; }
.header { height:70px; border-bottom:1px solid #b2b2b2; }
.border-bottom { background:no-repeat url(/pix/h1_page_title_bg.gif) bottom left; margin-bottom:10px; position:relative; }
.colw { width:299px; }
.nowrap { text-align:left;padding:10px; }

/* Header */
#logo { display:block; width:123px; height:53px; background:no-repeat url(/pix/logo_autumn.gif) top left; text-indent:-2999px; }
#leave { position:relative; }
#leave img { position:absolute; bottom:-32px; right:0; }
#page_title { height:85px; clear:left; background:no-repeat url(/pix/h1_page_title_bg.gif) bottom left; position:relative; margin-bottom:10px; }
#page_title h1 { font-size:60px; line-height:60px; margin:0; }
#page_title h6 { font-size:60px; line-height:60px; margin:0; }
h6#titleFades { position:relative; top:-17px; left:1px; }

/* Main nav */
#navwrap { position:relative; }
.h-nav { position:absolute; bottom:10px; color:#999; width:600px; background:no-repeat url(/pix/nav.gif) 0 0; height:16px; }
.h-nav a { color:#999; height:16px; text-indent:-2999px; display:inline-block; position:absolute; }
.h-nav a.home { width:41px; background:no-repeat url(/pix/nav.gif) 0px 0px; }
.h-nav a.about { width:65px; background:no-repeat url(/pix/nav.gif) -52px 0; left:52px; }
.h-nav a.work { width:67px; background:no-repeat url(/pix/nav.gif) -128px 0; left:128px; }
.h-nav a.news { width:39px; background:no-repeat url(/pix/nav.gif) -206px 0; left:206px; }
.h-nav a.contact { width:56px; background:no-repeat url(/pix/nav.gif) -256px 0; left:256px; }
.h-nav a.home#selected, .h-nav a.home:hover { background:no-repeat url(/pix/nav.gif) 0 -16px; }
.h-nav a.about#selected, .h-nav a.about:hover { background:no-repeat url(/pix/nav.gif) -52px -16px; }
.h-nav a.work#selected, .h-nav a.work:hover { background:no-repeat url(/pix/nav.gif) -128px -16px; }
.h-nav a.news#selected, .h-nav a.news:hover { background:no-repeat url(/pix/nav.gif) -206px -16px; }
.h-nav a.contact#selected, .h-nav a.contact:hover { background:no-repeat url(/pix/nav.gif) -256px -16px; }

/* Sub nav */
.s-nav { font-size:12px; color:#999; clear:left; position:absolute; bottom:10px; }
.s-nav a { color:#999; text-decoration:none; }
.s-nav a.selected, .s-nav a:hover { color:#000; }

/* General page styles */
p { padding-bottom:10px; }
strong { font-weight:600; }
em { font-style:italic; }
ul { list-style:none; padding-bottom:10px; }
li { margin-bottom:5px; padding-left:15px; background:no-repeat url(/pix/li_style.jpg) top left; }
li ul { padding:10px 0 5px 0; }
.center { text-align:center; }
h2 { font-size:15px; }
h3 { font-size:12px; font-weight:bold; }
h4 { font-size:14px; color:#000; font-weight:bold; text-transform:uppercase; padding-bottom:10px; }
span.green, .green { color:#33CC33; font-weight:bold; }
.small { font-size:11px; }
.big { font-size:16px; line-height:18px; color:#999; }
.nostyle li { padding-left:0; background:none; }
hr { border:0; background:#b2b2b2; height:1px; margin-bottom:10px; }
a.backtotop { position:absolute; right:3px; top:3px; }
a.sc_backtotop { position:absolute; right:3px; bottom:-26px; }

/* Footer */
#footer { clear:left; color:#999; font-size:10px; padding-top:34px; height:66px; background:no-repeat url(/pix/footer.gif) top left; }
#footer p { padding-bottom:10px; }
#footer a { color:#999; }
#footer a:hover { color:#99CC33; }
#share-buttons { height:30px; padding-top:15px; }
.addthis_toolbox a { float:left; padding-right:5px;}
.copy { float:left; display:inline; width:460px; }
.links { float:left; display:inline; width:455px; text-align:right; padding-right:5px; }

/* (mostly) home page specific */
.hellofades { position:relative; top:-17px; }
.h-news-post { padding-bottom:10px; }
.h-news-post p { padding:0; font-size:11px; }
input { padding:2px 4px 4px 2px; height:14px; width:201px; background:no-repeat url(/pix/form_bg.gif) top left; border:0; font-size:10px; }
input.send_btn { padding:0; height:auto; width:auto; background:#fff; font-size:14px; font-weight:bold; padding:2px 10px; }
.lp { width:98px; float:left; dipslay:inline; margin:0 0 10px; font-size:10px; line-height:10px; }
.lp img { padding-bottom:5px; }
.lp a:link, .lp a:hover, .lp a:active, .lp a:visited { text-decoration:none; color:#000; }

/* Showcase List (our work) */
.clients { padding-top:7px; width:477px; font-size:11px; }
.clients li { list-style:none; width:145px; float:left; display:inline; margin:0 10px 0 0; padding:0; background:none; }
.clients a { color:#999; text-decoration:none; }
.clients li.selected a { font-weight:bold; color:#000; }
.clients a:hover { color:#000;}

/* Identity */
a.ident_link { padding:3px 0 3px 25px; font-size:10px; background:no-repeat url(/pix/ident_leaf.jpg) center left; text-decoration:underline; }
a.web_link { padding:3px 0 3px 25px; padding-left:25px; font-size:10px; background:no-repeat url(/pix/web_leaf.jpg) center left; text-decoration:underline; }

/* likes and dislikes */
#tabwrap li { list-style:none; padding:0; display:inline; background:none; }
#tabwrap li a { text-decoration:none; }
.ui-tabs-hide { display: none; }
.ui-tabs-selected a { color:#99CC33; }
.ui-tabs-panel p { font-size:10px; }