/* CSS Document */

/*basic settings to ensure consistancy*/
* { margin:0; padding:0; position:relative; }
body,html { height:100%; }
body { font-family:Arial, Helvetica, sans-serif; background:#717171 url(../css_images/background-body.png) left bottom repeat-x fixed; text-align:center; font-size:62.5%; color:#000000; }
object { display:block; position:relative; }
.clear { float:none; clear:both; }
a img { border:none; }

/* home page customization */
body.home { color:#fff; }
.error { color:#900; font-weight:bold; }
.frame { height:auto!important; height:100%; min-height:100%; }
#frame-wrapper { height:100%; }
#wp-background-holder { position:absolute; top:0; left:0; width:100%; height:145px; z-index:2; background-image:url(../css_images/background-frame-wrapper.png); background-repeat:repeat-x; background-position:top left; }
.home #wp-background-holder { background-image:url(../css_images/background-frame-wrapper-home.png); height:467px; }
#wp-background-holder-vertical { position:absolute; top:0; left:50%; margin-left:-504px; width:268px; height:100%; z-index:1; background:transparent url(../css_images/background-frame.gif) left repeat-y; }
.home #wp-background-holder-vertical { background:transparent url(../css_images/background-frame-home.gif) left repeat-y; }
.home>#wp-background-holder-vertical { background:transparent url(../css_images/background-frame-home.png) left repeat-y; }
#header_wrap,#nav_util,#content-wrapper { margin:0 auto; text-align:left; width:1008px; }
#header_wrap { height:234px; z-index:10; }
.home #header_wrap { height:127px; background:transparent url(../css_images/background-frame-home.gif) left bottom no-repeat; }
.home .frame>#header_wrap { background:transparent url(../css_images/background-frame-home.png) left bottom no-repeat; }
#header { background:url(../css_images/wp_header_background.jpg) repeat-x bottom; overflow:hidden; height:107px; width:100%; position:absolute; top:36px; left:0; }
.home #header { display:none; }
#header_logo { float:left; width:23.3em; height:100%; }
#header_logo h1 { background:url(../css_images/interiorHeaderBlock.jpg) repeat-x; position:relative; height:100%; }
#header_logo a { background:url(../css_images/woodpileLogo.jpg) no-repeat; display:block; height:107px; width:233px; text-decoration:none; }
#header_logo a span { visibility:hidden; }
#interiorHeader { float:left; }
#header-footer { color:#a7a7a7; position:absolute; bottom:7px; left:250px; }

/* Navigation */
#nav_util,#nav,#nav_foot { list-style:none; }
#nav_util { position:absolute; top:0; right:0; background:url(../css_images/background-nav-util.png) left top repeat-y; height:26px; text-align:right; z-index:999; line-height:26px; }
.home #nav_util { background:none; }
#nav_util li { text-transform:uppercase; display:inline; font-size:.9em; }
.localstorage #nav_util>li,.localstorage #nav>li { display:inline-block; }
#nav_util li a { display:inline-block; color:#fff; text-decoration:none; cursor:pointer; }
#nav_util a:hover { background-color:#bfbfbf; }
#nav_util li span { display:inline-block; padding:0 8px; }
#nav_util li.last-nav { margin-right:34px; }

/* Main Navigation */
#nav_wrap { position:absolute; right:34px; top:144px; width:auto; height:26px; }
.home #nav_wrap { top:105px; z-index:1000; }
#nav li { display:inline; text-transform:uppercase; line-height:14px; border:none; margin-left:15px; }
#nav li a { display:inline-block; line-height:14px; text-decoration:none; color:#fff; font-size:.9em; font-weight:bold; cursor:pointer; }
#nav li.active a,#nav li a:hover { color:#bfbfbf; }
#nav li a span { background:url(../css_images/nav_plus.gif) no-repeat top left; display:inline-block; padding:0 8px 0 10px; }
#nav li.active a span,#nav li a:hover span { background-position:left bottom; }
#nav ul,#nav li table { display:none; }

/* Subnav */
#subnav_wrap { position:absolute; left:24em; bottom:0; width:70em; z-index:200; }
#subnav_wrap span.pg_title { float:left; font-size:1.4em; font-weight:bold; color:#fff; padding-bottom:3em; margin-top:.3em; margin-right:1.5em; }
#subnav_wrap ul { position:relative; display:block; float:left; border-left:1px solid #aaa; height:5.5em; padding-left:.5em; margin-right:3em; }
#subnav_wrap li { margin:2px 0 2px 1.5em; color:#fff; }
#subnav_wrap li a { color:#b8b8b8; text-decoration:none; }
#subnav_wrap li a:hover,#subnav_wrap li.active a { color:#fff; }

/* footer CSS */
.home #footer { color:#404040; font-size:.9em; margin:0 auto; width:1008px; clear:both; }
#frame #footer { position:absolute; top:12.7em; left:25em; color:#a7a7a7; }

/* content CSS */
#content-wrapper { z-index:900; }
*>#content-wrapper { border-top:1px solid transparent; margin-top:-1px; }
.content { background-color:#fff; padding:6em; margin-left:23.3em; }
.home .content { margin-top:1em; z-index:55; margin-left:0; padding:0; }
.content img { position:relative; }
.img_left { float:left; clear:left; }
.img_right { float:right; clear:right; }
.content a { color:#959595; text-decoration:none; }
.content a:hover { text-decoration:underline; }
.content td { vertical-align:top; }
.content h1 { font-size:2em; }
.content h2 { font-size:1.7em; }
.content h3 { font-size:1.4em; }
.content h4 { font-size:1.2em; }
.content h5 { font-size:1em; }
.content h6 { font-size:.8em; }
#flashSlug { z-index:60; position:relative; top:-30px; left:9.5em; }
#lowerCircleBox { position:absolute; top:46.75em; width:26.8em; height:400px; background:url(../css_images/home_bottom_bkrd.jpg); z-index:50; }
#sectionCallout { position:absolute; left:106px; top:-30px; }

/* multicolumn width defaults */

/* NOTE do not alter the overall order as it will affect how style cascades */
.multicol_v2_wrap { margin:0; clear:both; }

/* this margin controls margins between the columns in IE6 */
.multicol_v2_wrap .multi-col { margin:0 .6%; float:left; }

/* this margin controls margins between the columns in everything else */
.multicol_v2_wrap>.multi-col { margin:0 1%; }

/* 1 column handling FIRST: normal SECOND: nested */
.total_1 { width:98%; }
.multi-col .cols-1 .total_1 { width:100%; }

/* end 1 column handling */

/* 2 column handling FIRST: normal SECOND: nested (for 2 col nested, extend the wider column) */
.multisize-25-75 .column_0,.multisize-75-25 .column_1,.multi-col .multisize-25-75 .column_0,.multi-col .multisize-75-25 .column_1 { width:24%; }
.multisize-25-75 .column_1,.multisize-75-25 .column_0 { width:72%; }
.multi-col .multisize-25-75 .column_1,.multi-col .multisize-75-25 .column_0 { width:74%; }
.multisize-33-66 .column_0,.multisize-66-33 .column_1 { width:32%; }
.multi-col .multisize-33-66 .column_0,.multi-col .multisize-66-33 .column_1 { width:34%; }
.multisize-33-66 .column_1,.multisize-66-33 .column_0,.multi-col .multisize-33-66 .column_1,.multi-col .multisize-66-33 .column_0 { width:64%; }
.total_2 { width:48%; }
.multi-col .total_2 { width:49%; }

/* end 2 column handling */

/* 3 column handling FIRST: normal SECOND: nested (for 3 col nested, extend width of middle) */
.multisize-20-60-20 .column_0,.multisize-20-60-20 .column_2,.multi-col .multisize-20-60-20 .column_0,.multi-col .multisize-20-60-20 .column_2 { width:18.8%; }
.multisize-20-60-20 .column_1 { width:56.4%; }
.multi-col .multisize-20-60-20 .column_1 { width:58.4%; }
.total_3 { width:31.3%; }
.multi-col .total_3 { width:32%; }

/* end 3 column handling */

/* 4 column handling FIRST: normal SECOND: nested (for 4 col nested, extend width of each) */
.total_4 { width:23%; }
.multi-col .total_4 { width:23.5%; }

/* end 4 column handling */

/* handle nested margins (remove them on first/last columns) */
.multi-col .column_0 { margin-left:0; }
.multi-col .cols-1 .column_0,.multi-col .cols-2 .column_1,.multi-col .cols-3 .column_2,.multi-col .cols-4 .column_3 { margin-right:0; }

/* ! css testing */
#multi-test .multicol_v2_wrap { background:#666; min-height:50px; }
#multi-test .multi-col { background:#ccc; min-height:30px; }

/* end multicolumn width handling */
body.studio { }
.content p.studio-text { color:#b8b589; font-size:1.8em; line-height:1.4em; margin-left:0; margin-bottom:1em; width:auto; }
.content p.studio-bottom { color:#8c8c8c; font-size:1.2em; margin-left:0; margin-bottom:1em; font-weight:normal; line-height:1.5em; width:auto; }

/* studio section CSS */
.studio h3 { color:#231f20; font-size:1.3em; clear:both; }
.studio h5 { color:#727272; font-size:1em; }
.studio p { position:relative; margin-left:20em; font-weight:bold; width:30em; font-size:1.2em; margin-bottom:2em; }
.studio table { position:relative; left:6.5em; width:60em; font-size:1em; border-collapse:collapse; margin-bottom:2em; }
.studio td { font-size:1em; padding:.25em 1em; }
.studio td.col0 { font-size:.9em; border-right:1px solid #bfbfbf; width:18em; text-align:right; font-weight:bold; text-transform:uppercase; }
.studio td.col1 { width:42em; }
.studio td.col1 a { display:block; color:#959595; padding-left:1.5em; background:transparent url(../css_images/content_email_icon.gif) no-repeat left center; }
body.case-studies { }
.case-studies .content { background:#fff url(../css_images/casestudy_bkrd.gif) repeat-y; padding:8em 3em 2em 4em; }
.case-studies .content p.studio-bottom { color:#8c8c8c; font-size:1.2em; margin-left:0; margin-bottom:1em; font-weight:normal; line-height:1.5em; width:auto; }
.case-studies .content table { position:absolute; top:1em; right:30px; width:auto; font-size:1em; border-top:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8; border-collapse:collapse; }
.case-studies .content table td { padding:.2em 1em; }
.case-studies .content table td.col0 { border-right:1px solid #b8b8b8; color:#949494; text-align:right; }
.case-studies .content h3 { position:relative; color:#565656; font-size:1em; margin-bottom:3em; }
.case-studies .content p { font-size:1em; color:#565656; line-height:1.6em; margin-bottom:1.6em; width:30em; }
.case-studies .content img { margin:.5em 0; }
.case-studies .content img.img_right { margin-right:1em; }

/* ! sitemap page styling */
#sitemap_display { padding:0 50px; }
#sitemap_display h2 { color:#000; line-height:24px; margin-top:20px; }
#sitemap_display ul { margin:10px 30px; }
#sitemap_display li { font-size:12px; margin:3px 10px; list-style-type:disc; }