/*********COLORS**********
	Background: #f1f1f1;
	Text: #000000;
	Yellow: #ffdd00;
	Blue: #2278BB;
**************************/
/*-----------------------------------------------------------------------------------
  Global Reset v0.2 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212)
-----------------------------------------------------------------------------------*/


/*---------------------------
  Elements
---------------------------*/
	body { background-color: #f1f1f1; color: #000000; font-size: 12px; font-family: "Lucida Grande", 'Lucida Sans Unicode', Verdana, Arial, sans-serif; }
	h1 { font-family: Georgia, "Times New Roman", serif; font-size: 30px; font-style: italic; font-weight: normal; margin: 0 0 20px 0; }


/*---------------------------
  Global
---------------------------*/
	.clear { clear: both; }
	.left { float: left; }
	.block_left { float: left; margin: 0 10px 10px 0; }
	.right { float: right; }

	/* Custom Drop Down */
	.ui-dropdown { float: right; height: 28px; margin: 5px 5px 0 5px; position: relative; width: 356px; z-index: 1000; }
	.ui-dropdown a { color: #999; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 14px; text-decoration: none; }
	.ui-dropdown dt { background: #1d1d1d; height: 28px; padding: 1px; }
	.ui-dropdown dt a { background: url(../images/drop_down_arrow.gif) no-repeat right center; display: block; height: 28px; line-height: 21px; padding: 3px 6px 0 6px; }
	.ui-dropdown dd { max-height: 250px; left: 0; overflow: auto; position: absolute; top: 30px; width: 366px; }
	.ui-dropdown .ui-dropdown-options { border: 1px #1d1d1d solid; list-style-image: none; margin: 0; padding: 0; }
	.ui-dropdown .ui-dropdown-options li { margin: 0; padding: 0; }
	.ui-dropdown .ui-dropdown-options a { background-color: #333; color: #ccc; display: block; font-style: normal; height: 30px; line-height: 30px; padding: 0 0 0 6px; }
	.ui-dropdown .ui-dropdown-options a:hover, .ui-dropdown .ui-dropdown-options .ui-state-active { background-color: #2278BB; color: #fff; }
	
	/* Custom Checkbox - altered to be multi-select field - bp */
	.ui-checkbox { color: #999; display: block; font-size: 12px; line-height: 14px; padding: 6px; width: 166px; }
	.ui-checkbox-checked { background: #2278BB; color: #fff; display: block; padding: 6px; width: 166px; }
	
	/* Custom Scroll Bar */
	.ui-scrollbar { position: absolute; z-index: 2; }
	.ui-scrollbar-horizontal { height: 12px; left: 0; bottom: 0; width: 100%; }
	.ui-scrollbar-horizontal .ui-scrollbar-track { background-color: #1d1d1d; font-size: 0; height: 100%; left: 0; position: absolute; width: 100%; }
	.ui-scrollbar-button-left, .ui-scrollbar-button-right { background: #1d1d1d url(../images/scrollbar_arrows_horizontal.png) no-repeat left top; display: block; font-size: 0; height: 100%; position: absolute; top: 0; width: 18px; z-index: 9; }
	.ui-scrollbar-button-left { left: 0; }
	.ui-scrollbar-button-right { background-position: -18px top; right: 0; }
	.ui-scrollbar-horizontal .ui-scrollbar-handle { background-color: #2278BB; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100px; }

	.ui-scrollbar-vertical { height: 100%; right: 0; top: 0; width: 12px; }
	.ui-scrollbar-vertical .ui-scrollbar-track { background-color: #1d1d1d; font-size: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
	.ui-scrollbar-vertical .ui-scrollbar-button-up, .ui-scrollbar-vertical .ui-scrollbar-button-down { background: #1d1d1d url(../images/scrollbar_arrows.gif) no-repeat left top; display: block; left: 0; position: absolute; height: 18px; width: 100%; z-index: 9; }
	.ui-scrollbar-vertical .ui-scrollbar-button-up { top: 0; }
	.ui-scrollbar-vertical .ui-scrollbar-button-down { background-position: 0 -18px; bottom: 0; }
	.ui-scrollbar-vertical .ui-scrollbar-handle { background-color: #2278BB; display: block; height: 100px; left: 0; position: absolute; top: 0; width: 15px; }
	
	/* lightbox */
	#lightbox { background-color: #fff; border: 1px solid #ccc; padding: 10px; position: absolute; z-index: 1000; }
	#lightbox_overlay { background-color: #000; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; }
	#lightbox_close { background: url(http://client.interactivemindsinc.com/nlda/images/close.png) no-repeat center center; display: block; height: 30px; left: -15px; position: absolute; text-indent: -9999em; top: -15px; width: 30px; }
	#lightbox .caption { color: #5E4C4B; float: left; font-size: 11px; padding: 5px 0 0 0; }
	#lightbox .lightbox_nav { float: right; padding: 5px 0 0 0; }
	#lightbox .lightbox_nav a, #lightbox .lightbox_nav span { color: #5E4C4B; font-size: 11px; padding-right: 4px; }
	

/*-------------------------------------------
  Header
-------------------------------------------*/
	#header { margin: 40px 0 30px 0; }
	#nav { float: right; list-style: none; margin: 25px 0 0 0; }
	#nav li { display: inline; text-transform: uppercase; margin: 0 0 0 35px; }
	#nav li a { background: url(../images/nav_sprite.png) no-repeat left 3px; color: #999; padding: 0 0 0 14px; text-decoration: none; }
	#nav li a:hover, #header ul li a.selected { background-position: left -12px; color: #F9F9F9; }
	
	#header .main_logo { background: url('../images/logo_main.png') no-repeat bottom left; display: block; height: 60px; text-indent: -9999px; width: 325px; }
	
	/* Main Nav */
	#nav li.services a { background-position: left -27px; }
	#nav li.services a:hover, #nav li.services a.selected { background-position: left -42px; }
	#nav li.about-hba a { background-position: left -57px; }
	#nav li.about-hba a:hover, #nav li.about-hba a.selected { background-position: left -72px; }
	#nav li.news a { background-position: left -87px; }
	#nav li.news a:hover, #nav li.news a.selected { background-position: left -102px; }
	#nav li.contact a { background-position: left -117px; }
	#nav li.contact a:hover, #nav li.contact a.selected { background-position: left -132px; }


/*-------------------------------------------
  Content
-------------------------------------------*/
	#wrapper { margin: 0 auto; width: 940px; }
	
	/* Default Content styles */
	.content p { color: #cbcbcb; font-size: 12px; line-height: 20px; padding: 0 0 15px 0; }
	.content p.intro_text { color: #f9f9f9; font-size: 18px; line-height: 25px; }
	.content .column_left { float: left; width: 520px; }
	.content .column_right { float: right; padding: 5px 0 0 0; width: 380px; }
	.content .column_right img { padding: 0 0 10px 0; }
	
	#content { padding: 0 0 25px 0; }

	/* Home Page */
	#feature { height: 415px; margin: 0; overflow: hidden; position: relative; width: 940px; }
	#feature .feature { height: 415px; left: 0; position: absolute; top: 0; width: 940px; z-index: 10; }
	#feature .feature div { background: url('../images/cover_01.png'); border: 0; bottom: 10px; color: #f9f9f9; display: block; height: 30px; position: absolute; right: 10px; text-decoration: none; z-index: 100; }
	#feature .feature div:hover, #feature .feature div.hover { background: #ffdd00; }
	#feature a { color: #f9f9f9; }
	#feature .feature div a:hover, #feature .feature div:hover a, #feature .feature div.hover a { color: #161616; }
	#feature .feature div a.title { display: inline-block; font-size: 14px; font-weight: bold; line-height: 18px; margin: 5px 15px 7px 15px; }
	#feature .feature div a.location { display: inline-block; font-family: "Georgia", "Times New Roman", serif; font-size: 14px; font-style: italic; margin: 0 15px; }
	
	
	#content h1.main_text { font-family: "Georgia", sans-serif; font-weight: normal; font-size: 12px; font-style: italic; letter-spacing: 0.025em; line-height: 20px; margin: 15px 0; }
	#content h1.main_text a { color: #FCD820; font-family: "Lucida Grande", "Verdana", "Arial", sans-serif; font-weight: normal; font-size: 10px; font-style: normal; text-decoration: none; text-transform: uppercase; }
	#content .other_brands { float: right; font-family: "Georgia", sans-serif; font-weight: normal; font-size: 12px; font-style: italic; height: 36px; line-height: 35px; letter-spacing: 0.025em; line-height: 20px; margin: 0 0 -20px 0; *margin: 0 0 20px 0; overflow: hidden; width: 400px; }
	#content .other_brands a { display: block; float: right; margin: 0 0 0 25px; }
	#content .other_brands span { display: block; float: left; margin: 8px 0 0 0; }
	

	#content hr.bar { background: #1D1D1D; color: #1d1d1d; border: 0; clear: both; height: 8px; }
	#content .caption { color: #999; float: left; font-family: "Georgia", "Times New Roman", serif; font-size: 12px; font-style: italic; font-weight: lighter; }


	#photo_gallery { height: 430px; overflow: hidden; position: relative; width: 380px; }
	#photo_gallery .photo_with_caption { background-color: #161616; height: 100%; left: 0; position: absolute; top: 0; }
	
	#photo_gallery .photo_with_caption img { width: 380px; }
	
	/* Portfolio - preview */
	#portfolio_container { height: 340px; position: relative; width: 942px; }
	#portfolio_preview { height: 320px; list-style: none; left: 0; margin: 7px 0 0 0; overflow: hidden; position: absolute; top: 0; width: 2000px; }
	#portfolio_preview li { cursor: pointer; display: block; float: left; height: 320px; margin: 0 20px 0 0; overflow: hidden; position: relative; width: 274px; }
	#portfolio_preview li h3 { padding: 5px 0; }
	#portfolio_preview li h3 a { color: #fff; font-size: 13px; font-weight: normal; line-height: 1.2; position: relative; z-index: 1; }
	#portfolio_preview li h4 { font-family: Georgia, "Times New Roman", serif; font-size: 11px; font-style: italic; font-weight: normal; }
	#portfolio_preview li .portfolio_img_cover { background: url(../images/project_outline.png) no-repeat -59px top; display: none; height: 282px; left: 0; position: absolute; top: 0; width: 391px; z-index: 0; }
	/*#portfolio_preview li:hover .portfolio_img_cover { display: block; }*/
	#portfolio_preview li div.thumb { background: url(../images/placeholder.png) no-repeat center center; height: 251px; overflow: hidden; position: relative; width: 274px; }
	#portfolio_preview li div.thumb img { position: absolute; text-align: center; vertical-align: middle; }
  

	/* Portfolio - list */
	#portfolio_list { height: 460px; overflow: auto; position: relative; }
	#portfolio_list .ui-scrollbar-contents { left: 0; list-style: none; position: absolute; top: 0; width: 100%; }
	#portfolio_list td { padding: 8px 5px; }
	#portfolio_list td, #portfolio_list td a { color: #fff; font-size: 14px; }
	#portfolio_list tr { cursor: pointer; }
	/* #portfolio_list tr:hover td { background: #fd0; color: #161616; }
	#portfolio_list tr:hover td a { color: #161616; } */
	#portfolio_list th { color: #666; font-size: 12px; padding: 5px; text-align: left; }
	#portfolio_list th a { color: #666; }
	#portfolio_list th a.active { color: #FFDD00; }
  
	.project_detail { margin: 30px 0; }
	.project_detail .col_left { float: left; width: 480px; }
	.project_detail .col_right { float: right; width: 440px; }
	.project_detail .col_left img { padding: 0 0 10px 0; }
	.project_detail .link a { color: #dd0101; font-size: 10px; text-transform: uppercase; }
	.project_detail .col_right h1 { color:#000000; font-size: 20px; margin: 0 0 6px 0; font-style:normal;}
	.project_detail .col_right h2 { color: #666; font-size: 14px; font-weight: normal; margin: 0 0 6px 0; text-transform: uppercase; }
	.project_detail .col_right h3 { color: #666; font-size: 12px; font-weight: normal; }
	#project_thumbnails { margin: 18px 0 10px 0; overflow:visible; position: relative; width: 440px; }
	#project_thumbnails ul {
	height: 60px;
	list-style: none;
	position: absolute;
	width: 2000px;
	left: -38px;
}
	#project_thumbnails li { float: left; height: 55px; margin: 10px 10px 0 0; overflow: hidden; width: 60px; }
	#project_thumbnails li img { float: left; opacity: 0.5; overflow: hidden; }
	#project_thumbnails li a { float: left; overflow: hidden; }
	#project_thumbnails li a:hover, #project_thumbnails li a.selected { border: 2px solid #000000; }
	#project_thumbnails li a:hover img, #project_thumbnails li a.selected img { float: left; margin: -2px; opacity: 1; }
	.project_detail p { margin: 0 10px 0 0; }
	#large_image { height: 480px; margin: 0 0 5px 0; overflow: hidden; position: relative; width: 480px; }
	#large_image img { position: absolute; }
	#large_image_load { display: none; left: -240px; margin: 0 0 0 50%; position: absolute; top: 400px; }

  /* Services */
	.services_slider_padding { height: 350px; }
	.services_slider_wrap { left: 0; margin: 20px 0; overflow: hidden; position: absolute; width: 100%; }
	ul.services_slider { width: 7000px; }
	ul.services_slider li { width: 850px; float: left; }
	ul.services_slider li img { float: left; }
	ul.services_slider li .col_right { float: right; padding: 20px 40px 0 0; width: 400px; }
	ul.services_slider li .col_right h2 { color: #2278BB; font-size: 14px; font-weight: normal; margin: 0 0 8px; text-transform: uppercase; }

	#services_container, #services_container { background: #161616; width: 940px; height: 350px; }

	/* About - Leaders */
	#about_leaders { height: 340px; position: relative; width: 940px; }
	#about_leaders ul { height: 320px; list-style: none; left: 0; margin: 7px 0 0 0; overflow: hidden; position: absolute; top: 0; width: 2000px; }
	#about_leaders ul li { display: block; float: left; height: 320px; margin: 0 20px 0 0; width: 300px; }
	#about_leaders ul li h3 { font-size: 14px; font-weight: normal; line-height: 30px; }
	#about_leaders ul li h4 { font-family: "Georgia", "Times New Roman", serif; font-size: 12px; font-style: italic; }

	/* Press Releases */
	.press_preview { border-bottom: 1px #333 solid; overflow: hidden; padding: 15px 0 35px 0; }
	.press_preview .preview_copy { float: left; width: 775px; }
	.press_preview .preview_copy h2 { color: #f9f9f9; font-size: 18px; font-weight: normal; line-height: 25px; margin: 0 0 5px 0;  }
	.press_preview .preview_copy h3 { color: #666; font-size: 12px; font-weight: normal; margin: 0 0 20px 0; }
	.press_preview .preview_copy p { width: 700px; }

	.press_preview .preview_copy a.link { background: url(../images/icon_launch.gif) top left no-repeat; color: #ffdd00; font-size: 10px; padding: 0 0 0 20px; text-transform: uppercase; }
	.press_preview .preview_copy a.pdf { background: url(../images/icon_pdf.gif) top left no-repeat; color: #ffdd00; font-size: 10px; padding: 0 0 0 20px; text-transform: uppercase; }

	.press_list { margin: 10px 0 0 0; width: 100%; }
	.press_list tbody tr:hover, .press_list tbody tr.hover { cursor: pointer; }
	.press_list tbody tr:hover td, .press_list tbody tr:hover td a, .press_list tbody tr.hover td, .press_list tbody tr.hover td a { background-color: #ffdd00; color: #161616; }
	.press_list th { color: #666; font-size: 12px; padding: 6px 10px 10px 0; text-align: left; }
	.press_list td { color: #fff; font-size: 14px; margin: 1px 0; padding: 6px 10px 10px 0; }
	.press_list td a { color: #fff; line-height: 1.2; }
	.press_list td.link { background: #161616 url(../images/icon_launch.gif) no-repeat 10px 8px; }
	.press_list td.pdf { background: #161616 url(../images/icon_pdf.gif) no-repeat 8px 8px; }

	ul.pub_list { list-style: none; margin: 10px 0 0 -10px; }
	ul.pub_list li { font-size: 14px; }
	ul.pub_list li a { color: #f9f9f9;}
	ul.pub_list li a span.col_icon,
	ul.pub_list li a span.col_one,
	ul.pub_list li a span.col_two,
	ul.pub_list li a span.col_three { float: left; line-height: 14px; margin: 1px 0; padding: 6px 10px; }
  
	ul.pub_list li span.col_icon { width: 10px; }
	ul.pub_list li span.col_one { width: 430px; }
	ul.pub_list li span.col_two { width: 250px; }
	ul.pub_list li span.col_three { width: 180px; }
  
	ul.pub_list li a:hover span.col_icon,
	ul.pub_list li a:hover span.col_one,
	ul.pub_list li a:hover span.col_two,
	ul.pub_list li a:hover span.col_three { color: #161616; background: #ffdd00; }
  
	ul.pub_list li.title span.col_icon,
	ul.pub_list li.title span.col_one,
	ul.pub_list li.title span.col_two,
	ul.pub_list li.title span.col_three { color: #666; float: left; font-size: 12px; padding: 6px 10px 10px 10px; }
  
	.key { color: #fff; float: left; margin: 15px 20px 0 0; opacity: .2; }
  
  /* Contact - Offices */
	.contact_map { background: url(../images/map_bg.png) no-repeat top left; float: left; height: 441px; position: relative; width: 701px; }
	.contact_map a { background: url(../images/map_marker.png) no-repeat top left; height: 17px; position: absolute; text-indent: -9999px; width: 22px; }
	.contact_map a:hover, #content .contact_map a.selected, #content .contact_map a.hover { background-position: -22px 0; }
  
	.map_date { font-size: 10px; left: 10px; position: absolute; top: 10px; }
	.map_time { font-size: 10px; position: absolute; right: 10px; top: 10px; }
	span.blue { color: #2278BB; }
  
	#office_info { background: #161616; float: right; margin: -19px 0 0 0; min-height: 413px; padding: 13px; width: 206px; }
	#office_info h2 { font-family: "Georgia", "Times New Roman", serif; font-size: 24px; font-style: italic; font-weight: normal; padding: 4px 0; }
	#office_info p { padding: 2px 0 10px 0; }
	#office_info img { border-top: 1px #2F2F2F solid; border-bottom: 1px #2F2F2F solid; padding: 15px 0; }
	#office_info p.phone { padding: 10px 0 0 0; }
	#office_info p.phone span { color: #ffdd00; }
	#office_info p.email { line-height: 18px; padding: 6px 0 0 0; }
	#office_info p.email a { color: #ffdd00; font-size: 11px; text-decoration: none; }
	#office_info p.email a:hover { text-decoration: underline; }
  
  
	.col_form_left { float: left; width: 400px; }
	.col_form_left p {  }
	.col_form_left h2 { font-family: Georgia, "Times New Roman", serif; font-size: 24px; font-style: italic; font-weight: lighter; padding: 4px 0 10px 0; }
  
	.col_form { float: right; width: 500px; }
	.col_form .ui-dropdown { float: left; }
	.col_form h2 { font-family: Georgia, "Times New Roman", serif; font-size: 24px; font-style: italic; font-weight: lighter; padding: 4px 0 10px 0; }
	.col_form h2 span { color: #cbcbcb; font-size: 12px; }
	.col_form form label { color: #999; display: block; font-size: 12px; float: left; padding: 13px 10px 14px 0; text-align: right; width: 105px; }
	.col_form form select, .col_form form input, .col_form form textarea { background: #1d1d1d; border: 0; color: #999; /*float: right;*/ font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: 14px; margin: 5px; padding: 6px; width: 354px; }
	.col_form form input.send { background: #2278BB; border: 0; color: #fff; font-size: 14px; margin: 5px 221px 5px 5px; padding: 6px; text-align: center; width: 150px; }
  
	.col_form form .multipleSelect { background: #1d1d1d; border: 0; color: #999; float: left; margin: 5px; }


/*-------------------------------------------
  Footer
-------------------------------------------*/
	#footer { border-top: 1px #333 solid; margin: 10px 0 0 0; padding: 15px 0; }
	#footer ul { list-style: none; margin-bottom: 15px; }
	#footer ul li { border-right: 1px #999 solid; float: left; height: 11px; padding: 0 8px; }
	#footer ul li:first-child { padding: 0 8px 0 0; }
	#footer ul li:last-child { border: 0px; }
	#footer ul li a { color: #f9f9f9; font-size: 11px; line-height: 14px; text-decoration: none; }
	#footer ul li a:hover { text-decoration: underline; }
	#footer small { color: #666; font-size: 10px; margin: 20px 0; }