@font-face{font-family:Museo 700;src:url();}
:unknown{BACKGROUND:#83acad}
UNKNOWN{BACKGROUND:#83acad}
IMG:unknown{BACKGROUND:none transparent scroll repeat 0% 0%}
UNKNOWN{BACKGROUND:none transparent scroll repeat 0% 0%}
HTML{BACKGROUND:url() 0px 0px}
abbr{CURSOR:help}
section{CLEAR:both}
.hide{DISPLAY:none}
#page{MARGIN:0px auto;WIDTH:960px}
header{PADDING-TOP:15px}
#social-bookmark{FLOAT:right;MARGIN:0px;WIDTH:193px;HEIGHT:36px}
#social-bookmark OL{LIST-STYLE:none none outside}
#social-bookmark OL LI{PADDING-LEFT:12px;FLOAT:right}
.cb{CLEAR:both}
.animate{FILTER:alpha(opacity=60);webkit-transition-duration:500ms;opacity:0.6;webkit-transition:opacity;webkit-transition-timing-function:ease-out}
.animate:hover{FILTER:alpha(opacity=100);webkit-transition-duration:500ms;opacity:1;webkit-transition:opacity;webkit-transition-timing-function:ease-out}
.animate2{FILTER:alpha(opacity=100);webkit-transition-duration:500ms;opacity:1;webkit-transition:opacity;webkit-transition-timing-function:ease-out}
.animate2:hover{FILTER:alpha(opacity=80);webkit-transition-duration:500ms;opacity:0.8;webkit-transition:opacity;webkit-transition-timing-function:ease-out}
.fb A{DISPLAY:block;BACKGROUND:url(../gifs/facebook.jpg) no-repeat 0px 0px;WIDTH:36px;TEXT-INDENT:-9999px;HEIGHT:36px}
.tw A{DISPLAY:block;BACKGROUND:url(../gifs/twitter.jpg) no-repeat -48px 0px;WIDTH:36px;TEXT-INDENT:-9999px;HEIGHT:36px}
.ff A{DISPLAY:block;BACKGROUND:url(../gifs/linkedin.jpg) no-repeat -95px 0px;WIDTH:36px;TEXT-INDENT:-9999px;HEIGHT:36px}
.ss A{DISPLAY:block;BACKGROUND:url(../gifs/blog.jpg) no-repeat -144px 0px;WIDTH:36px;TEXT-INDENT:-9999px;HEIGHT:36px}
header H1 A{DISPLAY:block;BACKGROUND:url() no-repeat 0px 0px;MARGIN:21px 0px 0px 12px;WIDTH:810px;TEXT-INDENT:-9999px;HEIGHT:209px}
.slogan{PADDING-RIGHT:0px;DISPLAY:block;PADDING-LEFT:47px;BACKGROUND:url() no-repeat 0px 0px;PADDING-BOTTOM:0px;MARGIN:50px 0px 0px 12px;WIDTH:925px;PADDING-TOP:8px;HEIGHT:152px}
.slogan H1{PADDING-RIGHT:5px;PADDING-LEFT:5px;PADDING-BOTTOM:2px;FONT:39px/65px "Museo 700",Helvetica,Arial,sans-serif;TEXT-TRANSFORM:none;PADDING-TOP:2px;TEXT-ALIGN:left;text-shadow:0 1px 0 #FFFFFF}
.portfolio{MARGIN-TOP:57px}
.works{FLOAT:left;WIDTH:277px;MARGIN-RIGHT:0px;HEIGHT:115px}
.works2{BACKGROUND:url() no-repeat 0px 0px;FLOAT:left;WIDTH:277px;HEIGHT:115px}
.picture{DISPLAY:block;FLOAT:left;MARGIN:0px 1px 1px;WIDTH:277px;POSITION:relative;HEIGHT:115px}
.badge{Z-INDEX:2;BACKGROUND:url() no-repeat 0px 0px;LEFT:-4px;WIDTH:277px;POSITION:absolute;TOP:-3px;HEIGHT:115px}
.badge:hover{Z-INDEX:2;BACKGROUND:url() no-repeat 0px 0px;FILTER:alpha(opacity=30);LEFT:-4px;WIDTH:277px;POSITION:absolute;TOP:-3px;HEIGHT:115px;opacity:0.3}
.work-rollover{DISPLAY:none;LEFT:0px;POSITION:absolute;TOP:0px}
.inside-img{}
.inside-text{FILTER:alpha(opacity=100);LEFT:5px;FLOAT:left;MARGIN:0px 0px 0px 0px;WIDTH:257px;COLOR:#ffffff;POSITION:absolute;TOP:5px;opacity:0.8;text-shadow:0 1px 0 #000000;font-family:arial;font-size:12px;line-height:18px;padding:15px 10px 0px 10px;}
.date{FLOAT:none;WIDTH:277px;TEXT-INDENT:24px;font-weight:bold;text-align:center;font-size:16px;padding:5px 0px 0px 0px;}
.info{PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:0px;WIDTH:470px;PADDING-TOP:0px;HEIGHT:50px}
.info H2{FONT-WEIGHT:normal;FONT-SIZE:18px;FLOAT:left;MARGIN:17px 0px 0px 20px;COLOR:#6f6f6f;text-shadow:0 1px 0 #FFFFFF}
.info A{PADDING-RIGHT:12px;DISPLAY:block;PADDING-LEFT:12px;FONT-SIZE:16px;BACKGROUND:url() no-repeat 10px 9px;FLOAT:right;PADDING-BOTTOM:4px;MARGIN:10px 8px 0px 0px;COLOR:#6d6e70;TEXT-INDENT:20px;PADDING-TOP:6px;FONT-STYLE:italic;TEXT-DECORATION:none;text-shadow:0 1px 0 #FFFFFF}
.info A:hover{BACKGROUND:url() #dcddde no-repeat 10px 9px;COLOR:#618889;PADDING-TOP:6px;BORDER-BOTTOM:#fff 1px solid;POSITION:relative;webkit-border-radius:6px;moz-border-radius:6px;border-radius:6px}
.jquery-plugin{MARGIN-TOP:30px;FLOAT:left;WIDTH:100%}
.hierarchy{PADDING-RIGHT:20px;PADDING-LEFT:20px;FLOAT:left;PADDING-BOTTOM:20px;MARGIN:60px 0px 0px;PADDING-TOP:20px;POSITION:relative}
.animal{FLOAT:left;MARGIN:0px;WIDTH:195px;POSITION:relative;HEIGHT:201px}
.animal .rollover{DISPLAY:none;LEFT:0px;POSITION:absolute;TOP:0px}
.hierarchy-text{PADDING-RIGHT:20px;PADDING-LEFT:20px;FLOAT:left;PADDING-BOTTOM:0px;MARGIN:0px;PADDING-TOP:20px;POSITION:relative;HEIGHT:100px}
.animal-text{WIDTH:195px;POSITION:absolute;TOP:0px;HEIGHT:30px}
.animal-text H2{FONT:38px/65px "Museo 700",Helvetica,Arial,sans-serif;COLOR:#616161;TEXT-ALIGN:center;text-shadow:0 1px 0 #fff}
.plus{PADDING-RIGHT:0px;PADDING-LEFT:9px;FLOAT:left;PADDING-BOTTOM:0px;WIDTH:38px;PADDING-TOP:80px;HEIGHT:38px}
.equal{PADDING-RIGHT:0px;PADDING-LEFT:11px;FLOAT:left;PADDING-BOTTOM:0px;WIDTH:35px;PADDING-TOP:90px;HEIGHT:35px}
footer{CLEAR:both;FLOAT:left;MARGIN:0px 0px 40px}
footer P{MARGIN-TOP:30px;FONT-SIZE:14px;FLOAT:left;MARGIN-BOTTOM:40px;MARGIN-LEFT:20px;COLOR:#535150;text-shadow:0 1px 0 #FFFFFF}
footer A{FONT-SIZE:14px;COLOR:#535150;TEXT-DECORATION:none}
footer SPAN{FLOAT:left;MARGIN:0px 0px 0px 551px}
footer SPAN A{DISPLAY:block;BACKGROUND:url() no-repeat 0px 0px;MARGIN:25px 0px 0px 25px;WIDTH:31px;TEXT-INDENT:-9999px;HEIGHT:31px}