@charset "UTF-8";
/* CSS Document */

/* basics */
html, body { margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size: 90%; color:#444; text-align: center; height: 100%; background-color:#000; }


a:link { color:#ff6600; text-decoration:none; }
a:visited { color:#cc6600; text-decoration:none;  }
a:hover { color:#69f; text-decoration:none;  }
a:active { color:#69f; text-decoration:none;  }
a.noborder {border:none; text-decoration:none;}

img a { border:none; }

strong { font-weight:700; letter-spacing:-0.2px; }
ul { text-indent:none; list-style-type:none; margin:0; padding:0; }
ol { text-indent:none; list-style-type: decimal; margin:0 0 0 10px; padding:0 0 0 10px; }
li { text-indent:none; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ddd; }
li a { display:block; }
dl {}
dt { margin:12px 0 0 0; font-weight:bold; }
dd { }
p { margin:15px 0; }
blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:105%; line-height:145%; color:#666; padding:10px 40px; margin:20px 20px 20px 0; background:#fff url(../img/quote.png) no-repeat; border:1px dashed #c0af9a; -moz-border-radius: 1em; -khtml-border-radius: 1em; -webkit-border-radius: 1em;  border-radius: 1em; }
 .quote_attribute { padding:5px 0 0 80px; margin:-21px 0 30px 0; background:url(../img/quote_attribute.gif) no-repeat; color:#333; }
 .quote_attribute img { float:right; margin:2px 20px 0 0; }

/* Here's all your H1-5's and link states */
h1 { color:#000000; font-size:270%; line-height:105%; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;  font-style:italic; margin:20px 0 0px 0; letter-spacing:-0.01em; clear:both; }
h2 { color:#351d06; font-size:180%; line-height:100%; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; }
h3 { color:#000000; font-size:18px; line-height:22px; font-weight:bold; letter-spacing:-1px; margin:15px 0 0 0; padding:5px 0 0 0; }
h4 { color:#000000; font-size:125%; font-weight: 600; line-height:100%; letter-spacing:.05em; text-transform:uppercase; display:inline; }
h5 { color:#000000; font-size:100%; font-weight: 600; text-transform:uppercase; display:block; margin:10px 0 0 0; padding:15px 0 0 0; border-top:1px solid #ccc; }
h6 {  font-family:Georgia, "Times New Roman", Times, serif; text-transform: uppercase; font-size:85%; letter-spacing:.2em; color:#666; display:block; }

.divider { margin:5px 0 10px 0; padding:5px 0 10px 0; border-bottom:1px dashed #ccc; overflow:auto; }

.recessive_heading {  font-family:Georgia, "Times New Roman", Times, serif; text-transform: uppercase; font-size:90%; letter-spacing:.1em; color:#988877; }
.recessive_type { font-size:90%; color:#999; }

a.newwindow { padding-right:13px; background:url(../img/bg_newwindow.gif) right center no-repeat; }
a.externallink { padding-right:13px; background:url(../img/bg_externallink.gif) right center no-repeat; }
a.continuelink:link, a.continuelink:visited { font-weight:700; padding:3px 13px 0 0; margin:0 -1px 0 0; text-transform:uppercase; font-size:90%; line-height:inherit; background:url(../img/bg_continuelink.gif) right no-repeat; border:none; display:inline-block; color:#f60; text-decoration:underline;  }
a.continuelink:hover, a.continuelink:active { color:#69f;  }
a.img_embed { border:none; padding:5px; display:inline-block; margin:2px 0 10px 0; background:#fff; }
a.img_embed:link, a.img_embed:visited { background:#fff; }
a.img_embed:hover, a.img_embed:active { background:#9cf;  }
.bigimage { padding:6px; background:#fff; border:1px solid rgba(0,0,0,0.1); width:720px; margin:8px 0; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;  border-radius: 5px; }
a.bigimage:link { padding:5px; background:url(../img/black-25.png); margin:10px 0; }
a.bigimage:visited { padding:5px; background:url(../img/black-25.png); margin:10px 0; }
a.bigimage:hover { padding:5px; background:url(../img/black-75.png); margin:10px 0; }
a.bigimage:active { padding:5px; background:url(../img/black-75.png); margin:10px 0; }


/* structural elements */
.fixwrap {  margin: 0 auto; width: 980px; max-width: 980px; text-align:left; position:relative; }
#content { background-color:#fff; margin:0; }
.top { height:80px; background-color:#000; color:#867755; font-size:80%; font-family:Georgia, "Times New Roman", Times, serif; }
.top img {top:0; float:left;}
.top ul { float:right; }
.top li { float:left; border:0; margin:0; padding:0; width:190px; height:80px; }
.top li a { display:block; text-transform:uppercase; color:#CCC; letter-spacing:2px; padding:12px 10px 5px 10px; line-height:60px; font-weight:100; border-left:1px solid #222; border-bottom:3px solid #000; }
.top li a:hover, .top li a.selected { color:#f60; background-color:#111; border-bottom:3px solid #f60; }
.top p { float:left; padding:3px 0; margin:0; }
.top .homehighlight { border-bottom:3px solid #f60; padding-right:60px; margin-top:-3px; }

.hero-wrap { background:#000; height:570px; }
.hero { background-repeat:no-repeat; background-position:10px 10px; height:550px; clear:both; width:980px; font-size:12px; line-height:20px; background-color:#fff; padding:10px; margin:0; }
.hero_copy { width: 220px; padding:90px 0 0 30px; }
.hero_copy a { display:inline; }

.featurelink { font-size:145%; color:#333; line-height:150%; font-family:Georgia, "Times New Roman", Times, serif; display:inline; }
a.featurelink { font-size:145%; line-height:130%; font-family:Georgia, "Times New Roman", Times, serif; display:inline; color:#f60; }
a.featurelink:hover { color:#69f; }
.hero_copy a.featurelink { color:#111; }
.hero_copy a.continuelink { background:none; padding:0; }

.hero_reverse { color:#fff; }
.hero_reverse a, .hero_reverse a.featurelink, .hero_reverse .featurelink, .hero_reverse h1 { color:#fff; }
.hero_reverse a:hover { color:#69f; }
.hero_reverse a.continuelink { color:#cc6633; }
.hero_reverse a.continuelink:hover { color:#9cf; }



.four_column { width:750px; float:left; padding:0 0 50px 0; }
.four_column h3 { clear:both; display:block; }
.one_column { width:210px; float:left; font-size:12px; line-height:18px; margin-top:-60px; }
.one_column .padding { padding:0 0 20px 20px; }
.one_column li { margin-right:0; }
.one_column h5 { padding:7px 5px 5px 10px; margin:10px 0 5px -10px; }
.one_column .category { margin-right:0; color:#000; text-transform:uppercase; letter-spacing:.1em; }
.four_column_home { width:768px; float:left; margin:0; padding:0 0 20px 0; }
.five_column { margin:0; padding:0; background:#2d1905; }
.one_column_home { width:192px; float:right; margin:0 0 10px 0; padding:5px 0; }



.bottom { background: #000; padding:20px 0; margin:0; font-size:85%; line-height:150%;  color:#888888; text-align:left; clear:both; }
.bottom a { color:#fff;  }
.bottom a:hover { color:#69f; }
.bottom_heading {padding-bottom:35px; margin-bottom:10px; border-bottom:1px solid #fff;}
.bottom .last { padding-right:0; }
.bottom ul { margin-top:5px; }
.bottom li { border-top:1px dotted #222; border-bottom:none; padding:5px 0; margin:0; } 
.bottom ul.showcase { margin:10px 0 20px 0; clear:both; }
.bottom ul.showcase .img_embed { clear:both; margin-right:10px; }
.bottom ul.showcase li { width:192px; float:left; border:none; }
.bottom ul.showcase li div { padding-right:10px; }
.bottom a.continuelink { color:#cc6633; }
.bottom a.featurelink { border-color:#333; }
.bottom a.continuelink:hover, .bottom a.featurelink:hover { color:#69f; }

.bottomcolumn { float:left; border-left:1px solid #222; margin:0; padding:0; width:191px; }
.bottomcolumn ul { margin:0 0 5px 10px; }
.bottomcolumn ul li { padding:3px 0; }
.bottomcolumn ul li:first-child { border:none; }

.footer { font-size:80%; line-height:140%; color:#666; clear:both; margin:0; padding:20px 0; border-top:1px solid #111; background-color:#000; min-height:100px; }


.work { overflow:auto; clear:both;}
.work ul { padding:10px 0 0 0; margin:0 0 20px 0; font-size:90%; line-height:120%;  color:#867755; text-align:left; }
.work li { float:left; width:170px; padding:0 15px 20px 0; border:none; }
.work li li { border-top:1px dotted #ccc; padding:5px 0; margin:0; }
.work a.img_embed:link, .work a.img_embed:visited { padding:6px; background:#fff; border:1px solid rgba(0,0,0,0.1); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;  border-radius: 5px;  }
.work a.img_embed:hover, .work a.img_embed:active {background:#333; border:1px solid #111;}
.work ul.gallery li { height:150px;}
.work .one_column li { border-bottom:1px dotted #d0c1aa; padding:0; margin:0;}
.work .one_column li a { padding:5px 0;} 
.work .one_column li a:hover { background-color:#fefefe; }
.work .one_column .category { background:none; padding:5px 0; }

.work .featurelink { font-family:Helvetica, Arial, sans-serif; letter-spacing:-0.5px; font-size:16px; font-weight:600; color:#333; }
.work .featurelink:hover { color:#900; }

.thecan img { margin:5px 5px 0 0; }




/*2.0 links*/
a.icons { padding:0 0 0 28px; height:22px; line-height:22px; border:none; background-position:0 0; background-repeat:no-repeat; display:block; }
a.icons:hover { background-position:0 -22px; }
a.wordpress { background-image: url(../img/ico-wordpress.png); }
a.blogger { background-image: url(../img/ico-blogger.png); }
a.twitter { background-image: url(../img/ico-twitter.png); }
a.flickr { background-image: url(../img/ico-flickr.png); }
a.delicious { background-image: url(../img/ico-delicious.png); }
a.linkedin { background-image: url(../img/ico-linkedin.png); }
a.facebook { background-image: url(../img/ico-facebook.png); }
a.email { background-image: url(../img/ico-email.png); }
a.skype { background-image: url(../img/ico-skype.png); }
a.phone { background-image: url(../img/ico-iphone.png); }

a.pdf  { padding:2px 0 2px 22px; height:16px; vertical-align:middle; border:none; background: url(../img/ico_pdf.png) left center no-repeat; }
.work .one_column li a.can  { padding-left:22px; height:16px; vertical-align:middle; border:none; background: url(../img/ico_can.png) left center no-repeat; }
.sad  { padding-right:15px; border:none; background: url(../img/ico_sad.png) right center no-repeat; }
a.backtotop  {  padding:3px 0 3px 22px; background: url(../img/ico_top.png) no-repeat left center; display:block; clear:both; }
a.backtotop:hover  { background-color:#e1dbd0; }
a.backtotop:active  { background-color:#e1dbd0; }


.breadcrumbs { color:#ccc; padding:5px 0; text-transform:uppercase; font-size:9px; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:1px; clear:both; }
.breadcrumbs li { float:left; border:none; }
.breadcrumbs a { padding-right:20px; margin-right:10px; background:url(../img/bg_continuelink.gif) right center no-repeat; color:#bbb; }



#about { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:125%; }
#about ul { list-style: none; padding: 0; margin: 20px 0 0 0; height:30px; }
#about li { float: left; border: 1px solid #ccc; border-bottom-width: 0; margin: 0 1px 0 0; padding:0; width:auto; height:30px; vertical-align: baseline; background:#ccc url(../img/bg_abouttab.gif) bottom repeat-x; -moz-border-radius-topright:5px;   -moz-border-radius-topleft:5px; -khtml-border-top-right-radius:  5px; -webkit-border-top-right-radius:  5px; -khtml-border-top-left-radius:  5px; -webkit-border-top-left-radius:  5px;  border-top-right-radius:5px;  border-top-left-radius:5px;  }
#about a { display: block; padding:6px 20px 4px 20px; color:#666; }
#about a:hover, a:active { color:#000; }
#about #selected { position: relative; background:#fff; color:#333; }
#about #selected a:hover, a:active { color:#000; }

.about_content {  color:#333; padding:10px 20px 20px 30px; margin:0; border: 1px solid #ccc; background:#fff; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px;  -khtml-border-top-right-radius:  10px; -webkit-border-top-right-radius:  10px; -khtml-border-bottom-right-radius:  10px; -webkit-border-bottom-right-radius:  10px; -khtml-border-bottom-left-radius:  10px; -webkit-border-top-bottom-radius:  10px; border-top-right-radius:10px; border-bottom-left-radius:10px;  border-bottom-right-radius:10px; min-height:650px; }
.portrait { padding:8px; border:1px solid #ddd; margin:0 0 0 -5px; background:#fff; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px;  border-radius: 8px; }
.callout { padding:10px 0px; background-color:#fcfcfc; color:#777; }
.callout ul { margin:5px 0; padding:0; }
.callout li { border-bottom:none; border-top:1px solid #eee; padding:5px 0; margin:0; font-weight:bold; }
.contact-callout { margin:0 0 0 -40px; padding:60px 0 20px 40px; background:url(../img/contact.png) no-repeat; }

.about_content .float-thirds { width:222px; float:left; margin-right:10px; display:inline-block; position:relative; }

.about_content .featurelink { font-size:21px; }



#twitter_update_list { }
#twitter_update_list a { }
#twitter_div a { }
#twitter_div ul { border-bottom:1px solid #ddd; margin:-10px 0 10px 0; } 
#twitter_div ul li {  font-size:15px; line-height:18px; letter-spacing:-0.5px; font-weight:700; color:#777; padding:10px 0 10px 20px; margin:0 0 0 -20px; border-bottom:none; border-top:1px solid #ddd; }
#twitter_div ul li a { color: #09C; display:inline; } 
#twitter_div ul li a:hover { color: #ccc; } 
#twitter_div p { padding:10px 0; } 



.feeds { }
.feeds a {display:inline;}
.feeds ul { clear:both; }
.feeds li { float:left; width:210px; max-width:210px; margin-right:20px; line-height:125%; border:none; }
.feeds li li { border-bottom:1px solid #ddd; }
.feeds h3 {margin:15px 0 -2px 0; }
.blogfeed a {font-size:150%; display:block; margin:15px 0 -15px 0; }
.flickrbox { padding:10px 0 20px 0; margin:0; border-bottom:1px solid #ddd; }
.sidebar_right { float:right; margin:20px 0 20px 20px; padding:0 0 0 20px; border-left:1px solid #ddd; background-color:#fff; width:200px; font-size:90%; line-height:140%; position:relative; }
.sidebar_right ul { border-top:2px solid #ddd; margin-top:5px; padding-top:5px; }
.sidebar_right li { border-color:#ddc2a9;  }
.sidebar_right li a { display:inline; }
.feeds  #twitter_div { border-bottom:1px solid #ddd; padding:0 0 20px 0; }
.feeds  #twitter_div ul { clear:both; margin:10px 0; border:none; }
.feeds  #twitter_div ul li {  font-size:12px; line-height:17px; width:215px; max-width:none; letter-spacing:-0.5px; padding:10px 15px 10px 0; margin:0; border:none; }


.clear { clear:both; }