/*{{{REFERENCE
light grey : #808284
link hover color: #D95935

}}}*/
/*{{{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,
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-weight: inherit;
	font-style: inherit;
	font-size: 10px;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
    letter-spacing: 0.2px; 
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*}}}*/
/*{{{layout*/
body { letter-spacing: 0.3px; }
#container { padding-left: 15px; width: 975px; height: 576px; overflow: none; background-color: #FFF; }
#sidebar, #navtest { display: inline; float: left; width: 235px; height: 576px; }
#main { position: relative; display: inline; float: right; width: 729px; height: 576px; }
#content_3_3 .column_1 { display: inline; float: left; width: 351px; }
#content_3_3 .column_2 { display: inline; float: right; margin-right: 10px; width: 339px; }
#content_2_4 { height: 365px; }
#content_2_4 .column_1 { display: inline; float: left; width: 241px; }
#content_2_4 .column_2 { display: inline; float: right; margin-left: 15px; margin-right: 15px; width: 455px; height: 335px; overflow: hidden; }
#footer { position: absolute; width: 729px; height: 55px; bottom: 0; z-index: 1000; background-color: #FFF; }
#page { position: absolute; top: 110px; padding: 46px 0px 0px; height: 365px; width: 729px; z-index: 1000; background-color: #FFF; }
#page-bg { position: absolute; top: 0; z-index: 100; }
.paginate { position: absolute; right: 50px; bottom: 4px; }
.paginate a { cursor: pointer; }
#footer .paginate { bottom: 25px; }
#navtest { position: absolute; left: -2000px; background-color: #DDD; }

/*}}}*/
/*{{{elements*/
body { font-size: 10px; font-family: Verdana,Arial,sans-serif; color: #808284; }
p { margin: 14px 0px 0px; }
a { color: #808284; text-decoration: none; }
a:hover { text-decoration: underline; color: #D95935; }
.cleared:after { display: block; content: '.'; clear: both; display: inline; float: left; visibility: hidden; height: 0; padding: 0; margin: 0; }
#main { font-size: 1.0em; line-height: 1.6em; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #808284; letter-spacing: 0.6px; }
h1 { margin-bottom: 1.6em; text-transform: uppercase; }
strong { font-weight: bold; }
.paginate .current { color: #D95935; }
.paginate a:hover { color: #808284; }
#content_2_4 .column_2 h1 { font-size: 1.0em; }
#content_3_3 h1 { font-size: 1.0em; }
.orange { color: #D95935; }

/*}}}*/
/*{{{sidebar*/
#logo { margin-top: 26px; height: 131px; }
#sidebar, #navtest { margin-top: -0.1em; font-size: 1.1em; text-transform: uppercase; line-height: 1.8em; letter-spacing: 0.6px; }
#sidebar .current, #sidebar .current *, #navtest .current, #navtest .current * { color: #D95935; }
#sidebar .current ul, #navtest .current ul { display: block; }
#sidebar ul, #navtest ul { padding-left: 71px; font-weight: bold; color: #808284; }
#sidebar ul span, #navtest ul span { cursor: pointer; }
#sidebar ul span:hover, #navtest ul span:hover { color: #D95935; }
#sidebar ul ul, #navtest ul ul { margin-left: -142px; font-weight: normal; color: #808284; text-transform: uppercase; display: none; }
#sidebar ul.firm , #navtest ul.firm { text-transform: uppercase; }
#sidebar ul ul ul , #navtest ul ul ul { margin: 0 0 0 -56px; }
#sidebar ul ul.open { display: block; }
#sidebar ul ul.projects ul , #navtest ul ul.projects ul { margin-left: -71px; }
#sidebar ul ul.projects li.first , #navtest ul ul.projects li.first { padding-top: 9px; }
#sidebar ul ul.projects li.last , #navtest ul ul.projects li.last { padding-bottom: 9px; }
#sidebar .capitalize , #navtest .capitalize { text-transform: capitalize; }
#sidebar .lowercase , #navtest .lowercase { text-transform: lowercase; }

/*}}}*/
/*{{{page*/

/*}}}*/
/*{{{news and accolades*/
#news_index { letter-spacing: 0.6px; }
#news_index li { margin-bottom: 24px; position: relative; width: 700px; }
#news_index strong { text-transform: uppercase; }
#news_index p { margin: 0; }
#news_index .date { font-weight: bold; position: absolute; left: 0px; top: 0px; font-size: 1.1em; }
#news_index .details { margin-left: 4.5em; font-size: 1.0em; }
#accolades_index { font-size: 1.0em; letter-spacing: 0.6px; text-transform: uppercase; }
#accolades_index h2 { color: #808284; }
#accolades_index li { margin-bottom: 24px; }
#accolades_index ul.accolades li { margin: 0; position: relative; width: 700px; }
#accolades_index span.location { font-weight: normal; }
#accolades_index .date { font-weight: bold; position: absolute; left: 2em; top: 0px; }
#accolades_index .details { margin-left: 6em; }

/*}}}*/
/*{{{client*/
#client_index { letter-spacing: 0.6px; }
#client_index li { margin-bottom: 0.5em; text-transform: uppercase; font-size: 1.0em; }

/*}}}*/
/*{{{ leed*/
.leed_entry { text-transform: uppercase; font-size: 1.0em; }
.leed_entry .title { font-weight: bold; }
.leed_caption { margin: 11px 0px 0px 11px; font-size: 1.1em; }
.leed_caption p { margin: 0px; }
#leed_index li { margin-bottom: 11px; line-height: 145%; }
#leed_index a.none { color: #808284; text-decoration: none; }
#leed_index a.none:hover { text-decoration: none; }
span.collapse_leed_entry { cursor: pointer; }
span.collapse_leed_entry:hover { text-decoration: underline; color: #D95935; }
.hover { color: #D95935; text-decoration: none; }
.hover:hover { color: #D95935; text-decoration: underline; }
a.hover:hover { text-decoration: none; }

/*}}}*/
/*{{{form*/
.row { margin-bottom: 10px; }
input.text { padding: 1px 2px 1px 4px; width: 200px; }
textarea { padding: 0 0 0 4px; width: 300px; height: 100px; }
textarea, input.text { border: 1px solid #999; background: #FFF url(../img/text-bg.png) scroll no-repeat top left; }

/*}}}*/
/*{{{contact*/
#contact label { text-transform: uppercase; font-weight: normal; font-size: 0.85em; }
#contact input.text { padding: 0; border: 0; background: none; width: 350px; font-size: 1.1em; }
#contact textarea { padding: 0; border: 0; background: none; width: 350px; overflow: auto; font-family: inherit; font-size: 1.1em; font-weight: inherit; }
#contact .row, #subjects { margin-bottom: 4px; padding: 2px 6px; width: 350px; border: 1px solid #DDD; }
#contact .row_buttons { border: 0; }
#row_contact { position: relative; }
div#contact_subject { color: #000; text-transform: uppercase; font-size: 1.1em; }
#subjects { position: absolute; left: 0; background-color: #FFF; border-top: none; color: #808284; font-weight: normal; }

#subjects li { text-transform: uppercase; }
#subjects li:hover { color: #D95935; }
#row_subject { height: 40px; }
#row_subject .label { height: 20px; width: 350px; } /* Safari - cleared class didn't work */
#row_subject label { display: inline; float: left; }
#contact .row span.align_right { display: inline; float: right; cursor: pointer; }

.contact_info { display: inline; float: left; margin-right: 15px; overflow: hidden; font-size: 1.0em; }
.contact_info h1 { color: #808285; }
.contact_address { margin-bottom: 2em; text-transform: uppercase; }
.contact_address span.lower { text-transform: lowercase; }
.contact_address p, .contact_address h1 { margin: 0px; margin-bottom: .7em; }
.contact_address a { text-decoration: underline; }

/*}}}*/
