/**********************************************
 ******************* MASTER *******************
**********************************************/

/* Created: 6 Oct 2009 & 10am
 * Author: Joshua Deidun <www.ivt.com.au>
*/

/*	TOC
 *	1. Colors
 *	2. Reset
 *	3. Links
 *	4. Typography
 *	5. Structure
*/


/*	1. COLORS
 *	----------------------------------------------
 *	drk green	=		#0c3d07
 *  light green	=		#DBE2DA
 *	orange		=		#ff7b00
 * 	grey		=		#666
*/	


/*	2. RESET - do not remove or modify
 *	----------------------------------------------
*/

	
	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, textarea { 
		margin: 0; 
		padding: 0; 
		border: 0; 
		outline: 0; 
		font-size: inherit; 
		font-family: inherit; 
		list-style: none; 
		}	
 	
	table { 
		border-collapse: collapse; 
		border-spacing: 0; 
		}

	ol, ul { 
		list-style: none; 
		}

	q:before, q:after, blockquote:before, blockquote:after { 
		content: ""; 
		}
		
	:focus {
		outline: 0;
		}
		
	legend {
		display: none;
		}
		
	hr {
		height: 1px;
		border: 1px solid #CCC;
		}
		
	/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
	.clearfix:after {
		clear: both;
		content: ' ';
		display: block;
		font-size: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
		height: 0;
		}

	.clearfix {
		display: inline-block;
		}

	* html .clearfix {
		height: 1%;
		}

	.clearfix {
		display: block;
		}


/*	3. LINKS
 *	----------------------------------------------
*/

	a:link, a:active, a:visited, a:hover {
		color: #0c3d07;
		outline: none;
		text-decoration: none;
		}
		
	a:hover {
		text-decoration: underline;
		}			

		
/*	4. TYPOGRAPHY
 *	----------------------------------------------
*/


	h1, h2, h3, h4, h5, h6 {
		color: #0c3d07;
		font-weight: bold;
		}
		
	h1 {
		font-size: 3.5em; 
		line-height: 1.2;
		}
		
	h2 {
		margin: 0 0 1em; 
		font: 1.2em "Trajan Pro", Times, "Times New Roman"; 
		font-weight: bold; 
		text-transform: uppercase;
		color: #0c3d07;
		}
		
	h2:first-letter { 
		font-size: 1.2em; 
		}		
		
	h3 {
		font-size: 1.1em;
		}			
		
		
	p { margin: .5em 0 1.5em; }						
		

/*	5. STRUCTURE
 *	----------------------------------------------
*/	

	body {
		margin: 0;
		padding: 0;
		font: 62.5%/1.6 Arial, Verdana, sans-serif;
		color: #666;
		background-color: #0c3d07;
		background-image: url(../images/bg.gif);
		background-repeat: repeat;
		background-position: 0 0;
		}
		
	#container {
		position: relative;
		width: 980px;
		margin: 30px auto;
		padding: 0;
		font-size: 1.1em;
		background: #fff url(../images/bg-container.png) no-repeat ;
		}
	
	#nav {
		height: 31px;
		background: url(../images/bg_nav.gif) repeat-x;
		padding: 12px 12px 0;
		border: 12px solid #FFF;
		border-right: 13px solid #FFF;
		border-bottom: 0; 
		}	
	
	#header {
		background: #fff url(../images/bg-header.gif) repeat-y;
		margin: 20px 0 0;
		height: 140px;
		}	
	
	#content {
		margin: 0;
		padding: 20px 0 20px;
		background: url(../images/bg-content.gif) 0 0 repeat-y;
		font-size: 1.1em;
		}
	
	#quicklinks {
		margin: 0 15px;
		padding: 20px 0 0 0;
		background: url(../images/bg_horz_divider.gif) 0 0 repeat-x; 
		font-size: 1.1em;	
		}
			
	#footer { 
		padding: 10px 0; 
		background: #DBE2DA url(../images/bg_footer_corner.gif) bottom left no-repeat; 
		color: #0c3d07; 
		}
		
	/* << --------- NAVIGATION --------- */
		
	#nav .corner { 
		position: absolute; 
		top: 0; 
		right: 0; 
		width: 20px; 
		height: 19px; 
		background: url(../images/bg_container_corner.gif) no-repeat; 
		}

		
	#nav ul {
		margin: 0;
		padding: 0;
		display: inline-block;
		float: left;
		list-style: none;
		}
		
	#nav ul li {
		float: left;
		margin: 0 8px 0 0;
		padding: 0;
		list-style: none;
		}
	
	#nav ul li a {
		float: left; 
		display: block; 
		margin: 0; 
		padding: 0;
		background: #FFB285 url(../images/bg_menu.gif) top repeat-x; 
		text-decoration: none;
		height: 31px;
		}	
	
	#nav ul li a span {	
		float: left; 
		display: block; 
		margin: 0; 
		padding: 5px 18px; 
		background: url(../images/bg_menu_off_corner.gif) top right no-repeat; 
		color: #C60; 
		font-size: 1.2em; 
		font-weight: bold; 
		cursor: pointer;
		}
		
		/* << --------- NAVIGATION HOVER / ON STATE --------- */
		
		#nav ul li a.on, #nav ul li a:hover { 
			background: #FFF; 
			}
			
		#nav ul li a.on span, #nav ul li a:hover span { 
			background: url(../images/bg_menu_on_corner.gif) top right no-repeat; 
			color: #C60; 
			}	
				
	/* << ----------- HEADER --------------- */	
	
	.left {
		float: left;
		width: 205px;
		padding: 0 20px 0;
		}
		
	#header .middle {
		float: left;
		width: 450px;
		padding: 0 20px 0;
		}
		
	#header .right {
		float: left;
		width: 205px;
		padding: 0 18px 0;
		}
	
	#header div {
		text-align: center;
		}		
	
	#header h1 {
		float: left;
		margin: 25px 0 0 8px;
		text-align: left;
		}
		
	#header h1 a {
		color: #C60;
		}	
	
	#header h1 span {
		position: absolute;
		left: -999em;
		}			
	
	/* << ------------- CONTENT ------------ */	
	
	#content a:hover {
		color: #ff7b00;
		text-decoration: none;
		}
		
		#content .right h2 {
			padding: 7px 0 2px 38px; 
			background: url(../images/bg-search-icon.png) left no-repeat; 
			}
		
	#content .right {
		padding: 5px 25px;
		width: 685px;
		float: right;
		}
		
	#content #login {
		padding: 8px 0 0 8px;
		
		}
		
		#content #login h2 {
			margin: 0 0 .5em;
			padding: 0;
			background: none;
			}
		
		#content #login p {
			margin: 0 0 .7em .1em;
			}		
			
		#content #login input {
			border: 1px solid #999;
			margin: 3px 0;
			padding: 3px; 
			color: #777;
			width: 189px;
			}
			
		#content #login button {
			height: 19px;
			padding: 0 !important; /* ie fix */
			border: 0;
			cursor: pointer;
			color: transparent; /* ff fix */
			overflow: hidden;
			text-indent: -999em;
			}
		
		#content #login button.login {
			margin-top: 6px;
			float: right;
			width: 55px;
			background: transparent url(../images/btn_login.gif) no-repeat;
			}				
		
		#content #login a.my_profile {
			margin: 3px 5px 0 0;
			width: 78px;
			background: transparent url(../images/btn_my_profile.gif) no-repeat;
			display: block;
			float: left;
			text-indent: -999em;
			}	
			
		#content #login button.logout {
			margin-top: 3px;
			width: 65px;
			background: transparent url(../images/btn_logout.gif) no-repeat;
			display: block;
			float: left;
			}		
		
	#content #menu ul {
		margin: 0;	
		padding-bottom: 20px;
		display: block;
		}
		
	#content #menu ul ul {
		margin: 0;
		padding: 5px 0;
		}		
		
	#content #menu ul li {
		display: block;
		padding: 12px 0;
		border-bottom: 1px solid #e5e5e5;
		}
		
	#content #menu ul li li {
		border: 0;
		padding: 10px 0 3px;
		}
		
	#content #menu ul li a {
		font-weight: bold;
		font-size: 1.1em;
		margin: 0 10px;
		display: block;
		}
		
	#content #menu ul li li a {
		font-size: 1em;
		margin: 0 5px 0 23px;
		}				
		
	#content #menu ul li a:hover, #content #menu ul li.on a {
		color: #ff7b00;
		text-decoration: none;
		}
		
	#content .right .more { 
		display: block; 
		margin: 5px 0 0; 
		padding-left: 22px;  
		font-weight: bold;
		font-size: 11px; 
		background: url(../images/arrow.gif) left no-repeat; 
		}
		
	#content .right ul#categoryList li { 
		display: block;
		border-bottom: 1px solid #e5e5e5;
		padding: 12px 0;
		}
		
	#content .right ul#categoryList li a { 
		margin: 0 5px;
		}			

	#content .right ul {
		margin: 0 0 0 15px;
		}

	#content .right ul li {
		list-style: disc;
		}																
		
		/* HIDDEN ELEMENTS */
		
		.path, .addthis, iframe {
			display: none;
			}
			
	form#searchDirectory {
		background: url(../images/bg-directory.jpg);
		width: 620px;
		height: 175px;
		padding: 40px 25px 25px;
		margin: 25px 0;
		} 
		
	form#searchDirectory input {
		font-size: 1.6em;
		} 	
		
	form#searchDirectory label.searchLabel {
		margin: 0 0 .2em; 
		font: 1.2em "Trajan Pro", Times, "Times New Roman"; 
		font-weight: bold; 
		text-transform: uppercase;
		color: #0c3d07;
		float: left;
		}	
		
	form#searchDirectory .searchLabel:after {
		content: "...";
		}
		
	form#searchDirectory label:first-letter {
		font-size: 1.2em; 
		}
		
	form#searchDirectory #findByBusiness {
		position: relative;
		float: left;
		width: 270px;
		}
		
	form#searchDirectory #findByBusiness ol {
		display: block;
		position: absolute;
		top: -3px;
		right: 0;
		}
		
	form#searchDirectory #findByBusiness ol li {
		float: left;
		}		
	
	form#searchDirectory #findByBusiness ol li label {
		font-size: .9em;
		margin: 0 0 .2em;
		color: #000; 
		}
		
	form#searchDirectory #findByBusiness select {
		float: right;
		width: 276px;		
		}	
		
	form#searchDirectory #findByBusiness ol li label:first-letter {
		font-size: 1em;
		}
		
	form#searchDirectory #findByBusiness input#SearchTerm {
		height: 24px;
		width: 270px;
		border: 0;
		float: left;
		padding: 7px 3px 5px;
		}
		
	form#searchDirectory #findByLocation {
		float: right;
		width: 315px;	
		}		
		
	form#searchDirectory #findByLocation ol {
		width: 330px;
		float: left;
		}
	
	form#searchDirectory #findByLocation ol li label {
		width: 330px;
		margin: 0 0 .2em;
		}	
		
	form#searchDirectory #findByLocation input {
		height: 24px;
		width: 200px;
		border: 0;
		float: left;
		padding: 7px 3px 5px;
		}
		
	form#searchDirectory button {
		float: left;
		width: 96px;
		height: 35px;
		border: 0;
		color: #fff;
		margin: 0 0 0 14px;
		background: transparent url(../images/btn-search.gif) no-repeat;
		cursor: pointer;
		color: transparent; /* ff fix */
		overflow: hidden;
		padding: 0 !important; /* ie fix */
		text-indent: -999em;
		}
		
	.searchResults {
		border-bottom: 1px solid #ccc;
		margin: 10px 0;
		padding: 0 15px;
		width: 640px;
		float: left;
		}
		
	div.viewEntity {
		float: left;
		width: 320px;
		margin-right: 20px;
		}
		
	div.contactEntity {
		float: right;
		width: 340px;
		}
		
	#directoryResults {
		float: left;
		width: 230px;
		}
	
		#directoryResults span.phone {	
		margin: 2px 0;
		color: #ff7b00;
		}
		
		#directoryResults p {
		float: left;
		}	
		
	#contactMap {
		float: right;
		width: 400px;
		margin: 0 15px 0 0;
		}
		
	#directoryResults .searchResults {
		border-bottom: 1px solid #ccc;
		margin: 5px 0;
		padding: 0 15px;
		float: left;
		width: 200px;
		}	
		
	button#contactBusiness {
		width: 140px;
		height: 19px;
		border: 0;
		color: #fff;
		margin: 0;
		background: transparent url(../images/btn-contact-business.gif) no-repeat;
		cursor: pointer;
		color: transparent; /* ff fix */
		overflow: hidden;
		padding: 0 !important; /* ie fix */
		text-indent: -999em;
		display: block;
		}				
						
	form#directoryContact { margin: 15px 0; }
	form#directoryContact label { float: left; width: 120px; margin: 3px 5px 0 0; text-align: left; font-weight: bold; }
	form#directoryContact input { width: 300px; padding: 3px; margin: 3px 0; clear: both; border: 1px solid #999; color: #777; }
	form#directoryContact textarea { width: 300px; height: 100px; padding: 3px; margin: 3px 0; clear: both; border: 1px solid #999; color: #777; }
				
	/* << --------- SITE MAP --------------- */	
		ul.sitemap_level1 { 
			margin: 0; 
			padding: 0; 
			}
			
		ul.sitemap_level1 li { 
			margin: 0 0 0 40px; 
			padding: 2px 0 2px 0px;
			list-style: disc; 		
			}
			
		ul.sitemap_level1 li.sitemap_level1 a { 
			font-size: 13px; 
			}
			
		ul.sitemap_level1 ul.sitemap_level2 li.sitemap_level2 a { 
			font-weight: 100; 
			font-size:12px; 
			margin-top: -10px;  
			}
			
		ul.sitemap_level1 ul.sitemap_level2 li.sitemap_level2 { 
			margin: 3px 0 0 30px;
			list-style: circle;
			}
			
		ul.sitemap_level1 ul.sitemap_level2 ul.sitemap_level3 li.sitemap_level3 a { 
			font-weight: 100; 
			font-size: 11px; 
			margin-top: -10px; 
			}
			
		ul.sitemap_level1 ul.sitemap_level2 ul.sitemap_level3 li.sitemap_level3 { 
			margin: 3px 0 0 5px; 
			}
			
		.sitemap_level4 { 
			display: none; 
			}
		
			
	/* << --------- QUICK LINKS ------------- */	
	
	#quicklinks a:hover {
		color: #ff7b00;
		text-decoration: none;
		}				
		
	#quicklinks img {
		border: 1px solid #ff7b00;
		}		
		
	#quicklinks ul {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		}
		
	#quicklinks ul li {
		float: left;
		width: 222px;
		padding: 0 10px 15px 5px;
		margin: 0;
		}
		
	#quicklinks ul li img {
		float: left;
		width: 74px;
		}
		
	#quicklinks ul li div.quick_desc {
		float: left;
		width: 136px;
		margin-left: 10px;
		}				
				
	/* << ----------- FOOTER ---------------- */
	
	#footer a { 
		text-decoration: none; 
		}
		
	#footer a:hover {
		text-decoration: underline;
		}	
		
	#footer p#copyright {
		float: left;
		padding: 0 24px;
		margin: 0;
		}	
	
	#footer p#developed {
		float: right;
		padding: 0 24px;
		margin: 0;
		}