/* CSS Document */


/* all */
* {margin: 0; padding: 0;}

/* Body */
	body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em;}



/* Spacers */

.spacer_20 {width: 20px; height: 20px;}
.spacer_15 {width: 15px; height: 15px;}

	/* content styling */

	h1 {
		font-size: 1.6em;
		margin-bottom: 1.0em;
	}
	h2 {
		font-size: 1.4em;
		margin-bottom: 0.9em;
	}
	h3 {
		font-size: 1.2em;
		margin-bottom: 0.8em;
	}
	h4 {
		font-size: 1.1em;
		margin-bottom: 0.7em;
	}
	h5 {
		font-size: 1.0em;
		margin-bottom: 0.6em;
	}
	h6 {
		font-size: 1.0em;
		margin-bottom: 0.5em;
	}
	
	h1, h2, h3, h4, h5, h6 {
		color: #96BD2F;
		font-weight: bold;
		text-transform: capitalize;
	}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none;}
	
	
	a, a:link, a:visited, a:active {
		color: #778D49;
	}
	a:hover {

	}

	.small {
		font-size: 0.8em;
		line-height: 150%;
	}
	
	.medium  {
		font-size: 1.2em;
		line-height: 150%;
	}
	
	.large {
		font-size: 1.4em;
		line-height: 150%;
	}
	
	.underline {text-decoration: underline;}
	
	ul, ol {margin: 0 0 1.5em 25px;}
	li {line-height: 135%;}
	
	p {margin: 0 0 1.0em 0; line-height: 150%;}
	
	#content img {border: 2px solid #5E5E42; }
	
	
/* Navigation */
		/* Navigation */
		#navigation .menu {height: 30px;}
		
		#navigation .menu ul {
			list-style: none;
			display: block;
			padding: 0px;
			margin: 0;
			padding-right: 15px;
		}
		
		#navigation .menu ul li {
			display: block;
			float: left;
			line-height: 30px;
			height: 30px;
			margin: 0px;
			padding: 0px;
			padding-left: 15px;
		}
		#navigation .menu ul li a {
		}
				
		#navigation .menu a {
			display: block;
			height: 30px;
			text-indent: -5000px;
			background-attachment: scroll;
			background: url(../../../img/v4/navigation.png) top no-repeat;
			overflow: hidden;
		}
		#navigation .menu a:hover,
		#navigation .menu a.active,
		#navigation .menu a.current  {
			background-image: url(../../../img/v4/navigation_hover.png);
		}
		
		/* Home */
		#navigation .menu a#site_welcome {
			width: 77px;
			background-position: -10px 0;
		}
		/* Solutions */
		#navigation .menu a#site_solutions {
			width: 75px;
			background-position: -97px 0;
		}
		/* Account */
		#navigation .menu a#site_account {
			width: 99px;
			background-position: -513px 0;
		}
		/* Contact Us */
		#navigation .menu a#site_contact {
			width: 65px;
			background-position: -438px 0;
		}
		/* The Path */
		#navigation .menu a#site_thepath {
			width: 76px;
			background-position: -619px 0;
		}
		/* Enquire Now */
		#navigation .menu a#site_enquire {
			width: 107px;
			background-position: -703px 0;
		}
		/* FAQ */
		#navigation .menu a#site_faq {
			width: 36px;
			background-position: -819px 0;
		}

	/* left navigation */
	#left_navigation .menu .active {font-style: italic; text-decoration: none; color: #000000;}
	#left_navigation a {color: #333333;}


/* Breadcrumbs */
	#location 
		{
			padding: 10px 20px 0px 25px;
			line-height: 150%;
			color: #99996F;
			font-size: 0.8em;
			text-transform: capitalize;
		}
		#location a 
			{color: #99996F; text-decoration: underline;}
		
		#location .active {font-weight: bold;}
		
		#location h3 
			{padding: 0; margin: 0; display: inline; margin: 0px; padding: 0px; font-size: 1.0em; font-weight: normal; color: #99996F;}



/* definition lists */
dl {line-height: 135%; border-bottom: 1px solid #EFEFEF; padding-bottom: 15px;}
dt {font-size: 1.1em; font-weight: bold; margin: 15px 0 5px;}
dd {}



/* Footer */
	#footer 
		{font-size: 9px; color: #6B683D; padding: 0 15px;}
		
		#footer .copyright {float: left;}
		#footer .links {float: right;}
		
		#footer a,
		#footer a:link,
		#footer a:active,
		#footer a:visited {color: #6B683D; text-decoration: none;}
		#footer a:hover {text-decoration: underline;}
		
		
/* Message */
	.flash {
		background:#FFFFFF;
		padding: 10px;
		display: block;
	}
	
	.message {
		display: block;
		padding: 10px;
		margin: 5px;
		text-align: center;
		border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
	}

	.good {
		border: 2px solid #66CC33;
		background-color: #E7FFCE;
	}

	.bad {
		border: 2px solid #990000;
		background-color: #FFE6E6;
	}
	