@charset "utf-8";
/* ::::: http://blakeallendesign.com/css/design.css ::::: */

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label, input, textarea, option, .nobox { background-color: #000 ; font-size: 100%; margin: 0pt; outline: 0pt none; padding: 0pt; vertical-align: baseline; }
br { height: 0pt; }
a img { border: 0pt none; }
img { display: block; }
body { font: 14px "Helvetica",Sans-Serif; }
h1, h2, h3, h4, h5, h6, b, strong { font-weight: normal; }
a { text-decoration: none; }
h1 { color: rgb(241, 241, 231); }
h2 { color: rgb(104, 106, 108); font-size: 11px; padding: 6px 0pt 10px; }
h3 { color: rgb(241, 241, 231); font-size: 12px; }
p { color: rgb(241, 241, 231); font-size: 12px; line-height: 20px; }
a:link, a:visited { color: rgb(104, 106, 108); }
a:hover, a:active, a.act { color: #fff; text-decoration: none; background-color: #000; outline: medium none; }
ul, dl { color: rgb(104, 106, 108); font-size: 13px; list-style: none outside none; }
ul:active { color: rgb(17, 17, 17); text-decoration: none; background-color: rgb(241, 241, 231); outline: medium none; }
#container { width: 890px; margin-left: auto; margin-right: auto; margin-top: 10px; }
#header { width: 890px; border-bottom: 1px dotted rgb(241, 241, 231); padding: 0pt 0pt 1px; position: relative; }
#logo { float: left; width: 169px; margin-bottom: 10px; }
#logo h1 { margin-top: 8px; background: url('logoterm.jpg') no-repeat scroll 0pt 0pt transparent; text-indent: -13000em; height: 169px; }
#logo span { padding: 4px 0pt 2px; background: none repeat scroll 0% 0% transparent; color: rgb(104, 106, 108); font-size: 11px; }
#quote { float: right; width: 432px; }
#quote span { display: block; width: 415px; color: rgb(241, 241, 231); font-size: 21px; line-height: 28px; font-style: italic; letter-spacing: 0.5px; }
#quote h2 { float: right; }
#portfolio { width: 890px; margin-top: 35px; }
#portfolio span { background: none repeat scroll 0% 0% transparent; color: rgb(104, 106, 108); font-size: 11px; padding: 6px 0pt 10px; }
#portfolio li { line-height: 19px; }

#term { float: right; width: 425px;margin-top: 40px; }
#term h2 { font-size:56px; color: #fff; letter-spacing: -4px; line-height:50px; border-bottom: 1px dotted rgb(241, 241, 231);}

#websites { float: left; width: 425px; }
#websites h2 { font-size:56px; color: #fff; letter-spacing: -4px; line-height:50px; border-bottom: 1px dotted rgb(241, 241, 231);}
#section-head { width: 425px; height: 70px; padding: 0pt 0pt 1px; margin-bottom: 15px; border-bottom: 1px dotted rgb(241, 241, 231); }
#identity { float: left; position: relative; width: 425px; padding: 0pt 0pt 0pt 38px; }
#identity h2 {  font-size:56px; color: #fff; letter-spacing: -4px; line-height:50px;border-bottom: 1px dotted rgb(241, 241, 231); }
#identity span { position: absolute; top: 43px; font-size: 11px; right: 225px; width: 200px; }
.client-column { float: left; width: 425px; }
#hero { width: 890px;   margin-top: 50px; }
#content { width: 890px; margin-top: 10px; border-top: 4px solid rgb(241, 241, 231); }
#content h2 { background: none repeat scroll 0% 0% transparent; margin-top: 10px; }
#content li { margin-bottom: 16px; }
#about { float: left; width: 425px; }
#about h2 { font-size:56px; color: #fff; letter-spacing: -4px; line-height:50px; height: 40px; margin-top: 40px; }
#about span { background: none repeat scroll 0% 0% transparent; color: rgb(104, 106, 108); font-size: 11px; padding: 6px 0pt 10px; }
#about p { line-height: 22px; width: 410px; padding: 2px 0pt 0pt; }
#about a { color: rgb(130, 130, 130); }
#about a:hover { color: #fff; text-decoration: none; background-color: #000; outline: medium none; }
#awards a:hover { color: #fff; text-decoration: none; background-color: #000; outline: medium none; }
#awards { float: left; width: 425px; padding: 0pt 0pt 0pt 38px; }
#awards h2 { font-size:56px; color: #fff; letter-spacing: -4px; line-height:50px; height: 40px;  margin-top: 40px; }
#awards span { background: none repeat scroll 0% 0% transparent; color: rgb(104, 106, 108); font-size: 11px; padding: 6px 0pt 10px; }
.awards-column { float: left; width: 212px; padding: 6px 0pt 0pt; }
#footer { width: 890px; margin: 60px 0pt 0pt; padding: 10px 0pt 80px; border-top: 1px dotted rgb(241, 241, 231); }
#icon { float: left; width: 160px; }
#contact { float: left; width: 170px; padding: 8px 40px 0pt 0pt; }
#contact p { line-height: 16px; margin: 0pt; }
#social { float: left; width: 270px; }
#twitter, #flickr, #vimeo { float: left; padding: 10px 25px 0pt 0pt; }
#copyright { float: left; width: 250px; text-align: right; padding: 6px 0pt 0pt; }
#copyright p { font-size: 10px; line-height: 16px; margin: 0pt; }
#copyright p span { color: rgb(104, 106, 108); }
.float-clear:after { content: "."; clear: both; display: block; height: 0pt; font-size: 0pt; visibility: hidden; }



/**/
#acc { width: 890px; list-style: none outside none; color: #fff; margin: 0pt auto 0px; }
#acc h3 { width: 880px; border-top: 4px solid #fff; padding: 40px 0px 8px; font-weight: bold; margin-top: 5px; cursor: pointer; background:  repeat scroll 0% 0% transparent; font-size:56px; color: #fff; letter-spacing: -4px; line-height:50px; }
#acc h3:hover { background: repeat scroll 0% 0% transparent;  }
#acc .acc-section { overflow: hidden; background: none repeat scroll 0% 0% ;color: #fff; background:#000; }
#acc .acc-content { width: 880px;   background: none repeat scroll 0% 0% #000;  border-top:1px dotted #F1F1E7; margin-bottom: 10px;}
#nested { width: 880px; list-style: none outside none; color: #fff; margin-bottom: 15px; }
#nested h3 { width: 880px;  padding: 6px 6px 8px; font-weight: bold; margin-top: 5px; cursor: pointer; background:  repeat scroll 0% 0% transparent; font-size:36px; color: #fff; letter-spacing: -3px; line-height:50px; }
#nested h3:hover { background: url('header_over.gif') repeat scroll 0% 0% transparent; }
#nested .acc-section { overflow: hidden; background: none repeat scroll 0% 0% #000; }
#nested .acc-content { width: 880px; padding: 15px;  background: none repeat scroll 0% 0% #000; border-top:1px dotted #F1F1E7; margin-bottom: 10px;  }