html, body { height: 100%; }
body, a, h1, h2, h3, h4, h5, h6, ul, ul li, ol, ol li, p, form { margin: 0px; padding: 0px; }
h2 { font-family: Helvetica,Arial,sans-serif; font-weight: normal; font-size: 18px; color: #000000; margin-bottom: 0.125em; }
h3, h4 { font-size: 12px; }
#main h3, #TB_ajaxContent h3, #main #showcase h3, #mediabox .showcase h3 { font-size: 18px; color: #000000; font-weight: normal; }
#main h3, #mediabox h3 { font-size: 28px; margin-bottom: 0.25em; }
body { font-family: 'Arial MT', Arial; background: #4F4539; color: #8E7A53; }
body, a, p, ul, ol { font-size: 12px; }
ul, ol { margin-bottom: 1em; padding-left: 40px; }
ul ul, ol ol { padding-left: 1em; }
ul.spaced li, ol.spaced li { margin: 0 0 1em 0; }
ul.no-indent, ol.no-indent { list-style: none; padding-left: 0; }
p { margin-bottom: 1em; }
label { font-weight: bold; }
a { color: #504539; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
.uc { text-transform: uppercase; }
.rpad { margin-right: 1em; }
.nobm { margin-bottom: 0; }
.normal { font-weight: normal; font-size: inherit; }
.bup { margin: -1em 0 1em 0; }
.nav-links .next { float: right; }

/* Clear fix styling */
.clearfix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

/* WinIE7 only */
*:first-child+html .clearfix { height: 1%; }

/* WinIE6 and below */
/*¥*/
* html .clearfix { height: 1%; }
/**/

/* MacIE only */
/*¥*//*/
.clearfix { display: inline-table; }
/**/

#bar { height: 50px; background: url(../images/bar.jpg) top center; border-bottom: #231F20 solid 5px; }
#page { position: relative; width: 750px; margin: auto; }
#content { position: relative; width: 750px; padding-bottom: 28px; margin-bottom: -24px; background: #FDFCFA url(../images/shadow/bottom.jpg) bottom repeat-x; }
#footer { position: relative; padding: 0em 40px; margin: 0em; width: 670px; }
#footer p { margin-bottom: 1em; font-size: 9px; text-align: right; }
#minheight { position: relative; float: left; height: 400px; width: 0px; font-size: 0px; line-height: 0px; }
#shadow { position: relative; width: 750px; margin-left: -5px; padding-left: 5px; margin-right: -14px; padding-right: 14px; background: url(../images/shadow/center.jpg) left top repeat-y; }
#shadow .sb { position: relative; height: 24px; background: #FDFCFA url(../images/shadow/bottom.jpg) 0px -232px repeat-x; }
#shadow .sbl, #shadow .sbr { position: absolute; top: 0px; width: 24px; height: 24px; }
#shadow .sbl { background: url(../images/shadow/corners.jpg) top left no-repeat; left: -5px; }
#shadow .sbr { background: url(../images/shadow/corners.jpg) top right no-repeat; right: -14px; }

#header { position: relative; height: 160px; background: url(../images/headers/header4.jpg); border-bottom: #EDA11E solid 2px; }
.typework #header { background: url(../images/headers/header3.jpg); }
.typenews #header { background: url(../images/headers/header2.jpg); }
.typeblog #header { background: url(../images/headers/header5.jpg); }
.typemethod #header { background: url(../images/headers/header6.jpg); }
.typecontact-us #header { background: url(../images/headers/header7.jpg); }

#header h1 { position: absolute; top: 25px; left: 50px; }
#header h1 a { font-size: 18px; }
#header h2 { position: absolute; bottom: 0px; left: 40px; font-size: 48px; }
#header h3, #header p { font-size: 11px; }
#header h3 { color: #504539; text-transform: uppercase; }
#header .navigation, #mediabox .showcase .navigation { position: absolute; left: 50px; bottom: 20px; height: 12px; width: 30px; overflow: hidden; }
#header .navigation *, #mediabox .showcase .navigation * { position: absolute; top: 0; left: 0; width: 12px; height: 12px; background: url(../images/arrows.gif) no-repeat; cursor: pointer; }
#header .navigation .next, #mediabox .showcase .navigation .next { background-position: top right; left: auto; right: 0; }

#slides{height:245px}
#slides .slide{height:245px;position:relative}
#slides .slide .left{bottom:0;left:0;padding:0 25px 32px 50px;position:absolute;width:275px}
#slides .slide .right{float:left;height:245px;margin-left:350px;position:relative}
#slides .slide .right div{height:245px;margin:auto;position:relative;width:400px}
#slides .slide .right .work1{background:url(../images/headers/work1.png) 50% 50% no-repeat}
#slides .slide .right .work2{background:url(../images/headers/work2.jpg) 50% 50% no-repeat}
#slides .slide .right .work3{background:url(../images/headers/work3.png) 50% 50% no-repeat}
#slides .slide .right .work4{background:url(../images/headers/work4.png) 50% 50% no-repeat}
#slides .slide .right .work5{background:url(../images/headers/work5.jpg) 50% 50% no-repeat}

#main { padding: 20px 0px; }
#main a { text-decoration: underline; }
#main a:hover { text-decoration: none; }
#main p { font-size: 12px; }
#main .contact-arrow { width: 325px; margin-top: 4em; }
#main .contact-arrow p { font-size: 10px; width: 275px; float: right; color: #504539; }
#main .contact-arrow p a { font-size: 10px; float: none; }
#main .contact-arrow a { float: left; }
#main .section { margin-bottom: 2em; }
#main .full { padding: 0px 40px; width: 670px; float: left; }
#main .left { padding-left: 40px; padding-right: 20px; width: 475px; float: left; }
#main .right { float: left; width: 175px; padding: 0px 20px; }
#main { background: url(../images/icons/dot.gif) 535px 0px repeat-y; padding: 0px; margin-top: 20px; }
#main.noDivide { background: none; }
#main .right p, #main .right a, #main .right ul { font-size: 11px; }
#main .right a { color: #EDA11E; }
#main .right .section { margin-bottom: 1em; padding-bottom: 1px; background: url(../images/icons/dot.gif) bottom repeat-x; }
#main .right .sectionLast { margin-bottom: 1em; padding-bottom: 1px; }
#main ul.sms-menu { list-style: none; padding: 0; }
#main ul.sms-menu li { margin: 0 0 0.75em 0; }
#main ul.sms-menu a { text-decoration: none; }
#main ul.sms-menu p, #main ul.sms-menu a { font-size: 18px; }
#main .llama-link { position: absolute;  bottom: 33px; right: 44px; }

#menu { padding: 20px 40px; text-align: right; }
#menu a { padding: 0.5em 0.75em; font-size: 11px; line-height: 2em; }
#menu a.current { background: #EDA11E; color: #FFFFFF; }

#top { padding: 20px 40px 20px 40px; }
#top h1 { float: left; }
#top h1 a { font-size: 18px; }
#top #menu { float: right; padding: 18px 0px 0px 40px; }

#main .full table.showcase { width: 680px; margin: -5px; }
#main .full table.showcase td { background: #8E7A53; width: 220px; height: 115px; padding: 0px; vertical-align: middle; text-align: center; color: #FFFFFF; font-family: "Myriad Pro Cond","Helvetica Condensed",Helvetica; font-size: 28px; }

#page.level0 #header { background: url(../images/headers/header1.jpg); height: 245px; overflow: hidden; }
#page.level0 h2 { font-size: 28px; }
#page.level0 #menu { padding-top: 10px; }

/* Modal Overlay and Work Showcasing */
#mediabox #mediabox-contents .showcase { padding: 10px; }
#mediabox .showcase .navigation { z-index: 5002; bottom: 0; left: 160px; }
#mediabox .showcase .images { z-index: 5000; position: relative; width: 600px; height: 360px; overflow: hidden; }
#mediabox .showcase .images img { display: none; position: absolute; bottom: 0; left: 0; }
#mediabox .showcase .images img.current { display: block; }
#mediabox .showcase .text { z-index: 5001; position: absolute; top: 10px; right: 10px; width: 250px; bottom: 10px; overflow: hidden; }
#mediabox .showcase .text p { padding: 5px 0; }
#mediabox .showcase .wider { width: 350px; }

#mediabox .showcase .slides-h250 { height: 250px; }
#mediabox .showcase .slides-h250 .slide { position: absolute; }
#mediabox .showcase .slides-h250 .images { height: 250px; }
#mediabox .showcase .slides-h250 .images img { top: 0; bottom: auto; }

#loginBox { border-collapse: separate; border-spacing: 2px; margin: auto; }
#loginBox td { padding: 2px 5px; }
#loginBox h2 { margin-bottom: 6px; }
#loginBox input.button { margin-left: 4px; margin-right: 0; }

.admin-box { color: #000; font-family: Arial,Helvetica,sans-serif; }
.admin-box table { border-collapse: separate; border-spacing: 2px; margin: auto; }
.admin-box td { padding: 2px 5px; white-space: nowrap; }
.admin-box h2 { margin-bottom: 0.45em; }
.admin-box input.button { margin-left: 4px; margin-right: 0; }
.admin-box .checkbox label { font-weight: normal; }
.admin-box .checkbox input { margin: 0; margin-right: 0.25em; }
.admin-box .status { width: 210px; white-space: normal; font-weight: bold; }
.admin-box .status p { margin: 0; padding: 7px 0 3px 0; }
.admin-box .status .errors { color: #9E2629; }
.admin-box .status .success { color: #669999; }
.admin-box .status .loading { text-align: center; }

img.rss-icon { float: left; margin-top: 2px; margin-right: 5px; margin-bottom: 3px; }

.icon-stumbleupon { background: url(../images/icons/stumbleupon.png) no-repeat 0 center; padding-left: 20px; }
.icon-facebook { background: url(../images/icons/facebook.png) no-repeat 0 center; padding-left: 20px; }
.icon-google { background: url(../images/icons/google.png) no-repeat 0 center; padding-left: 20px; }
.icon-yahoo { background: url(../images/icons/yahoo.png) no-repeat 0 center; padding-left: 20px; }
.icon-digg { background: url(../images/icons/digg.png) no-repeat 0 center; padding-left: 20px; }

#map { border: solid 1px #8E7A53; width: 173px; height: 173px; margin-bottom: 1em; overflow: hidden; }

.hang-right { text-align: right; padding-right: 25px; }
#main .left textarea { width: 450px; }

input.button { background: #EDA11E; color: #FFFFFF; text-decoration: none; padding: 0 6px; margin-right: 0.5em; }
input.textbox, textarea.textbox { padding: 2px; border: solid 1px #8E7A53; font-family: 'Arial MT', Arial; color: #8E7A53; font-size: 12px; }

div.bio { margin-bottom: 1em; }
div.bio .person { float: left; margin-right: 10px; width: 88px; height: 88px; }
div.bio .text { float: left; width: 375px; }
div.bio .text h4 { margin-bottom: 1em; }
div.bio .text h4 small { font-weight: normal; font-size: inherit; }
img.person { border: solid 1px #504539; }

/* Upload Progress Bar */
#progressContainer { padding: 20px; background-color: #FFFFFF; font-size: 12px; line-height: 1em; color: #333333; }
#progress { border-collapse: separate; border-spacing: 2px; }
#progress td, #progress th { text-align: left; font-weight: normal; color: #70736A; vertical-align: top; }
#progress th { white-space: nowrap; text-align: right; padding-right: 10px; }
#progress td { width: 100%; }
#progress .title { font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: left; color: #000000; }
#progress .bar { padding: 10px 0px; }

.errorSummary { color: #9E2629; font-weight: bold; }
.errorSummary li { font-weight: normal; }

/* IE 6- Hacks */
* html #header .navigation { bottom: 19px; }
* html #TB_window .navigation { bottom: 9px; }
* html #slides .slide .right .work1 { width: 358px; top: 13px; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="resources/images/headers/work1.png"); }
* html #slides .slide .right .work2 { width: 360px; top: 21px; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="resources/images/headers/work2.jpg"); }
* html #slides .slide .right .work3 { width: 360px; top: 18px; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="resources/images/headers/work3.png"); }
* html #slides .slide .right .work4 { width: 335px; top: 6px; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="resources/images/headers/work4.png"); }
* html .icon-greenfield { display: inline-block; cursor: pointer; background: url(../images/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="/resources/images/icons/greenfield.png"); }
* html .icon-greenfield img { visibility: hidden; }
* html .sf { zoom: 1; background: url(../images/blank.gif); }
* html a.sf { cursor: pointer; }

/* Mediabox Styling */
.mediabox-active, .mediabox-active #mediabox, .mediabox-active #mediabox-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; }
.mediabox-active #mediabox-wrapper { overflow: hidden; }
.mediabox-active #mediabox-body { background: url(../images/overlay.png); width: 100%; height: 100%; }
.mediabox-active #mediabox { overflow: auto; display: block; }
#mediabox { display: none; }
#mediabox-body { display: table; }
#mediabox-contents { position: relative; display: table-cell; vertical-align: middle; }
#mediabox-contents .content-styled { display: table; margin: auto; }
#mediabox-contents img.loading { margin: auto; display: block; text-align: center; }
#mediabox .inner { position: relative; margin: 15px; }
#mediabox .top, #mediabox .bottom { position: absolute; top: -15px; left: -15px; margin: 0 15px; width: 100%; height: 10px; font-size: 0; line-height: 0; background: #FFF; }
#mediabox .top { border-top: solid 5px #000; }
#mediabox .bottom { top: auto; bottom: -15px; background: #FFF; border-bottom: solid 5px #000; }
#mediabox .middle { position: relative; background: #FFF; border: solid 5px #000; border-width: 0 5px 0 5px; margin: 0 -15px; padding: 0 10px; }
#mediabox .content { position: relative; }
#mediabox .left, #mediabox .right { position: relative; float: left; width: 15px; height: 15px; background: url(../images/15px-rounded.png) no-repeat; }
#mediabox .top * { margin-top: -5px; background-position: 0 -15px; }
#mediabox .top .left { background-position: -15px -15px; }
#mediabox .left { margin-left: -15px; background-position: -15px 0; }
#mediabox .right { float: right; margin-right: -15px; }
* html .mediabox-active #mediabox-body { behavior:expression((runtimeStyle.behavior='none')&&(this.i?true:(this.i=currentStyle.backgroundImage.replace(/^url\\("/,'').replace(/"\\)$/,''),runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='"+i+"')",runtimeStyle.background='url('+i.slice(0,-11)+'blank.gif)'))); }
* html #mediabox-contents { text-align: center; zoom: 1; top: expression(parentNode.offsetHeight<offsetHeight?0:(parentNode.offsetHeight-offsetHeight)/2); }
* html #mediabox-contents .content-styled { zoom: 1; display: inline; }
* html #mediabox .inner { display: inline; zoom: 1; margin: 0; padding: 15px; width: 1%; }
* html #mediabox .top { top: 0; left: 0; }
* html #mediabox .bottom { bottom: expression(-parentNode.offsetHeight%2); left: 0; }
* html #mediabox .bottom * { margin-bottom: -5px; }
* html #mediabox .left, * html #mediabox .right { behavior: expression((runtimeStyle.behavior='none')&&(this.i?true:(this.i=createElement('div'),t=parseInt(currentStyle.backgroundPositionX),i.runtimeStyle.marginLeft=t,i.runtimeStyle.paddingLeft=-t,t=parseInt(currentStyle.backgroundPositionY),i.runtimeStyle.marginTop=t,i.runtimeStyle.paddingTop=-t,i.runtimeStyle.filter='progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src="'+currentStyle.backgroundImage.toString().replace('url("','').replace('")','')+'")',appendChild(i),runtimeStyle.backgroundImage='none'))); }
* html #mediabox .left *, * html #mediabox .right * { height: 15px; width: 15px; overflow: hidden; }
* html #mediabox .top, * html #mediabox .bottom { width: expression(parentNode.offsetWidth-30); }
* html #mediabox .middle, * html #mediabox .content { display: inline; zoom: 1; }
* html #mediabox .content { display: block; text-align: left; }
* html #mediabox .middle { display: block; }
*:first-child+html #mediabox-contents { zoom: 1; display: inline; top: expression(parentNode.offsetHeight<offsetHeight?0:(parentNode.offsetHeight-offsetHeight)/2); }
*:first-child+html #mediabox-contents .content-styled { zoom: 1; width: 1%; }
*:first-child+html #mediabox .inner { height: 1%; }
*:first-child+html #mediabox .middle { zoom: 1; }