@import "thickbox.css";

/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/* Modified from: http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */
body { font: 75%/1.5 Helvetica, Arial, Verdana, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: .75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
p { margin-bottom: 1.0em; }
ul, ol { margin: 0 0 1.5em 0; }
ul { list-style-type: none; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dt { font-weight: bold; }
dd { margin-bottom: 1.5em;}
abbr, acronym { border-bottom-width: 0; }
address { margin-top: 1.5em; font-style: normal; }
del { color: #666; }
blockquote { margin: 0 0 1.5em 0; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }
table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #433b34; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* Author styles  
----------------------------------------------------------------------------------------- */

html { background: #fff; }
body { border-top: 5px solid #ccc; font: 13px/1.5 'helvetica neue', helvetica, arial, sans-serif; color: #333; padding: 10px;}

hr.clear	{ clear: both; margin: 0; padding: 0; visibility: hidden; border: none; }

/* =hx */
h1 { width: 140px; height: 100px; float: left; display: inline; background: #f00; margin: 0; }
h2 { font-size: 36px; letter-spacing: -1px; line-height: 1; margin-bottom: .5em; padding-bottom: .25em; }
h3 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; font-weight: bold; }

/* =a */
h1 a { display: block; width: 140px; height:100px; background: transparent url(../images/global/logo-header.gif) no-repeat scroll left top; text-indent: -9999px; }
a, a:visited { color: #c00; }
a:hover, a:active, a:focus { color: #f00; text-decoration: none; }
a.admin-link	{ color: #f00; font-size: 12px; }


/* =Typography : this sets the right margin in the main body. Override as necessary below or use class="full" . */
p,
h2,h3,h4,h5,h6,
ul,dl,
code,pre,
blockquote { margin-right: 240px; }

.category-header { border-bottom: 1px solid #f00; clear: left; color: #999; font-size: 1em; letter-spacing: .2em; position: relative; text-transform: uppercase; font-weight: normal;}
.section-header { bclear: left; color: #999; letter-spacing: .2em;  margin-bottom: 0; position: relative; text-transform: uppercase; }
.section-title	{ border-bottom: 1px solid #ccc; margin-bottom: 0 0 1.5em; padding-bottom:0; }

.intro 	{ font-size: 1.3em; color: #666;}

p.caption,
p.aside,
.aside p,
.aside h2, .aside h3, .aside h4, .aside h5, .aside h6,
.aside ul, .aside dl,
.aside code, .aside pre,
.aside blockquote,
.display p,
.display h2, .display h3, .display h4, .display h5, .display h6,
.display ul, .display dl,
.display code, .display pre,
.display blockquote
	{ margin-right: 0; }

blockquote		{ color: #999; display: inline; float: left; font-size: 20px; line-height: 1.2; margin: 0 20px 1em 0; width: 220px; }
blockquote p	{ margin: 0 0 .5em 0; }
.cite			{ font-size: 13px; }

ul.bullets	{ list-style: disc outside; }


/* =nav main 
----------------------------------------------------------------------------------------- */
.main 				{ overflow: hidden; width: 700px; float: left; display: inline; margin: 40px 0 0 100px; border-bottom: 1px solid #f00;}
.main li			{ float: left; font-size: 16px; margin-right: 20px; text-align: center; width: 140px; }
.main a, 
.main a:visited 	{ display: block; color: #666; text-decoration: none; }
.main a:hover,
.main li.current a	{ color: #f00; }
.main li.current	{ border-bottom: 4px solid #f00; }


/* =nav utility 
----------------------------------------------------------------------------------------- */
.utility 			{ overflow: hidden; float: left; display: inline; margin: 0 0 0 20px; position: absolute; top: 0px; right: 0;}
.utility li 		{ float: left; margin-left: 20px; text-align: right;}
.utility a, 
.utility a:visited 	{ display: block; color: #666; text-decoration: none; }
.utility a:hover	{ color: #f00; }
.utility .current a	{ color: #f00; }


/* =nav section 
----------------------------------------------------------------------------------------- */
.nav-section { width: 140px; margin: 1.5em 20px 0 0; float:left; display: inline; border-top: 1px solid #f00; }
.nav-section a { color: #666; display: block; padding: 7px 0 20px; text-decoration: none; border-bottom: 1px solid #f00; }
.nav-section a:hover { color: #f00;}
.nav-section ul { margin-bottom: .75em; padding-bottom: .75em; border-bottom: 1px solid #dbd1b5; }
.nav-section .current a { color: #f00; }



/* =nav bottom 
----------------------------------------------------------------------------------------- */
.bottom 		{ border-top: 1px solid #f00; margin-top: 55px; width: 820px; }
.bottom li 		{ float: left; margin: 0 20px 1.5em 0; padding-top: 5px; }
.bottom a, 
.bottom a:visited 	{ display: block; color: #666; text-decoration: none; }
.bottom a:hover	{ color: #f00; }
.bottom .current	{border-top: 3px solid #f00; padding-top: 2px; }


/* =section
----------------------------------------------------------------------------------------- */
.section { overflow: hidden; width: 940px; margin: 0 auto; padding-bottom: 1em; position: relative; clear: both;}

/* =article
----------------------------------------------------------------------------------------- */
.article 	{ float: left; margin-left: 80px; width: 700px; }
.article li { margin-bottom: 1.5em; }

.awards		{ border-bottom: 1px solid #ccc; margin: 0 240px 1.5em 0; padding-bottom: 1em; }
.awards h3,
.awards p	{ margin: 0 0 .5em 0; }

.capabilities		{ border-left: 3px solid #f00;}
.capabilities li	{ margin-bottom: 0; padding: 10px; }
.capabilities h3	{ margin: 0; font-weight: bold;}
.capabilities p		{ margin: 0; }


/* =sitemap
----------------------------------------------------------------------------------------- */
body#error404 .article,
body#sitemap .article { margin-left: 240px; }
.site-map h3	{ margin: 1.5em 0 0 0;}
.site-map li	{ margin: 0; padding: 0; float: none;}
.site-map .nav-section { width: 100%; border: none; margin: 0; float: none;}
.site-map .nav-section a { border: none; margin: 0; padding: 0; text-decoration: underline; color: #c00; }
.site-map .nav-section ul { margin: 0; padding: 0; border: none; }


/* =footer 
----------------------------------------------------------------------------------------- */
#footer .section { background: transparent url(../images/global/ad-buttons/adrenaline.gif) 820px 0 no-repeat;}
.copyright		{font-size: .9em; color: #666; float: left; display: inline;}
#footer .vcard {clear: both; display: inline; }
#footer .vcard div { display: inline;}

/* =vcard
----------------------------------------------------------------------------------------- */
.locality, 
.region, 
.postal-code	{display: inline;}
.country-name	{display: none; }


/* =Portfolio
------------------------------------------------------------------------------------------------- */
ul.thumbnails 					{ list-style: none; margin: 0 220px 0 0; }
ul.thumbnails li				{ float: left; display: inline; margin: 0 20px 10px 0; }
ul.thumbnails li a img 			{ border: 2px solid #ccc; background-image: url{../images/global/loading.gif} center center no-repeat; }
ul.thumbnails li a:hover img	{ border: 2px solid #f00; }
ul.thumbnails .title			{ display: none; }

		
.rightnav		{ display: inline; float: right; width: 140px; margin: 0;  }
.rightnav ul,
.rightnav h3, 
.rightnav p		{ margin-right: 0;}
.rightnav li	{ margin-bottom: .5em; }

.toplink			{ color: #999; font-size: 1.2em; left: 480px; padding: 3px; position: absolute; text-decoration: none; top:0; }
a.toplink:visited	{ color: #999; }
a.toplink:hover		{ color: #f00; }
.portfolio-nav	{ margin: 0 0 1.5em; border-bottom: 1px solid #ccc; }

.more			{ clear: left; padding-bottom: 1.5em;}

.work h2 		{ margin-right: 0; }

.display,
.display-case { margin-bottom: 3em; border-bottom: 4px solid #f00; padding-bottom: 1.5em; }
.display h2						{ margin-bottom: .25em; padding-bottom: 0; }
.project-meta em				{ font-style: normal; color: #999; text-transform: uppercase; font-size:.9em; display: block; }
.project-info					{ position: relative; }
.portrait .project-images		{ width: 460px; float: left; display: inline; }
.portrait .project-info			{ margin-left: 20px; width: 220px; float: left; display: inline; }

.landscape .project-images		{ margin-bottom: 1.5em;}
.landscape .project-description	{ width: 460px; float: left; display: inline; }
.landscape .project-meta		{ margin-left: 20px; width: 140px; float: left; display: inline; }



/* =Case Histories
------------------------------------------------------------------------------------------------- */
ul.ch-thumbnails 				{ list-style: none; margin: 0; width: 700px;}
ul.ch-thumbnails li				{ float: left; display: inline; margin: 0 20px 10px 0; width: 220px; text-align: center; line-height: 1;}
ul.ch-thumbnails li.first		{ clear: left; }
ul.ch-thumbnails li.third		{ margin-right: 0;}
ul.ch-thumbnails li a			{ text-decoration: none; display: block; color: #666; }
ul.ch-thumbnails li a:hover		{ text-decoration: none; display: block; color: #f00; }
ul.ch-thumbnails li a img 		{ border: 2px solid #ccc; background-image: url{../images/global/loading.gif} center center no-repeat;}
ul.ch-thumbnails li a:hover img	{ border: 2px solid #f00; }

#slideshow1 {display: block; }

#client-info	{ display: inline; float:right; margin-left: 20px; width: 140px;}
#client-info p	{ margin-right: 0; }


/* =Forms 
------------------------------------------------------------------------------------------------- */
label 		{ display: block; }
select		{ margin: 0 0 1.5em 0; }
.text 		{ display: block; margin-bottom: 1em; width: 100%; }
.required 	{color: #f00; }

/* Fieldsets */
fieldset { padding: 0; margin: 0 0 1.5em 0; width: 440px;}
legend {  color: #999; letter-spacing: .2em; margin-bottom: 1.5em; text-transform: uppercase;   }

/* Textareas */
textarea { display: block; width: 440px; }
textarea { padding: .4em; }



/* =Search
------------------------------------------------------------------------------------------------- */
.searchbox				{ clear: both; }
.searchbox p			{ color: #999; letter-spacing: .2em; margin-right: 0; text-transform: uppercase; }
input#keywords			{ width: 220px; margin: 0 5px; }

body#search .article	{ margin-left: 240px; }
.stripe					{ padding: 10px; }
.stripe h3				{ margin: 0 0 .5em 0; font-weight: normal; } 
.stripe p				{ margin-right: 0; }


/* =Homepage
------------------------------------------------------------------------------------------------- */
.homepage-feature	{ margin-left: 240px; }
.homepage-intro 	{ margin: 0 0 20px 240px; }
.homepage-intro p	{ margin-right: 0;}
body#home .caption	{ text-align: left; }

.homepage-blurbs	{ margin: 20px 0 0 220px; clear: right; }
.blurb 			{ display: inline; float: left; margin: 0 0 20px 20px;  width: 220px; }
.blurb img		{ margin: 0; }
.blurb h3 		{ position: absolute; left: -9999px; }

.poll			{ margin-top: -50px; display: inline; float: left; width: 220px; }
.poll h3		{ border-bottom: 1px solid #ccc; margin-bottom: .5em; }
.poll dl		{ border-bottom: 1px solid #ccc; padding-bottom: .5em; }
.poll dt, 
.poll dd		{ margin-bottom: .5em; font-size: .9em; line-height: 1.25;}
.poll dd		{ background: #f2f2f2; padding: 5px 3px 0 5px;}
.poll dd:hover	{ background: #fee; }
.poll dd input	{ clear: left; float: left; margin: 0; }
.poll label		{ margin: 0 0 .5em 20px; }
.question		{ font-weight: bold; margin-bottom: .5em; }
.bar			{ background: #f00; display: inline; float: left;}
.percent		{ font-size: .8em; font-weight: bold; margin-left: 5px;}
.response		{ clear: left; font-size: .9em; line-height: 1.25; margin: .5em 0;}
.poll-responses li	{ background: #f2f2f2; padding: 5px 3px 0 5px; margin-bottom: .5em;} 

.bbb			{ display: inline; float: left; clear: left; margin: 20px 0 20px 0;  width: 62px;  }


/* Previous Poll Results
------------------------------------------------------------------------------------------------- */

body#polls .poll				{ margin-top: 20px;}
.previous-polls			 		{ margin: 0 0 20px 240px; }
.previous-polls h3				{ border-bottom: 1px solid #ccc; margin-bottom: .5em; }
.previous-polls .poll-responses {float: left; display: inline; width: 460px; border-bottom: 1px solid #ccc; padding-bottom: .5em; margin-bottom: 2.5em;}

/* Art Direction 
------------------------------------------------------------------------------------------------- */
.inset		{ margin-bottom: 1.5em; }
.clear		{ clear: both; }
.red		{ color: #f00; display: inline; }
.wide		{ margin-right: 0; }
.columns	{ width: 480px; margin-right: 220px; }
.columns li	{ display: inline; float: left; width: 220px; margin: 0 20px .5em 0;}


/* P L A C E M E N T */	
.right		{ float: right; display: inline; margin-left: 20px; }
.left		{ float: left; display: inline; margin-right: 20px; }
.right.indent	{ margin-right: 240px; }


/* S I Z E */	
.mini		{ width: 140px; }
.one		{ width: 220px; }
.two		{ width: 460px; }
.three		{ width: 700px; margin-left: 0; margin-right: 0; }

.caption	{ text-align: right; margin: 0; font-size: .8em; line-height: 1em; color: #999; }

/* A D D I T I O N S */
.frame {border: 1px solid #f00;}
.solo img {margin-bottom: 20px;}


.odd { background: #f2f2f2; }

.full { margin-right: 0}
.short { margin-right: 240px; }
h2.short { margin-right: 240px; }