@charset "utf-8";
/* 
================================
STONEARCHCREATIVE :: STYLE CSS
(c)2009 STONEARCH CREATIVE
Created by: StoneArch Creative
================================
*/

/*
================================
TABLE OF CONTENTS
--------------------------------

I.   TYPOGRAPHY
II.  LAYOUT
III. NAVIGATION
IV.  CLASSES

=================================
*/

/*
=================================
I. TYPOGRAPHY
---------------------------------
*/

img { display:block; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111; font-family:Arial, Helvetica, sans-serif;}
h1 {font-size:2.4em;line-height:1;margin-bottom:0.5em; font-weight: bold; color:#1E6E83;}
h2 {font-size:1.55em;margin-bottom:0.75em; font-weight:bold;}
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;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 1.5em; font-family: Arial, Helvetica, sans-serif; color: #666;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
p.list{margin: 0 0 0;}

a:focus, a:hover {color:#9f0409; text-decoration: underline;}
a {color:#9f0409; text-decoration:none;}
h2 a, h2 a:hover, h2 a:focus, h3 a ,h3 a:hover, h3 a:focus { color:#314998; }
a:hover {text-decoration: underline;}
a img{ border:0; }

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 0;}
/*ul, ol {margin:0 1.5em 1.5em 1.5em;}*/
ul {list-style-type: square; padding:0; list-style-position:inside;}
ul ul li {list-style-type:circle;}
ul ul ul li {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}

ul{margin:0; padding:0;  list-style-type:square; list-style-position:inside;}

/*
=================================
II. LAYOUT
---------------------------------
*/
:focus { outline:0; }
#container {width: 960px; margin: 0; padding: 0; display:block; text-align:left; }
body {font-size:130%;color:#222222;background:#fff;font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;}

#content {width: 960px; margin: 0 0 0 0; padding: 0; display:block; float:left; }
#header {width: 960px; height:92px; margin: 4px 0 10px 0; padding: 0; display:block; float:left;  }
#footer {width: 960px; margin:20px 0 0 0; padding:0;  display:block; float:left; text-align:left;}
#footer p { font-size:14px; }
#footer a,
#footer a:hover,
#footer a:visited { color:#222222; }
#foot_links { display:none;}
#social_text { display:block; float:left; width:310px; height:17px; text-align:right;}
#social_links { display:block; float:left; width:50px; text-align:right;}

#logobar { width:960px; height:71px; float:left; border-bottom:2px solid #b52025; margin-right:22px;}
#logobar_bottom { width:960px; height:2px; background: #b52025; overflow:visible; float:left;}
#head_sc_logo { margin: 11px 0 16px 0; }
#navbar { width:292px; height:71px; float:left; }
#navbar_bottom { width:292px; height:2px; background: #9f0409; overflow:visible; float:left;}

#main_tagline { margin-top: 6px; }


#WD_subhead,
#l2_subhead { width:960px; display:block; float:left; margin: 0 0 -1px 0; padding:0; position:relative; z-index:600;}
#feat_swap { width:960px; display:block; float:left; }
#home_feat_slides { width:960px; margin:18px 0 0 0; display:block; float:left; }
#subfeat_swap {width:960px; display:block; float:left; }
#WD_headspace,
#l2_headspace { width:960px; height:87px; display:block; position:relative; z-index:601;}
#WD_headspace { height: 40px; margin:2px 0 0 0; }
#WD_headline,
#l2_headline { width:960px; display:block; float:left; text-align:left;}
#WD_headline h1,
#l2_headline h1 { margin:0; padding:0; font-size:34px; color:#3A4247;}
#WD_headline h1 {height:40px; }
#l2_headline p { font-size:1.6em; color:#222222; margin:0; padding:0;}
#l2_search { display:none; }
#l2_search input[type="text"] { width:200px; height:24px; display:block; text-align:left; float:left; font-size:16px;}
#l2_search #submit { display:block; float:right; padding:8px 0 0 0; }

/*  ============================================================================================ */
/*  VISIBILITY SET TO HIDDEN (FIX WITH JQUERY) TO ADDRESS PAGE LOAD ISSUES PRIOR TO JQUERY HIDES */
#home_slideshow,
#work_dtl_slideshow,
#WD_view_all_tags2,
#WD_view_all_tags,
#view_all_tags,
#work_dtl_panels {
	visibility: hidden;	
}
/*  ============================================================================================ */

#WD_view_all_tags2 {width:302px; height:31px; display:none; position:relative; right:-10px; top:80px; z-index:603; }
#WD_view_all_tags ,
#view_all_tags {width:302px; height:31px; display:none; position:absolute; right:-10px; top:49px; /*overflow:hidden;*/  z-index:602;}
#WD_view_all_tags2 ,
#WD_view_all_tags { top:2px; }
#view_all_tags_over2,
#view_all_tags_over,
#view_all_tags_btn2,
#view_all_tags_btn{ display:none; width:302px; height:31px; background: url(../images/view_all_tags.png) no-repeat; margin:0; padding:0; cursor:pointer;}
#view_all_tags_over2,
#view_all_tags_over{background-position:0px -31px; position:absolute; top:0; left:0;}
#view_all_tags_menu2,
#view_all_tags_menu{display:none; width:302px; background: url(../images/tag_drop_GRAD_BG.png) no-repeat #62727b; margin:0; padding:0; z-index:603; overflow:visible;}
#view_all_tags_menu_overlay2,
#view_all_tags_menu_overlay{ background:url(../images/tag_menu_left_border.png) repeat-y;}
#view_all_tags_menu_overlay2 ul,
#view_all_tags_menu_overlay ul{ display:none; width:302px; margin:0; padding:16px 0 16px 0; list-style:none; }
#view_all_tags_menu_overlay2 ul li,
#view_all_tags_menu_overlay ul li{ display:none; margin:0; padding:0;}
#view_all_tags_menu_overlay2 ul li a,
#view_all_tags_menu_overlay ul li a{ display:none; margin:0; padding:0; width:302px; height:22px; background: url(../images/tag_hover_bg.png) no-repeat; overflow:hidden; color:#aebbbf; text-align:left;}
#view_all_tags_menu_overlay2 ul li a:hover,
#view_all_tags_menu_overlay ul li a:hover {background-position:0px -22px; color:#FFFFFF; text-decoration:none;}
.tag_menu_link { display:block; font-weight:bold;  font-size:12px; margin:3px 0 3px 30px; }
.tag_menu_hr { display:block; width:302px; height:1px; background:url(../images/tag_drop_hr.png) repeat-x; margin:0; padding:0; }

#work_feat { height:314px; margin:16px 0 6px 0; padding:0; display:block; float:left; position:relative; z-index:50; }
#work_subfeat_swap {display:block; float:left; margin:0 0 0 0; padding:0; }
#social_links, #social_text {display:none;}
#social_links a { display:inline-block; width:19px; height:17px; background: url(../images/social.png) no-repeat; margin:0 0 0 3px; padding:0; }
#social_text p { display:inline-block; }
a#facebook { background-position:0px 0px; }
a#twitter {background-position: -19px 0px;  }
a#facebook:hover {background-position: 0px -17px; }
a#twitter:hover {background-position: -19px -17px; }

#work_dtl_panels ul { list-style:none; display:block;}
#work_dtl_panels ul li { display:block; margin:0; padding:0; }


#work_dtl_highlights { width:960px; margin:10px 0 6px 0; padding:0; display:block; float:left;  background:url(../images/work_dtl_panel_bg.png) repeat-y left; position:relative; z-index:79; }
#work_dtl_panels_head { display:block; height:60px; width:256px; background:url(../images/work_dtl_panel_dots.png) repeat-x bottom; overflow:visible; }
#work_dtl_panels_head_title { display:block; margin:13px 0 0 20px; padding:0; } 
#work_dtl_panels { text-align:left; display:block; float:left; width:256px; height:100%; z-index:80; }


.work_dtl_panel_holder { display:none;}

.work_dtl_panel { display:block; float:right; width:256px; position:relative; z-index:90; cursor:pointer;}


.work_dtl_panel_title_holder {display:block; float:right; width:266px; position:relative; z-index:98;}
.grower { display:block; position:absolute; right:0px; top:0px; background: /*url(../images/work_dtl_panel_dots.png) repeat-x bottom*/ #631a49; height:30px; width:0px; z-index:100;}
.work_dtl_panel_title_over { display:block; width:256px; height:30px; position:absolute; top:0px; right:0px; /*background:url(../images/work_dtl_panel_dots.png) repeat-x bottom #631a49;*/ z-index:110; }
.work_dtl_panel_title {  display:block; width:256px; height:30px; position: absolute; top:0px; right:0px; /*background:url(../images/work_dtl_panel_dots.png) repeat-x bottom;*/  width:256px;  z-index:109; }
.work_dtl_panel_title_over h4,
.work_dtl_panel_title h4 { display:inline-block; color:#FFFFFF; font-weight:bold; font-size:12px; margin:7px 0 0 20px; padding:0; z-index:115;}

.work_dtl_panel_dtl_holder { display:block; float:right; width:266px; z-index:99; position:relative;}
.work_dtl_panel_dtl { width:266px; height:100%;/* display:block; float:left; */ background:  /*url(../images/work_dtl_panel_dots.png) repeat-x bottom*/ #631a49; margin:30px 0 0 0; padding:0; z-index:100; display:block; }
.work_dtl_panel_description { display:block; overflow:visible; width:216px; margin:0 20px 0 30px; padding:16px 0 0 0; color:#CFD8DA; font-weight:bold; font-size:11px; line-height:13px; z-index:101; background: #631a49;}
.work_dtl_panel_nowShowingText { display:inline-block; /*float:left;*/ width:116px; height:15px; margin:12px 20px 0 30px; padding:0 0 16px 0; color:#CFD8DA; font-size:10px; text-transform:uppercase; z-index:102; }
.work_dtl_panel_1of10 { display:inline-block; /*float:left;*/ margin:12px 0 0 5px; padding:0 0 16px 0; color:#FFFFFF; font-weight:bold; font-size:12px; z-index:103; width:50px; height:15px; }
.work_dtl_dot_div {background:url(../images/work_dtl_panel_dots.png) repeat-x bottom; display:block; position:absolute; bottom:0px; left:0px; height:1px; width:100%; z-index:111; }


#work_dtl_view { display:block; float:left; width:704px;  }
#work_dtl_view img {display:block;}
#work_dtl_quote_div { display:block; float:left; width:256px; text-align:left; margin-bottom:30px;}
#work_dtl_quote_div h4 { font-weight:normal; font-family:Verdana, Geneva, sans-serif; font-size:24px;  margin:45px 16px 15px 0; color: #9F0409;}
#work_dtl_body_div { display:block; float:left; width:704px; text-align:left; margin:0; padding:0;}
.work_dtl_body_div_sub { display:block; float:left; width:644px; margin-left: 30px; margin-right:30px; margin-top:10px; }
.work_dtl_quote_jobTitle,
.work_dtl_quote_person { font-size:16px; color:#9F0409; text-transform:uppercase; }
.work_dtl_quote_person { font-weight:bold; margin-bottom:3px; }
.work_dtl_body_div_sub h2 { font-size:34px; font-weight:normal; font-family:Verdana, Geneva, sans-serif; margin:3px 0 3px 0; padding:0;}
.work_dtl_body_div_sub h5 { font-size:20px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; margin:3px 0 3px 0; padding:0;}
.work_dtl_body_div_sub h5 { margin:14px 0 0 0; }
.work_dtl_body_div_sub p { color:#222222; margin:10px 0 0 0; line-height:1.4em; }
.video_slide {display:block; position:absolute; z-index:19;width:704px; height:396px;}
.flashcontent {display:block; z-index:20; position:absolute; width:704px; height:396px;}
.vid_url {display:block; width:704px; height:396px; z-index:21; position:absolute;}
#flashStage { display:block; z-index:22; width:704px; height:396px;  position:absolute;}
object {z-index:23;}

/*  ============================================================================================ */
/*  THE LATEST */

#latest_content{ width:960px; margin:23px 0 6px 0; padding:0; display:block; float:left; position:relative; z-index:50; text-align:left; }
#latest_content h2 { color:#9F0409; font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0; padding:0; }
#latest_content h2 a,
#latest_content h2 a:hover,
#latest_content h2 a:visited { color:#9F0409; }

#latest_LS { display:block; float:left; width: 960px; margin:0 23px 0 0; padding:0; }


.latest_entry_bottomText,
.latest_byline_date,
.latest_byline { display:inline-block; color:#AEBBBF; margin:13px 0 20px/*50px*/ 0; padding:0; font-size:14px; font-weight:bold; }
.latest_entry_bottomText { display:block; color:#AEBBBF; margin: 30px/*50px*/ 0 0 0; }
.latest_entry_bottomText {font-size:14px; }
.latest_byline_date { text-transform:uppercase; }

.latest_byline_date a,
.latest_byline_date a:hover,
.latest_byline_date a:visited,
.latest_byline a,
.latest_byline a:hover,
.latest_entry_bottomText a,
.latest_entry_bottomText a:hover,
.latest_entry_bottomText a:visited,
.latest_byline a:visited { color:#9F0409; }
.latest_tagline { display:block; float:left; }
.latest_entry_commentCount { display:block; float:right; }
.latest_entry { display:block;  float:left; margin:19px 0 23px 0; padding:0; page-break-before:always;}
.latest_entry p { display:block;  max-width:960px; color:#62727B; margin: 0 0 25px 0; padding:0; line-height:1.5em;}
p.latest_entry_img_p { }
#latest_RS { display:none; }
#latest_RS h3 { font-size: 16px; font-weight:bold; color: #3A4247; margin:0 0 5px 0; padding:0; }
.latest_RS_menu { background:url(../images/latest_RS_menu_bar.png) no-repeat top left #F2F2F2; display:block; width:244px; float:left; margin:0 0 25px 0; padding:24px 24px 20px 24px; overflow:visible; }
.latest_RS_menu ul { display:block; list-style:none; margin:10px 0 0 0; padding:0; list-style-position:outside; }
.latest_RS_menu ul li { margin:0 0 10px 0; padding:0; display:block;}
.latest_RS_menu a { font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#9F0409; }
.latest_press_menu_item { margin:13px 0 15px 0; padding:0; display:block; float:left; }
.latest_press_menu_date {display:block; float:left; margin-right:24px; width:30px; }
.latest_press_menu_text { display:block; float:left; margin:0; padding:0; font-size:12px; font-weight:normal; width:190px;}
.latest_author_image { display:block; height:74px; width:74px; float:left; margin: 4px 23px 0 0; padding:0; }
.latest_author_info { display:block; float:left; width:143px; height:74px; margin: 4px 0 0 0; padding:0; position:relative; }
.latest_author_info h6 { display:block; margin:0; padding:0; color:#3A4247; font-size:12px; font-weight:bold;}
.latest_author_position { display:block; margin:0; padding:0; font-size:10px; font-weight:bold; color:#AEBBBF;}
.latest_author_post_info { position:absolute; display:block; bottom:0px; left:0px; margin:0; padding:0; }
.latest_author_post_info p { font-size:11px; margin:0; padding:0;}
.author_email a,
.author_email a:hover,
.author_email a:visited,
.author_email { font-size:10px; font-weight:normal;  }
.latest_comment_author { margin:0; padding:0;}
.leave_comments,
.latest_comments { display:none; }
.leave_comments { background:none; }
.leave_comments h3,
.latest_comments h3 {font-size:24px; margin:0 0 23px 0; padding:0;}
.latest_comment_LS { display:block; float:left; width:200px; height:55px; margin:0 23px 0 0; padding:0; position:relative; }
.latest_comment_RS {display:block; float:left; width:374px; margin:0; padding:0; }
.latest_comment_RS p { margin-bottom:0; }
.latest_comment_author { font-size:14px; font-weight:bold; color:#3A4247; }
.latest_comment_date {font-weight:bold; }
.latest_comment_item {display:block; float:left;  }
.latest_comment_hr { border-bottom:1px solid #9F0409; display:block; float:left; width:100%; height:1px; margin:23px 0 23px 0;}
.posBottom { position:absolute; width:100px; height:30px; bottom:0px; left:0px;}
.comment_form_short_left { display:block; float:left; width:47%; margin:0; padding:0; }
.comment_form_short_right { display:block; float:right; width:47%; margin:0; padding:0; }
.comment_form_short_left input,
.comment_form_short_right input { width:100%; margin:0; padding:0; }

.comment_form_long { display:block; float:left; width:597px; margin:0; padding:0; }
.comment_form_long textarea { width:100%; margin:0; padding:0; }
.leave_comments .image_submit { display:block; float:left; }
#blog_search_submit { display:block; float:left; padding:10px 0 0 10px; }

.latest_follow_menu a { font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#9F0409; }

#follow_social_links { background:url(../images/follow_dots.png) repeat-x top; display:block;  text-align:left; padding-top:20px;}
#follow_social_links a { display:inline-block; width:18px; height:18px; background: url(../images/follow_social.png) no-repeat; margin:0 0 0 3px; padding:0; }
a#follow_twitter { background-position: 0px 0px;  }
a#follow_facebook { background-position:-18px 0px; }
a#follow_youtube { background-position:-36px 0px; }
/*a#follow_facebook:hover {background-position: -18px -18px; }
a#follow_twitter:hover {background-position: 0px -18px; }
*/
#twitter_feed { background:url(../images/follow_dots.png) repeat-x top; display:block; padding:20px 0 20px 0; margin-top:20px; }
#twitter_feed a { font-weight:normal; }
.twitter_posted_at { font-size:.8em; font-weight:bold; display:block; margin:15px 0 0 0; color:#AEBBBF; }
.twitter_user { font-weight:bold; font-size:14px; }
/*  ============================================================================================ */

/*  ============================ MEET US ======================================================= */
#meet_us { text-align:left;  display:block; float:left; width:960px;}
#meet_us h2 { color:#62727B; font-size:24px; margin:20px 0 20px 0; display:block;}
#meet_us h2.no_BM { margin-bottom:0; }
#meet_us h2.no_TM {margin-top:0}

#meet_checklist { text-align:left; display:block; width:960px;}

.meet_checklist_item {display:block; width:960px; float:left; background-color: #f2f2f2; }
.meet_checklist_border_offset { background:url(../images/meet_2dot.png) repeat-x bottom; background-color:#f2f2f2; padding-bottom:4px;}
.alt_checklist_item { background-color:#e6e6e6; }
.meet_bigNum { display:block; float:left; width:128px; height:150px;}
.meet_bigNum span { display:block; font-size:80px; color:#9f0409; margin:30px 0 30px 30px;}
.meet_checklist_item_copy {  display:block; float:left; width:832px; height:150px; }
.meet_checklist_item_copy h5 { display:block; margin:27px 0 0 0; font-size:16px; font-weight:bold; font-family: Verdana, Geneva, sans-serif; }
.meet_checklist_item_copy p { display:block; margin:10px 35px 10px 0;  }



/*  ============================================================================================ */

/*
=================================
III. NAVIGATION
---------------------------------
*/

#nav {display:none; }
ul#main_nav {float: left; height: 25px; list-style: none; margin: 0; padding: 0; width: 293px; background: url(../images/nav.jpg) no-repeat; background-position:0px 15px; position:relative;}
ul#main_nav li {
	float: left;
	display: block;
}

ul#main_nav li .marker { height:0; background: url(../images/nav_bump.png) no-repeat center top; width:100%; position: absolute; bottom:0px; left:0px; display:block;}
ul#main_nav li .active {height:6px;}

ul#main_nav li a#work,
ul#main_nav li a#meet,
ul#main_nav li a#blog,
ul#main_nav li a#contact {
	background: url(../images/nav.jpg) no-repeat;
	float: left;
	display:block;
	height: 25px;
	padding:15px 0 0 0;
	margin: 0;
	position: relative;
	z-index: 10;
}

ul#main_nav li a#work {background-position: 0px 15px;width: 48px; margin-left:0px; margin-right:10px; display: inline;}
ul#main_nav li a#meet {background-position: -58px 15px;width: 65px; margin-right:10px;}
ul#main_nav li a#blog {background-position: -133px 15px;width: 84px; margin-right:10px;}
ul#main_nav li a#contact {background-position: -227px 15px;width: 66px; margin-right: 0px;}

#main_nav strong {display: none;}



#sidebar {width: 220px; margin: 0 0 0 20px; padding: 0; float: left; display: block;}



#meet_nav_div { display:block; float:right; width:292px; height:40px; text-align:right; margin:45px 0 0 0; padding:0; }

ul#meet_nav {float: left; height: 10px; list-style: none; margin: 15px 0 0 0; padding: 0; width: 292px; background: url(../images/meet_nav.png) no-repeat ; background-position:0px 0px; position:relative;}
ul#meet_nav li {
	float: left;
	display: block;
}

/*ul#meet_nav li .marker { height:0; background: url(../images/nav_bump.png) no-repeat center top; width:100%; position: absolute; bottom:0px; left:0px; display:block;}
ul#meet_nav li .active {height:6px;}
*/
ul#meet_nav li a#about_us,
ul#meet_nav li a#what_we_do,
ul#meet_nav li a#our_culture {
	background: url(../images/meet_nav.png) no-repeat;
	float: left;
	display:block;
	height: 10px;
	padding:0 0 0 0;
	margin: 0 0 0 0;
	position: relative;
	z-index: 10;
	
}

ul#meet_nav li a#about_us {background-position: 0px 0px;width: 65px; margin-left:0px; margin-right:20px; display: inline;}
ul#meet_nav li a#what_we_do {background-position: -85px 0px;width: 85px; margin-right:21px;}
ul#meet_nav li a#our_culture {background-position: -191px 0px;width: 91px; margin-right:10px;}

ul#meet_nav li a:hover#about_us {background-position: 0px -5px;width: 65px; margin-left:0px; margin-right:20px; display: inline;}
ul#meet_nav li a:hover#what_we_do {background-position: -85px -5px;width: 85px; margin-right:21px; }
ul#meet_nav li a:hover#our_culture {background-position: -191px -5px;width: 91px; margin-right:10px; }
/*
ul#main_nav li a.selected#work {background-position: 0px 0px;width: 50px; margin-left:0px; display: inline;}
ul#main_nav li a.selected#meet {background-position: -50px 0px;width: 50px;}
ul#main_nav li a.selected#latest {background-position: -100px 0px;width: 50px;}
ul#main_nav li a.selected#contact {background-position: -150px 0px;width: 50px; margin-right: 0px;}
*/


#meet_nav strong {display: none;}
/*
=================================
IV. CLASSES
---------------------------------
*/

.float_left {float:left;}
.float_right {float:right;}

.dot_black_2h { display:block; float:left; background: url(../images/bg_dot_2h.png) repeat-x left top; height:3px;  margin:10px 0 0 0; }
.dot_black_3h { display:block; float:left; background: url(../images/bg_dot_3h.png) repeat-x left top; height:9px; margin:10px 0 0 0; }
.dot_black_6h { display:block; float:left; background: url(../images/bg_dot_6h.png) repeat-x left top; height:21px; margin:10px 0 0 0; }
.w960 { width:960px; }
.w644 { width:644px; }

.subfeat_set { margin:14px 0 0 0; padding:0; width:960px; display:block; float:left; text-align:left; }

.subfeat_title { display:block; float:left; }
.subfeat_title h2 { color:#3a4247; font-family:Tahoma, Geneva, sans-serif; margin:12px 0 18px 0; padding:0; font-size:24px; }
.subfeat_title a { color:#9f0409; font-weight:bold; font-size:14px; }

.subfeat_bubble { display:block; float:right; width:256px; margin-left:10px; text-align:left; }
.subfeat_bubble a:hover .subfeat_bubble_bottom p { color:#FFFFFF; }
.subfeat_bubble a:hover .subfeat_bubble_top p { color:#62727b; }
.subfeat_bubble a:hover { text-decoration:none; }
.subfeat_bubble_top { display:block; float:left; width:228px/*256px*/; height:73px/*107px*/; background: url(../images/bubble_top.png) no-repeat top left; margin:0; padding:24px 10px 10px 18px; }
a:hover .subfeat_bubble_top {background-position:0px -107px; }
.subfeat_bubble_top h5 { font-weight:bold; color:#62727b; margin:0 0 4px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; }
.subfeat_bubble_top p { font-weight:normal; color:#222222; font-family:Arial, Helvetica, sans-serif; font-size:1em; margin-bottom:0; padding-bottom:0; }

.subfeat_bubble_bottom { display:block; float:left; width:256px; height:53px; background: url(../images/bubble_bot.png) no-repeat top left; }
.subfeat_bubble_bottom p { color:#222222; margin: 7px 0 0 18px; font-size: .950em/*12px*/; text-transform:uppercase; }
a:hover .subfeat_bubble_bottom {background-position:0px -54px; }
#work_cat_feat_desc, .work_feat_item { display:block; float:left; width:472px; height:314px; position:relative; z-index:49; }
#work_cat_feat_desc { background:url(../images/bg_category_descrip.png) no-repeat top left; }
#work_cat_feat_desc p { font-size:26px; margin:30px 20px 30px 20px; padding:0; }
.wf_description { text-align:left; background: url(../images/wf_gradbar.png) repeat-y top; display:block; width:472px; height:62px; margin:0; padding:0; position:absolute; bottom:0px; left:0px; z-index:500; }
.wf_description h3 { color:#FFFFFF; margin:0; padding:0; position:absolute; bottom:33px; left:16px; font-size:16px; font-weight:bold; z-index:505;}
.wf_description p { color:#FFFFFF; margin:0; padding:0; position:absolute; bottom:13px; left:16px; font-size:10px; text-transform:uppercase; z-index:505;}
.wf_description img {display:block; float:left; margin: 2px 2px 0 1px; padding:0; z-index:506;}
.wf_tag_strong {font-weight:bold; z-index:506;}
.work_subfeat_set {margin:0; padding:0; border:0; display:block; float:left; width:960px;}
.work_subfeature { display:block; float:left; width:228px; margin:16px 0 0 0; padding:0; border:0; }
.work_subfeature a { width:228px; margin:0; padding:0; display:block; float:left; border:0;}
.work_subfeature a img {display:block; border:0;}
.work_feat_item a:hover,
.work_subfeature a:hover {text-decoration:none;}
.work_subfeat_description { background: #ededed; display:block; width:228px; height:62px; text-align:left; position:relative; overflow:hidden;}
.work_subfeat_description h6 { margin:0; padding:0; z-index:48; position:absolute; top:13px; left:16px; font-size:14px; color:#3A4247;}
.work_subfeat_description p { margin:0; padding:0; z-index:47; position:absolute; top:32px; left:16px; color:#222222; font-size:12px; font-weight:bold;}

.sf_marker { height:62px; background: url(../images/wf_sub_gradbar.png) repeat-y center top; width:100%; position: absolute; top:-58px; left:0px; display:block; z-index:9;}
a:hover .work_subfeat_description h6 ,
a:hover .work_subfeat_description p  { color:#FFFFFF; text-decoration:none; }

.footer_above_dots p {display:inline-block; line-height:17px; margin:0 0 -2px 0; padding:0;}
.footer_below_dots { display:inline-block; width:960px; height:15px; margin:10px 0 0 0; padding:0;  }
.sc_footer_text { color:#999999; }

.remove_margins {margin:0;}
.pinched { margin-left:30px; margin-right:30px; }
.margin_r_16 {margin-right:16px;}
.onTop {z-index:1000;}
.no_TM { margin-top:0;}
.no_BM { margin-bottom:0;}
/*input[type="hidden"] { width:0px; height:0px; display:none; }*/

/*img {behavior:url(/scweb09/scweb_assets/css/iepngfix.htc);}*.

/*
=================================
V.  THIRD-PARTY REQ (PLUG-IN)
---------------------------------
*/
/* =================== sIFR ====================== */

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }

  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
.sIFR-flash {display:none;}
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

  .sIFR-active #title h1 {
    font-family: Verdana;
    visibility: hidden;
	margin: 5px 0 0;
  }
}



/*  SLIDE SHOW */
#culture_slideshow { clear:both; }
.slide_caption {display:none;}
#home_slideshow {position:relative; width:960px;  display:none;  z-index:450; display:block; }
#work_dtl_slideshow {position:relative; width:704px; display:block; height:396px; min-height:396px;  text-align:left; overflow:hidden; z-index: 450;}
#culture_slideshow ul,
#work_dtl_slideshow ul,
#home_slideshow ul { list-style:none; }

#work_dtl_prevBTN_half, #work_dtl_nextBTN_half { display:none; width:340px; height:85%; position:absolute; top:0px; z-index:501; cursor:pointer; overflow:visible; background:#FFFFFF; filter:alpha(opacity=0); opacity:.0;}
#work_dtl_prevBTN_half { left:0px; }
#work_dtl_nextBTN_half { right:0px; }
#see_the_work { display:none; width:auto; height:auto; position:absolute; right:30px; bottom:30px; z-index:499; cursor:pointer;}
#work_dtl_prevBTN, #work_dtl_nextBTN { display:none; position:absolute; width:60px; height:60px; z-index:500;}
#work_dtl_prevBTN {top:30px; left:30px;}
#work_dtl_nextBTN {top:30px; right:30px; }
#work_dtl_prevBTN_bg, #work_dtl_nextBTN_bg { display:block; position:absolute; width:60px; height:60px; background:#9F0409; /*filter:alpha(opacity=25); opacity:.250;*/ z-index:498;}
#work_dtl_prevBTN_bg {top:30px; left:30px;}
#work_dtl_nextBTN_bg {top:30px; right:30px; }
#work_dtl_slideshow_violator {position:absolute; width:180px; height:50px; top:330px; left:10px; background: url(../images/main_gradbar.png) no-repeat top left #9f0409; z-index:495;}
#home_slideshow_violator {position:absolute; width:580px; height:50px; bottom:30px; left:30px; background: url(../images/main_gradbar.png) no-repeat top left #9f0409; z-index:500;}

#work_dtl_slideshow_violator, #work_dtl_slideshow_violator .slider { display:none; }
#home_slideshow_violator *,
#work_slideshow_violator *,
#culture_slideshow_violator *,
#prevBTN,
#nextBTN,
#culture_prevBTN,
#culture_nextBTN {display:none; z-index:0;}
#project_caption {display:none;}
#project_caption p { font-weight:bold; color:#FFFFFF; font-size:16px; margin:15px 0 0 20px; padding:0; }
#slide_navigation {display:none;}
#home_slideshow_violator a {text-decoration:none; color:#FFFFFF; font-weight:bold; margin-left:10px;  }
#slide_navigation a { display:inline-block; height:10px; width:10px; padding:0; margin: 20px 12px 20px 0; overflow:visible; background: url(../images/feat_dot_inactive.png) no-repeat left top; }
#slide_navigation a strong { display:none; }
#slide_navigation a.activeSlide { /*color:#ccd2c4;*/ background: url(../images/feat_dot_active.png) no-repeat top left; }
#project_caption a { font-weight:bold; color:#FFFFFF; margin:0; padding:0; display:inline-block; }
#project_caption a:hover { /*background: url(../images/feat_dot_horiz_border.png) repeat-x bottom left;*/ }
#prevBTN,#nextBTN { display:block; position:absolute; width:30px; height:60px;  }
#prevBTN { top: 165px; left: 0px; z-index:506; }
#nextBTN {top: 165px; right: 0px; z-index:507; }
#prevBTN a, #nextBTN a { width:30px; height:60px; display:block; background: url(../images/mainfeature_nav.png) no-repeat; }
#prevBTN a { background-position:-30px 0px; }
#prevBTN a:hover { background-position: -30px -60px; }
#nextBTN a {  background-position:0px 0px; }
#nextBTN a:hover { background-position: 0px -60px; }

/***********************************************
* Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: hidden;
/*overflow: scroll; /*leave this value alone*/
width: 300px; /*Width of Carousel Viewer itself*/
height: 59px; /*Height should enough to fit largest content's height*/
display:block;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.commcarousel {
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: hidden;
/*overflow: scroll; /*leave this value alone*/
width: 580px; /*Width of Carousel Viewer itself*/
height: 64px; /*Height should enough to fit largest content's height*/
display:block;
}

.commcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}.commcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 580px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

text,
p,
h1,
h2,
h3,
h4,
h5,
h6,
img{
	float:none !important;
}
.subfeat_bubble
{
	float:right !important;
}
.work_feat_item,
.margin_r_16,
.contact_triple_box,
.MR12,
.contact_triple_menu,
#directionsWrangler,
#map_wrangler
{
	float:left !important;
	display:inline-block;
}
.contact_triple_box,
.MR12,
.contact_triple_menu,
#directionsWrangler *,
#map_wrangler *
{ color:#000000; }
.no_print {display:none;}

/** {padding-left:0; margin-left:0; background:none; background-color:none; border:1px solid red;}*/