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

/* Created: 15 Oct 2009 & 4pm
 * Author: Joshua Deidun <www.ivt.com.au>
*/

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


/*	1. COLORS
 *	----------------------------------------------
 *	light green	=	#96bd0d
 *	dark green	=	#006622
 *	yellow 		=	#ffec00
 *	orange 		=	#E85C0F
*/


/*	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, input, button, 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: #006622;
		outline: none;
		text-decoration: none;
		}
		
	a:hover {
		text-decoration: none;
		}
		
		
/*	4. TYPOGRAPHY
 *	----------------------------------------------
*/

	h1, h2, h3, h4, h5, h6 {
		color: #006622;
		}
		
	h1 {
		font-size: 3em;
		line-height: 1;
		}	
		
	h3 {
		text-transform: uppercase;
		font-size: 2em;		
		}
		
	h4, .form_title {
		color: #96bd0d;
		text-transform: uppercase;
		font-size: 1.25em;
		font-weight: bold;	
		margin: 0 0 .7em;
		}
		
	h5 {
		color: #006622;
		font-size: 1.1em;
		font-weight: bold;	
		margin: 0 0 .3em;
		}		
		
	p {
		margin: 0 0 1em;
		}			
		
		
/*	5. STRUCTURE
 *	----------------------------------------------
*/	

	body {
		font: 62.5%/1.6 Arial Narrow, Arial, Helvetica, "Trebuchet MS", "Lucida Grande";
		color: #000;
		background: #e5efc2 url(../images/bg-body.gif) repeat-x;
		margin: 0;
		padding: 0;
		}
		
	#container {
		width: 960px;
		margin: 0 auto;
		padding: 0;
		font-size: 1.1em;
		}
		
	#header {
		position: relative;
		height: 100px;
		width: 960px;
		padding: 10px 0 0 0;
		z-index: 99;
		}
		
	#phrase {
		background: url(../images/bg-phrase.jpg) no-repeat;
		position: relative;
		width: 960px;
		z-index: 1;
		}
		
	#phrase	h2 {
		line-height: 1;
		font-size: 2.3em;
		text-align: center;
		font-weight: normal;
		text-transform: uppercase;
		font-style: italic;
		color: #96bd0d;
		margin: 0;
		height: 29px;
		}		
		
	#content {
		position: relative;
		width: 960px;
		background: #fff;
		border-bottom: 10px solid #006622;
		font-size: 1.1em;
		}

		#content #banner {
			width: 880px;
			margin-bottom: 20px;
			}
#sidebar
{
	float: left;
	width: 240px;
}
#inner #sidebar ul
{
	margin: 0;
}
#sidebar ul li.on
{
	font-weight: bold;
}
#mainbar
{
	float: right;
	width: 630px;
}
		
	#inner {
		float: left;
		margin: 0 40px 40px 40px;
		padding-bottom: 40px;
		width: 880px;
		font-size: 1.2em;
		font-family: Arial, Helvetica, "Trebuchet MS", "Lucida Grande";
		display: inline;
		}

		#inner ul { margin: 0 25px; padding: 0; }
		#inner ul a:hover { color: #96BD0D; }
		#inner ul li { margin: 0; padding: 3px 0 3px 15px; background: url(../images/arrow.gif) 0 8px no-repeat; }
		#inner ul li ul { padding: 3px 0 3px 20px; }	
		#inner ul li li { margin: 0; padding: 0; background: none; list-style: disc; }	
		#inner ul li li a { display: block; font-weight: normal; }	
		#inner ul li li.on a { font-weight: bold; }	
			
	#footer {
		font-size: 1em;
		color: #000;
		padding: 15px 15px 20px 15px;
		font-family: Arial, Helvetica, "Trebuchet MS", "Lucida Grande";
		}			
		
	/* << ----------- HEADER --------------- */						
	
	#header h1 {
		float: left;
		}
	
	#header h1 span {
		position: absolute;
		left: -999em;
		}
		
	#header ul#search {
		float: right;
		}
		
		#header ul#search form {
			width: 245px;
			height: 27px;
			margin: 12px 0 0;
			}
			
		#header ul#search form input {
			float: left;
			background: url(../images/bg-search.gif) no-repeat;
			width: 193px;
			height: 27px;
			border: 0;
			margin: 0;
			padding: 5px 7px 0 !important;
			color: #006622;
			font-size: 14px;
			vertical-align: text-bottom;
			line-height: 1;
			}
			
		#header ul#search form button {
			float: right;
			width: 35px;	
			height: 27px;
			background: url(../images/btn-go.gif) no-repeat;;
			border: 0;
			text-transform: uppercase;
			font-weight: bold;
			cursor: pointer;
			font-size: 12px;
			text-align: center;
			margin: 0;
			padding: 0 0 0 4px !important;
			color: #006622;
			overflow: hidden;
			text-indent: -999em;
			}		
		
	#header ul#nav {
			position: absolute;
			top: 73px;
			right: 0;
			margin: 0;
			height: 37px;
			width: 600px;
			display: inline-block;
			z-index: 99;
			}
			
			#header ul#nav li, #content ul#extra li {
				float: left;
				display: block;
				width: 97px;
				}
				
			#header ul#nav li {
				float: left;
				display: inline-block;
				width: 97px;
				margin: 0 1.5px;	
				}	
			
			#header ul#nav li a, #content ul#extra li a {
				font-size: 13.1px;
				float: left;
				width: 97px;
				height: auto;
				text-transform: uppercase;
				padding: 5px 0 10px 0; 
				font-weight: bold;
				text-align: center;
				line-height: 1.6;
				font-family: Arial Narrow, Arial, Helvetica, "Trebuchet MS", "Lucida Grande";
				}
			
			#header ul#nav li a {
				background: url(../images/bg-nav-btn.gif) no-repeat;
				}
				
			#content ul#extra li a {
				background: url(../images/bg-extra-btn.gif) no-repeat;
				color: #fff;
				}		
				
			#header ul#nav li a#menu5 {
				margin-right: 0;
				}		
				
			#header ul#nav li a:hover, #header ul#nav li a.menu-on {
				height: 37px;
				padding-bottom: 0;
				background: url(../images/bg-nav-btn-on.gif) no-repeat;
				}
				
			/* dropdown */
		
			#header ul.sf-menu li { position: relative; z-index: 99; }
			#header ul.sf-menu ul { position: absolute; top: -999em; width: 120px; }
			#header ul.sf-menu li li:hover ul, #header ul.sf-menu li li.sfHover ul { top: 0; left: 120px; }		
			
			#header ul.sf-menu ul li { float: left; width: 100%; height: auto; }							
			#header ul.sf-menu li:hover { visibility: inherit; }							
			#header ul.sf-menu li:hover ul, #header ul.sf-menu li.sfHover ul { height: auto; padding: 0; top: 37px; left: 0; z-index: 99; }										
			#header ul.sf-menu li li a { padding: 0; height: auto; text-indent: 0; text-decoration: none; background-image: none; border: 1px solid #96bd0d; border-top: none; }
			
			#header ul#nav li li a { background: #e5efc2; font-size: 1.2em; text-transform: none; text-align: left; padding: 4px 0 0 15px; height: 25px; }
			#header ul#nav li li a:hover { background: #FFF8A6;  padding: 4px 0 0 15px; height: 25px; cursor: pointer; }
							
			#header ul#nav li li li { display: none; }
			#header ul.sf-menu span.sf-sub-indicator { display: none; }
			
			#header ul#nav li:hover a#products:hover, #header ul#nav li.sfHover a#products { 
					background: url(../images/bg-nav-btn-on.gif) no-repeat; 
					}					
			
	/* << -------------- BANNER ------------- */	
				
	#banner h3 strong {
		position: absolute;
		left: -999em;
		}
	
	/* << ------------- CONTENT ------------ */
	
	#content #phrase h2 {
			position: relative;
			width: 960px;
			padding: 50px 0 20px 0;
			z-index: 99;
			}
		
	#content ul#extra li a {
		background: url(../images/bg-extra-btn.gif) no-repeat;
		color: #fff;
		}
			
	#content ul#extra { 
		position: absolute;
		bottom: 0;
		right: 40px;
		height: 27px;													
		}
		
	#content #logo {
		float: right;
		margin: 0 0 25px 25px;
		}		
	
	#content #inner .knowledge_list_table td {
		padding: 10px 0;	
		}
		
	#content #inner #brad_desc {
		float: left;
		width: 570px;
		margin-right: 40px;
		}	
			                                        
	#content #inner .brand_list_table td {
		
		text-align: center;
		vertical-align: middle;
		}
	
	#content #inner .brand_list_table {
		float: left;
		width: 245px;
		}	
		
	#content .more_link {
		border: 2px solid #fff;
		display: block;
		}
		
	#content .more_link:hover {
		border: 2px solid #96bd0d;
		display: block;
		}	
	
	#content #inner .brand_list_table img {
		margin: 15px 0;
		}				
				
	/* hidden elements */
	
	.addthis, .path {
		display: none;
		}
		
	/* --- sitemap */
	#content ul.sitemap_level1 { margin: 0 25px; padding: 0; }
	#content ul.sitemap_level1 li { margin: 0; padding: 3px 0 3px 15px; background: url(../images/arrow.gif) 0 8px no-repeat; }
	#content ul.sitemap_level1 li.sitemap_level1 a { color: #006622; font-size: 13px; font-weight: bold; text-decoration: none; }
	#content ul.sitemap_level1 ul.sitemap_level2 li.sitemap_level2 a { font-weight: 100; font-size:13px; margin-top: -10px; font-weight: bold; color: #96bd0d; }
	#content ul.sitemap_level1 ul.sitemap_level2 li.sitemap_level2 { margin: 3px 0 0 5px; }
	#content ul.sitemap_level1 ul.sitemap_level2 ul.sitemap_level3 li.sitemap_level3 a { font-weight: 100; font-size: 11px; margin-top: -10px; color: #96bd0d; }
	#content ul.sitemap_level1 ul.sitemap_level2 ul.sitemap_level3 li.sitemap_level3 { margin: 3px 0 0 5px; }
	#content .sitemap_level4 { display: none; }
	
	/* main search */
	#content .search_form {
		margin: 15px 0;
		}
	#content .search_form legend,
	#content .search_form label {
		display: none;
		}
	#content .search_form input {
		float: left;
		width: 370px;
		padding: 5px 5px 5px 5px;
		border: 2px solid #006622;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		color: #fff;
		background: #97be0d;
		}
	#content .search_form button {
		float: left;
		width: 72px;
		height: 32px;
		margin: 0 0 0 5px;
		padding: 0;
		cursor: pointer;
		text-transform: uppercase;
		color: #fff;
		background: #97be0d;
		border: 2px solid #006622;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		font-weight: bold;
		font-family: Arial Narrow, Arial, Helvetica, "Trebuchet MS", "Lucida Grande";
		font-size: 1.1em;
		}
	#content .search_list {
		margin: 0;
		}
	#content .search_list li {
		padding: 15px 0;
		border-bottom: 1px solid #e5efc2;
		background: none;
		}
	#content p.search_pages {
		float: right;
		padding: 15px 0 0;
		font-size: 13px;
		}
	
		
	/* << -------- ENQUIRY FORM ------------ */

		form#info_form { margin: 10px 0; font-size: .9em; }
		form#info_form legend { display: none;  }
		form#info_form input { width: 300px; margin: 3px 0; padding: 4px 5px; clear: both; border: 2px solid #006622; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; background: #97be0d; }
		form#info_form textarea { width: 300px; height: 100px; margin: 3px 0; padding: 4px 5px; border: 2px solid #006622; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; background: #97be0d; clear: both; }
		form#info_form select { margin: 3px 0; }
		form#info_form label { float: left; width: 120px; margin: 3px 5px 0 0; text-align: left; font-weight: bold; color: #006622; }	
		form#info_form label:after { content: ":";}
		form#info_form .state li { list-style: none; }
		form#info_form fieldset fieldset { float: left; clear: both; margin-left: 125px; }
		form#info_form label.wide { white-space: nowrap; margin-left: 125px; }
		form#info_form .state label, form#info_form .receive_email label { display: inline; width: auto; margin: 0; padding: 0px; }
		form#info_form .state label:after, form#info_form .receive_email label:after { content: ""; }
		form#info_form .receive_email legend { font-weight: bold; margin: 5px 0px; }
		form#info_form .receive_email label { float: left; margin: 0; font-weight: normal; }
		form#info_form .receive_email input { float: left; }
		form#info_form .receive_email li { float: left; background: none; }
		form#info_form .interests legend { font-weight: bold; margin: 5px 0px; }
		form#info_form .interests label { display: inline; margin: 0; font-weight: normal; }
		form#info_form .form_caption legend { font-weight: bold; margin: 5px 0px; }
		form#info_form .form_caption label { display: inline-block; margin: 0; font-weight: normal; }
		form#info_form .form_caption li { display: block; background: none; padding: 0px; }
		form#info_form table#form_info_buttons { width: 440px; margin: 0; }
		form#info_form .submit { width: auto; height: 28px;	color: #fff; background: #97be0d; border: 2px solid #006622; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-weight: bold; padding: 0 5px; cursor: pointer; text-transform: uppercase; font-family: Arial Narrow, Arial, Helvetica, "Trebuchet MS", "Lucida Grande"; }
			
		form#info_form .cancel { margin-left: 0px; }
		
		#firstpagediv {
			margin-left: 125px;
			}
				
							
						
	/* << ------------ FOOTER ------------ */
		
	#footer a {
		text-decoration: underline;
			}
	
	#footer p {
		float: left;
		}
	
	#footer p#credits {
		float: right;
		}


	#video
	{
		float: right;
		margin: 0 0 10px 10px;
	}