@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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; }
ol,ul { 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; }
div.clearer { clear:both; }
:focus { outline: 0; }
input[type="hidden"] {
    margin: 0 !important;
    padding: 0 !important;
    background-image:none !important;
    width:0px !important;
    height:0px !important;
}

body    { background-image:url(/img/pattern.gif); background-color:#1d1d1f; color:#dce1e4; font-family:georgia; font-size:17px; background-attachment:fixed; }
h1      { width:128px; height:37px; background-image:url(/img/kettle.gif); background-repeat:no-repeat; text-indent:-99999em; margin-bottom:8px; }
h2      { font-family:'courier new'; color:#FBF900; font-size:16px; margin-bottom:2px; text-transform:uppercase; }
h3      { font-family:'courier new'; color:#FBF900; font-size:30px; margin-bottom:2px; text-transform:uppercase; }
p       { font-style:italic; line-height:32px; letter-spacing:-.005em; width:460px; margin-bottom:44px; }
p a     { background-color:#FBF900; color:#1d1d1f; text-decoration:none; padding:0 2px; text-transform:uppercase; }
p a:hover     { background-color:#ffffff; color:#1d1d1f; }

div.greeting p    { width:660px; margin-bottom:22px; }

div#top_gradient    { position:fixed; top:0px; left:0px; background-image:url(/img/gradient_top.png); background-repeat:repeat-x; z-index:2; height:103px; width:100% }
div#container       { margin-top:140px; margin-left:100px; padding-bottom:200px; }

div#footer      { height:66px; width:100%; background-color:#FBF900; position:fixed; bottom:0px; left:0px; z-index:2; }
div#bottom_gradient      { height:99px; width:100%; position:fixed; bottom:66px; left:0px; z-index:2; background-image:url(/img/gradient_bottom.png); background-repeat:repeat-x;  }
div#footer div  { position:absolute; top:14px; left:100px; width:197px; height:38px; background-image:url(/img/kettle_footer.gif); text-indent:-99999em; }
div#footer a  { display:block; position:absolute; text-indent:-99999em; top:14px; }
div#footer a#footer_email  { width:192px; height:41px; background-image:url(/img/email_footer.gif); left:407px; }
div#footer a#footer_twitter { width:161px; height:41px; background-image:url(/img/twitter_footer.gif); left:619px; }
div#footer a#footer_facebook  { width:186px; height:41px; background-image:url(/img/facebook_footer.gif); left:807px; }

div#loginwrapper    { position:fixed; top:-60px; left:0px; z-index:3; width:100%;  }
div.inside          { top:0px !important; }

a#about             { display:block; position:relative; float:left; margin-left:701px; height:35px; width:116px; text-indent:-99999em; }
a#projects          { display:block; position:relative; float:left; margin-left:0px; height:35px; width:145px; text-indent:-99999em; }

a.about_sel_out         { background-image:url(/img/out.png); background-position:0px 35px; cursor:default; cursor:pointer; }
a.about_sel_in          { background-image:url(/img/in.png); background-position:0px 35px; cursor:default; cursor:pointer; }
a.about_unsel_out       { background-image:url(/img/out.png); }
a.about_unsel_in        { background-image:url(/img/in.png); }
a.project_sel_out       { background-image:url(/img/out.png); background-position:-116px 0px; }
a.project_sel_in        { background-image:url(/img/in.png); background-position:-116px 0px; cursor:default; }
a.project_unsel_out     { background-image:url(/img/out.png); background-position:-116px 35px; }
a.project_unsel_in      { background-image:url(/img/in.png); background-position:-116px 35px; }
a#logout                { display:block; position:relative; float:left; margin-left:-10px; margin-top:10px; width:30px; height:9px; text-indent:-99999em; background-image:url(/img/logout.png); cursor:pointer; z-index:3 }

div#login_form      { background-color:#FBF900; height:60px; width:100%; top:0px; left:0px; }

a#lost_login            { position:absolute; left:98px; top:23px; display:block; background-image:url(/img/lost_login.gif); width:216px; height:31px; text-indent:-99999em; background-position:0 -62px; }
a#lost_login:hover      { background-position:0 -31px; }
a.error_login           { background-position:0 0 !important; }
a.error_login:hover     { background-position:0 -31px !important; }

input.project_login_text    { position:absolute; top:23px; color:#b2b2b2; width:188px; border:2px solid #FBF900; height:23px; background-color:#fff; font-family:'courier new'; font-size:22px; padding:2px 4px; line-height:23px; letter-spacing:-.025em; /*text-transform:uppercase;*/ }
input#kettle_username       { left:511px; }
input#kettle_password       { left:718px; }
div#try_again               { position:absolute; width:129px; height:27px; background-image:url(/img/try_again.png); top:25px; left:382px; }

input#kettle_submit         { position:absolute; top:23px; left:924px; width:51px; height:31px; background-image:url(/img/ok_login.gif); border:none; background-color:transparent; background-position:0 -31px; cursor:pointer; background-repeat:no-repeat; }
input#kettle_submit:hover   { background-position:0 0px; }



div.description { width:205px; position:relative; float:left; }
div.projects p  { font-style:normal; font-size:12px; color:#dce1e4; line-height:18px; letter-spacing:.015em; margin-bottom:1em; width:205px; }
div.projects h4 { color:#FBF900; font-size:18px; margin-bottom:.5em; font-family:'courier new'; /*font-weight:bold;*/ margin-top:8px; }
div.elements    { width:670px; margin-right:70px; position:relative; float:left; min-height:507px; height:auto !important; height:507px; }
div.video       { min-height:370px; height:auto !important; height:370px; }
div.clip        { margin-left:9px; }

div.projects a.element_link  { white-space:nowrap; text-transform:uppercase; margin-bottom:1em; line-height:14px; background-image:url(/img/element_unselected.gif); background-position:top left; background-repeat:no-repeat; padding-left:20px; font-size:11px; color:#1b1b1d; background-color:#FBF900; text-decoration:none; }
/*div.projects a.element_link:hover  { background-color:#ffffff; }*/
div.projects a.sel           { background-image:url(/img/element_selected.gif); color:#b2b6b8; background-color:transparent;  cursor:default; }
/*div.projects a.sel:hover     { background-color:#b2b6b8; }*/
div.element_spacer          { height:8px; }

div.project_clearer { clear:both; height:90px; }
div.projects    { padding-top:26px; margin-left:-24px; width:945px; }

div.description div.award   { background-image:url(/img/award_badge.gif); background-position:top left; background-repeat:no-repeat; padding-left:21px; }
div.description div.first   { margin-top:16px; }