/* Site Layout Styles
 * Updated:  Date @ Time
 * Author: Firstname Lastname <company url>
 * ---------------------------------------------*/


	@import "thickbox.css";

	/*
        -- TOC
        ---------------------------------------
        1. Colors
        2. Reset        
		3. Fix Floats
        4. Links
        5. Typography
        6. Structure
        */

        /* -- COLORS
        ---------------------------------------*/
		/* blue 	= 		#003366 */
		/* oak red  =		#da4100 */
		/* green	=		#8b9330 */
		/* drk grey	=		#444444 */
		/* white 	=		#ffffff	*/
		/* black 	=		#000000 */

        /* -- 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-size: inherit; font-family: inherit; list-style: none; }

        table { border-collapse: collapse; border-spacing: 0; }


        /* -- FIX FLOATS
        ---------------------------------------*/
        .clearfix:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; }
        * html .clearfix { height: 1%; }
        *+ html .clearfix { height: 1%; }


        /* -- LINKS
		---------------------------------------*/
		a { color: #444444; text-decoration: none; }
		a:hover { text-decoration: underline; }
	
		
		/* -- TYPOGRAPHY
		---------------------------------------*/
		h1, h2, h3, h4, h5 { text-align: left; }
		
		p { margin: 0 0 .8em; }

        /* -- STRUCTURE
        ---------------------------------------*/
        body { color: #444444; font: 62.5%/1.6 "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }
	
	
		/* -- container -- */
		#container { width: 900px; margin: 0 auto; }
		
		
			/* -- header */
			#header { height: 104px; background: url(../images/bg.gif) 0 0 no-repeat; }
		
				/* logo */ 		#header h1 { float: left; padding: 15px 4px 0; }
				/* places */	#header h2 { float: right; padding: 80px 10px 0; }
				
				
			/* -- navigation */
			#nav { height: 36px; background: url(../images/bg.gif) 0 -104px no-repeat; }
			#nav ul { float: left; width: 536px; height: 36px; background: url(../images/btn-nav.gif) 0 0 no-repeat; }
			#nav li { position: relative; float: left; height: 36px; z-index: 99; }
			#nav li a { display: block; height: 36px; text-indent: -999em; background-image: url(../images/btn-nav.gif); }
			
				/* off state */ 	#nav li a.home { width: 65px; background-position: -471px 0; }
									#nav li a.ourfirm { width: 83px; background-position: 0 0; }
									#nav li a.aop { width: 144px; background-position: -83px 0; }
									#nav li a.law { width: 61px; background-position: -227px 0; }
									#nav li a.careers { width: 84px; background-position: -288px -36px; }
									#nav li a.contactus { width: 99px; background-position: -372px 0; }
				
				/* over state */ 	#nav li a.home:hover { width: 65px; background-position: -471px -36px; }
									#nav li a.ourfirm:hover { width: 83px; background-position: 0 -36px; }
									#nav li a.aop:hover { width: 144px; background-position: -83px -36px; }
									#nav li a.law:hover { width: 61px; background-position: -227px -36px; }
									#nav li a.careers:hover { width: 84px; background-position: -288px -36px; }
									#nav li a.contactus:hover { width: 99px; background-position: -372px -36px; }
									
				/* dropdown */		#nav ul.sf-menu ul { position: absolute; top: -999em; width: 194px; }
									#nav ul.sf-menu li li:hover ul, #nav ul.sf-menu li li.sfHover ul { top: 0; left: 194px; }				
									#nav ul.sf-menu ul li { float: left; width: 100%; height: auto; }									
									#nav ul.sf-menu li:hover { visibility: inherit; }									
									#nav ul.sf-menu li:hover ul, #nav ul.sf-menu li.sfHover ul { height: auto; padding: 0 0 7px; top: 36px; left: 0; z-index: 99; background: url(../images/bg-dropdown-corner.png) left bottom no-repeat; }						#nav ul.sf-menu li li a { padding: 5px 15px; height: auto; color: #fff; font-size: 1.2em; text-indent: 0; text-decoration: none; }
									#nav ul.sf-menu li:hover a.ourfirm, #nav ul.sf-menu li.sfHover a.ourfirm { background-position: 0 -36px; }
									#nav ul.sf-menu li:hover a.aop, #nav ul.sf-menu li.sfHover a.aop { background-position: -83px -36px; }
									#nav ul.sf-menu li:hover a.law, #nav ul.sf-menu li.sfHover a.law { background-position: -227px -36px; }
									#nav ul.sf-menu li:hover a.careers, #nav ul.sf-menu li.sfHover a.careers { background-position: -288px -36px; }
									#nav ul.sf-menu li:hover a.contactus, #nav ul.sf-menu li.sfHover a.contactus { background-position: -372px -36px; }							
									#nav ul.sf-menu li:hover li a, #nav ul.sf-menu li.sfHover li a { background: #da4100; }
									#nav ul.sf-menu li:hover li a:hover, #nav ul.sf-menu li.sfHover li a:hover { background: #003366; }									
									#nav ul.sf-menu li li:hover a, #nav ul.sf-menu li li.sfHover a { background: #003366; }
									#nav ul.sf-menu li li:hover li a, #nav ul.sf-menu li li.sfHover li a { background: #da4100; }
									#nav ul.sf-menu li li span.sf-sub-indicator { display: block; position: absolute; top: 1em; /* ie6 */ right: 1em; width: 4px; height: 8px; text-indent: -999em; overflow: hidden; background: url(../images/icon-arrow.png) no-repeat; }
			
				/* search */	#nav form { float: right; width: 195px; padding: 9px 0 0 0; }
								#nav form input { float: left; width: 108px; padding: 2px 3px; border: 1px solid #ccc; }
								#nav form button { float: left; width: auto; margin: 0; padding: 0; border: 0; background: none; cursor: pointer; text-indent: -999em; }
								#nav form button span { position: relative; display: block; width: 63px; height: 20px; margin: -1px 0 0 0; padding: 0; background: url(../images/btn-search.gif) 0 0 no-repeat;  white-space: nowrap; }						.search_form { padding-bottom: 10px; }
								.search_form label { display: none; }
								.search_form input { margin-left: 5px; }
								.search_form button { background: url(../images/btn-search.gif) 0 0 no-repeat; text-indent: -999em; cursor: pointer; margin: 0; padding: 0; border: 0; width: 63px; height: 20px; }
							
		/* -- content */
		#content { position: relative; background: url(../images/bg.gif) 0 -140px; font-size: 1.2em; text-align: justify; }
		
		#content .banner_bar { color: #fff; font-size: 1.7em; font-weight: normal; padding: 15px 0 0 25px; }
		
		#content h2 { color: #8b9330; font-size: 2.3em; font-weight: normal; padding-right: 20px; }
		#content h3 { color: #da4100; font-size: 1.2em; font-weight: bold; margin: 5px 0; }
		#content h4 { color: #003366; font-size: 1.1em; font-weight: bold; margin: 5px 0; }
		#content ul { margin: 10px 0; }
		#content ul li { margin: 0px 15px; padding: 5px 0; }
		#content a { color: #003366; font-weight: bold; text-align: left; }	
		#content #random_1 { float: left; position: absolute; top: 9px; right: 10px; margin: 0px; padding: 0px; height: 205px; width: 205px; }
		
		#content .record_content { padding: 20px 20px 0 27px; }
		#content .record_content #label { font-weight: bold; }
		#content .record_content #label:after { content: ":"; }
		#content ul.category_list { padding: 0 0 0 27px; }
		#content ul.category_list li { list-style: disc; }
		#content .record_content .record_image { float: right; margin: 0 0 15px 15px; }
		#record_thumbnail_corners { width: 67px; height: 100px; }
		#content .knowledge_list_table td { padding: 5px 0; vertical-align: middle; }
		
		#content .record_content_left { float: left; width: 675px; margin: 0 7px 0 0; }
		#content .record_content_left li { list-style: disc; }
		#content .record_content_left .extra_links { padding: 10px 0 0; }
		#content .record_content_left .extra_links li { list-style: none; margin: 0px; }
		#content .record_content_left .extra_links ul li a { padding: 3px 0px 3px 25px; color: #444; }
		#content .record_content_left .extra_links ul li a.print { background: url(../images/printer.gif) 0 0px no-repeat; }			
		#content table.knowledge_list_table .record_list_image { width: 67px; height: 100px; float: left; margin-right: 20px; }
		#content table.knowledge_list_table .record_list_details { float: left; width: 530px; }
		#content .record_content_left #our_person_corners { float: left; margin: 10px 15px 15px 0; width: 133px; height: 200px; }
		
		/* files list */
		#content .record_content_left ul.files_list { margin: 15px 0 0; padding: 0; }	
		#content .record_content_left ul.files_list li { margin: 0 0 5px; padding: 0; list-style: none; }
		#content .record_content_left ul.files_list li img { margin-right: 5px; vertical-align: middle; }
		
		#content .record_content_right { float: left; width: 192px; margin: 219px 0 0 0; text-align: left; }
		#content .record_content_right table { margin: 10px; }
		#content .record_content_right table .no_wrap { white-space: nowrap; }
		#content .record_content_right table h3 { vertical-align: top; margin-top: 0px; }
		#content .record_content_right td { padding: 5px; }
		#content .record_content_right .contact_bar { width: 200px; height: 40px; background: url(../images/bg.gif) -684px -222px; color: #fff; font-size: 1.5em; font-weight: normal; padding: 2px 0 0 15px; margin: 0px; }
		#content .record_content_right ul { margin: 10px 0 0 18px; }
		#content .record_content_right .contact_label { font-weight: bold; color: #da4100; }
		#content .record_content_right .contact_label:after { content: ":"; }
		
		#content #outter_content { width: 640px; margin: 20px; min-height: 130px; }
		#content #outter_content { list-style: disc; }
		#content #outter_content .search_form { height: 40px; }
		#content #outter_content .search_form legend { display: none; }
		#content #outter_content .noshow { display: none; }
		#content #outter_content .news_list { margin-left: 5px; }
		#content #outter_content .news_list li { list-style: none; }
		#content #outter_content ul.sitemap_level1 { font-size: 1.1em; }
		#content #outter_content ul.sitemap_level2 { font-size: .9em; }
											
		/* -- footer */
		#footer { padding: 25px 0 15px; background: url(../images/bg.gif) 0 -3186px no-repeat; font-size: 1.1em; }
		#footer p { float: left; padding: 0 15px; }
		#footer p.external-link { float: right; }
		#footer p.external-link a { color: #aaa; }
		#footer img { vertical-align: middle; } 
		
		/* -- ENQUIRY FORMS
		---------------------------------------*/
		form#info_form { margin-bottom: 30px; padding: 0; border: 0; }
		form#info_form fieldset,  form#info_form legend { margin: 0; padding: 0; border: 0; }
		form#info_form div { margin: 15px 0 0; }
		form#info_form label { display: block; width: 100%; text-align: left; }
		form#info_form label:after { content: ":"; }
		form#info_form input,  form#info_form textarea,  form#info_form select { margin: 3px 0; width: 246px; }
		form#info_form textarea { width: 250px; height: 60px; }
		form#info_form br { clear: left; }
		form#info_form .cancel { display: none; }
		form#info_form { position: relative; padding: 0; }
		form#info_form #form_info_buttons { position: absolute; left: 0; }
		form#info_form fieldset fieldset div { background: none; }
		form#info_form .submit { float: right; margin: 0; width: auto; }
			
		/* -- thickbox styles */
		#TB_overlay { position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; }
		.TB_overlayMacFFBGHack { background: url(../images/macFFBgHack.png) repeat; }
		.TB_overlayBG { background: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
		#TB_window { position: fixed; z-index: 102; background: #fff; color: #000; display: none; text-align: left; top: 50%; left: 50%; }
		#TB_window img#TB_Image { display: block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666666; border-left: 1px solid #666666; }
		#TB_caption { height: 25px; padding: 7px 30px 10px 25px; float:left; }
		#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
		#TB_closeAjaxWindow { padding: 7px 10px 5px 0; margin-bottom: 1px; text-align: right; float: right; }
		#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
		#TB_title { background-color:#fff; height:27px; }
		#TB_title img { vertical-align: middle; }
		#TB_ajaxContent { text-align:left; }
		#TB_ajaxContent.TB_modal { padding:15px; }
		#TB_ajaxContent p { padding:5px 0px 5px 0px; }
		#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
		#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
		#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }