/* Site Layout Styles
 * Updated:  9 Sep 2008 @ 1.45pm
 * Author: Matthew Holmes <www.ivt.com.au>
 * ---------------------------------------------*/

	/* -- 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: 100%; 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, a:visited { color: #032243; text-decoration: underline; outline: none; }
 	a:hover { text-decoration: none; }
 	
 	
 	/* -- TYPOGRAPHY
 	---------------------------------------*/
 	h1, h2, h3, h4, h5, h6 { color: #032243; font-weight: normal; text-transform: lowercase; }
 	h1 { font-size: 3em; }
 	h2 { font-size: 1.5em; }
 	h3 { font-size: 1.2em; }
 	h4 { text-transform: none; font-weight: bold; font-size: 1.2em; }
 	
 	p { font-size: 1.1em; margin: 0 0 .5em; }


	/* -- STRUCTURE
 	---------------------------------------*/
	body { color: #032243; font: 62.5%/1.6 Helvetica, Arial, sans-serif; }
	
	/* -- container */
	#container { width: 960px; margin: 0 auto; }
	
	
	/* -- HEADER
	---------------------------------------*/
	#header { height: 119px; background: #062449 url(../images/web/bg-container.gif) top right no-repeat; }
	#header h1 { padding: 13px 30px 0; }
	
	
	/* -- CONTENT
	---------------------------------------*/
	#content { min-height: 400px; padding: 10px; }
	#content .left { float: left; width: 142px; }
	#content .middle { float: left; width: 510px; font-size: 1.1em; margin-left: 10px; }
	#content .right { float: right; width: 265px; line-height: 1; }
	#content .right div { margin: 0 0 10px; }
	
	/* -- find a report */
	#find_a_report h2 { position: relative; width: 142px; height: 20px; font-size: 1.1em; }
	#find_a_report h2 span { position: absolute; width: 100%; height: 100%; background: url(../images/h2-find-a-report.gif) no-repeat; }
	#find_a_report div { padding: 3px; border: 1px solid #dbdbdc; border-top: 0; margin: 0px; }
	#find_a_report div div { border: 0; padding: 0px; }

	#find_report_search h2 { font-size: 1.2em; }
	#find_report_search select { width: 128px; }
	
	
	
	
	#find_report_search .search_button input { display: block; width: 135px; height: 31px; padding: 0; margin: 5px 0 0; text-indent: -999em; border: 0; background: url(../images/btn-search.gif) no-repeat; cursor: pointer; }
	* html #find_report_search .search_button input { padding: 31px 0 0; }
	*+html #find_report_search .search_button input { padding: 31px 0 0; }
	
	.list_all_reports input { display: block; width: 135px; height: 31px; padding: 0; margin: 0; border: 0; text-indent: -999em; background: url(../images/btn-list-reports.gif) no-repeat; cursor: pointer; }
	* html #find_report_search .list_all_reports input { padding: 31px 0 0; }
	
	/* -- preview */
	#preview { text-align: center; }
	#preview_description { text-align: left; }
	
	#whatwedo h2 { position: relative; width: 510px; height: 20px; margin: 0px; font-size: 1.1em; }
	#whatwedo h2 span { position: absolute; width: 100%; height: 100%; background: url(../images/web/what-we-do.gif) no-repeat; }
	#whatwedo div { margin: 0 0 10px; padding: 10px; border: 1px solid #dbdbdc; border-top: 0; }
	#whatwedo div div { border: 0; }
	#whatwedo img.img_left { float: left; margin: 0 10px 0 0; }
	
	
	/* -- featured franchises */
	#featured_franchises h2 { position: relative; width: 510px; height: 20px; padding: 0px; margin: 0px; font-size: 1.1em; }
	#featured_franchises h2 span { position: absolute; width: 100%; height: 100%; background: url(../images/h2-featured-franchises.gif) no-repeat; }
	#featured_franchises div { padding: 0px; border: 1px solid #dbdbdc; border-bottom: 0; border-top: 0; background: url(../images/bg-divider.gif) 253px 0 repeat-y; }
	#featured_franchises div div { border: 0; }
	
	#featured_franchises ul li { float: left; width: 238px; padding: 10px 8px; border-bottom: 1px solid #dbdbdc; }
	#featured_franchises ul li img { float: left; padding-right: 10px; }

	#featured_franchises ul li table td { vertical-align: top; }

	
	/* -- featured reports */
	#featured_reports { margin: 10px 0; }
	#featured_reports h2 { position: relative; width: 510px; height: 20px; margin: 0px; font-size: 1.1em; }
	#featured_reports h2 span { position: absolute; width: 100%; height: 100%; background: url(../images/h2-featured-reports.gif) no-repeat; }
	#featured_reports div { padding: 11px 0 0 8px; border: 1px solid #dbdbdc; border-top: 0; }
	#featured_reports div div { border: 0; }
	#featured_reports ul li { float: left; width: 57px; height: 59px; margin: 0 6px 7px 7px; }
	#featured_reports ul li img { vertical-align: middle; }
	
	#emerging_franchises { margin: 10px 0; }
	#emerging_franchises h2 { position: relative; width: 510px; height: 20px; margin: 0px; font-size: 1.1em; }
	#emerging_franchises h2 span { position: absolute; width: 100%; height: 100%; background: url(../images/web/emerging-franchises.gif) no-repeat; }
	#emerging_franchises div { padding: 11px 0 0 8px; border: 1px solid #dbdbdc; border-top: 0; }
	#emerging_franchises div div { border: 0; }
	#emerging_franchises ul li { float: left; width: 57px; height: 59px; margin: 0 6px 7px 7px; }
	#emerging_franchises ul li img { vertical-align: middle; padding: 1px; }
	#emerging_franchises td#display_table { display: none; }
	
	*+html #featured_reports div { padding: 11px 0 10px 8px; }
	*+html #emerging_franchises div { padding: 11px 0 10px 8px; }
	
	#products2_secondary_category { margin: 0 0 5px; }
	
	#container_one div, #container_two div { margin: 0 0 10px; text-align: center; padding: 3px; border: 1px solid #dbdbdc; border-top: 0; }
	
	#container_one h2, #container_two h2 { position: relative; width: 510px; height: 20px; }
	#container_one h2 span, #container_two h2 span { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; }
	
	
	#table_layout, #others { display: none; }
	
	
	/* -- FOOTER
	---------------------------------------*/
	#footer { background: url(../images/web/bg-container.gif) 0 -2176px no-repeat; }
	#footer, #footer a { color: #fff; text-decoration: none; }
	#footer a { text-transform: uppercase; font-weight: bold; }
	#footer .left { float: left; padding: 3px 15px 0; }
	#footer .left span { padding-left: 20px; margin-left: 10px; background: url(../images/icon-phone.gif) 0 -2px no-repeat; }
	#footer .right { float: right; padding: 4px 15px 0; }
	#footer .right span { padding-left: 30px; }