/* Start of CMSMS style sheet 'adss' */
/* Auckland Drum Sustainability Services default style - by HardHat Digital - http://www.hardhatdigital.com.au/ */
/* All associated graphics copyright 2009, Auckland Drum Sustainability Services */
/* Added: May 18th, 2009 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */



/* basic elements */

* {
padding: 0;
margin: 0;
}

body {
padding:0px;
margin:0px;
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
/*   Specify a min-width for the body as wide as the 'wrapper'
     element itself. This prevents negative (i.e. inaccessible)
     left-margins in narrow browser windows when using 
     Navigator 6+/Mozilla on Win32: */
min-width: 800px;
color: #484848;
}

h1 {
width: 508px;
float: left;
margin-bottom: 20px;
font-size: 31px;
font-weight: normal;
color: #78a22f;
}

h2 {
width: 200px;
margin-top: 40px;
padding-bottom: 5px;  /* Distance between the text and the border*/
font-size: 18px;
font-weight: normal;
color: #78a22f;
}

h3 {
width: 710px;
float: left;
font-size: 20px;
font-weight: bold;
color: #78a22f;
}

h4 {
padding-top: 20px;
color: #484848;
}

p {
/*font-family: inherit;
font-size: 12px;
color: #82819F;
*/}


/* specific divs */	
/* ____________________________________________________________
 * HEAD
   ____________________________________________________________ */

div#page, div#hp-page {
padding:0px;
padding-right: 50px;
margin:0px;
text-align: center;
background-repeat: repeat-x;
margin-left: auto;
margin-right: auto;
}

div#page {
background-image: url(images/bg_header.gif);
height: 100%;
}

div#hp-page {
background-image: url(images/hp-bg_header.gif);
}

div#page_header, div#hp-page_header { 	
width: 874px;
height: 181px;
padding: 0px;
margin: 0px auto;
text-align: left;
vertical-align: middle;
background-repeat: no-repeat;
}

div#page_header {
background-image: url(images/logo.gif);
background-position: 0px 9px;
width: 997px;
}

div#hp-page_header {
background: url(images/hp-logo.gif) no-repeat;
width: 997px;
height:440px;
}

div#header_anim {
width: 997px;
height: 93px;
background-image: url(images/anim-bg.gif);
background-repeat: no-repeat;
background-position: right top;

}

/* Search	----------------------------------------------	*/
form#search_frm {
float: right;
height: 30px;
width: 144px;
display: block;
margin: 43px 50px 0 0;
padding: 0 0 0 10px;
background: url(/images/searchform.gif) no-repeat;
}

form#search_frm p {
/*width: 13px;
height:30px;	/* Height of element, check also element button and element input */
float: left;
display:block;
background-image: url(images/search-bg-l.gif);
background-repeat: no-repeat;*/
}

#search-btn {
width:49px;		/* Width of element, check also parent .sub_nav-r */
height:30px;	/* Height of element, check also parent .main_nav-r and element input */
float:left;
border:none;
cursor: pointer;
}

#search-btn:hover, #search-btn:focus{
background-position: right bottom;
}

input#search_str {
width: 86px;
height: 24px;	/* Height of element, check also elements p & button */
float:left;
display:block;
border: 0;
padding: 6px 6px 0 0;
background: none;
/*background: url(/images/search-bg.gif) repeat-x;*/
color:#7d7d7d;  
font-size:13px;
font-weight: bold;
-webkit-appearance: caret;
}

input#search_str:hover, input#search_str:focus {
background-image: none;
}

.frmInput input {
width: 220px;
height: 23px;	/* Height of element, check also elements p & button */
float:left;
/*display:block;*/
padding: 5px 6px 0 0;
margin-bottom: 5px;
border: 1px solid #d9d8d8;
background-color: #fff;
color:#7d7d7d;  
font-size:13px;
font-weight: bold;
text-align: left;
}
.frmTextarea textarea {
width: 220px;
height: 130px;	/* Height of element, check also elements p & button */
float:left;
/*display:block;*/
padding: 5px 6px 0 0;
margin-bottom: 5px;
border: 1px solid #d9d8d8;
background-color: #fff;
color:#7d7d7d;  
font-size:13px;
font-weight: bold;
text-align: left;
}
div#enquiry-frm label {
width: 160px;
height: 23px;	/* Height of element, check also elements p & button */
float:left;
}
.captchapict {
	padding: 0 0 20px 160px;
}
#m2fbrp_captcha_phrase {
	padding: 5px 6px 0 0;
	margin-bottom: 5px;
	border: 1px solid #d9d8d8;
	background-color: #fff;
	height: 23px;
	color:#7d7d7d;  
	font-size:13px;
	font-weight: bold;
	text-align: left;
}
.fbsubmit
{
	margin: 20px 0 0 160px;
	width: 88px;
	height: 28px;
	background: transparent url(/images/btn-submit.gif);
	border: none;
	display: block;
	cursor:pointer;
}

div#search-results img {
float: right;
margin: 20px 0 5px 0;
}

div#search-results a {
color: #000;
}

div#search-results h4 {
font-weight: bold;
}

div#search-results h4, div#search-results h5 {
clear: both;
margin-bottom: 20px;
font-size: 12px;
}

div#search-results p a {
margin-bottom: 20px;
font-weight: normal;
}

.result-weight {
font-weight: normal;
font-size: 10px;
}


/* Breadcrumb	----------------------------------------------	*/
p#breadcrumb {
float: right;
margin: 5px 85px 0 0;
padding-right: 35px;
color: #fff;
font-size: 12px;
}

p#breadcrumb a {
color: #fff;
text-decoration: none;
}

p#breadcrumb a:hover {
color: #000;
text-decoration: none;
}

p#breadcrumb .current{
color: #484848;
}


/* ____________________________________________________________
 * NAV
   ____________________________________________________________ */

div#nav_container {
/*height: 331px;*/
margin-top: 15px;
padding-left: 137px;	/* Distance between left of page and main-nav */
}

div#hp-nav_container {
height: 331px;
width: 925px;
margin-top: 14px;
padding-left: 137px;	/* Distance between left of page and main-nav */
background-color: transparent;
background-image: url(images/hp-products.png);
background-repeat: no-repeat;
background-position: 28px 0;
}

ul#main_nav {
width:100%;
height: 41px;		/* Height of buttons, check also class .main_nav-r */
overflow:hidden;
padding:0;
margin: -1px 0 0 2px;
list-style:none;
}

ul#main_nav li { float:left; display: inline; }
ul#main_nav li a { display: block; height: 41px; text-indent: -9999px; }
ul#main_nav li a:hover, ul#main_nav li .active { background-position: 0 -41px !important; }
ul#main_nav li#nav-home a { width: 80px; background: url("/images/nav-home.png") no-repeat; }
ul#main_nav li#nav-about-us a { width: 101px; background: url("/images/nav-about-us.png") no-repeat; }
ul#main_nav li#nav-products-services a { width: 180px; background: url("/images/nav-products-services.png") no-repeat; }
ul#main_nav li#nav-latest-news a { width: 127px; background: url("/images/nav-latest-news.png") no-repeat; }
ul#main_nav li#nav-contact-us a { width: 120px; background: url("/images/nav-contact-us.png") no-repeat; }




/* Sub-nav	--------------------------------------------------	*/

ul#sub-nav {
width: 116px;		/* Width of buttons, check also class .sub_nav-r */
overflow:hidden;
margin-left: 3px;	/* Distance between left of page and sub-nav */
padding: 6px 0 0 0;	/* Padding between page top & sub-nav */
list-style:none;
}

ul#sub-nav li{
width:100%;
height: 38px;		/* Height of buttons, check also class .sub_nav-l */
display: block;
float: left;
margin-bottom: 6px;
background-image: url(images/sub-nav_btn-bg.gif);
background-repeat: repeat-x;
line-height: 38px;
}

ul#sub-nav li a{
width:100%;
display: block;
color:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration:none;
text-transform: uppercase;
text-align: center;
}

ul#sub-nav li a .sub_nav-l{
height: 38px;		/* Height of buttons, check also parent ul#sub-nav li a */
display: block;
float: left;
background-image: url(images/sub_nav-bg-l.gif);
background-repeat: no-repeat;
}

ul#sub-nav .sub_nav-r{
width: 116px; 		/* Width of buttons, check also parent ul#sub-nav */
height: 27px;		/* Height of buttons, check also parent ul#sub-nav li a */
display: block;
float: left;
padding: 11px 0 0 0;
cursor:pointer; /* for IE6 */
text-align: center;
background-image: url(images/sub_nav-bg-r.gif);
background-repeat: no-repeat;
background-position: right top;
}

ul#sub-nav li .active .double-line{
line-height: 15px;
padding-top: 0;
}

/* Hovers & active/current	-----------------------------------	*/
/* Hover effect is managed by vertically sliding the bg image   */
/* Same process is used to display the active/current nav level */
ul#sub-nav li .double-line{
line-height: 15px;
padding-top: 5px;
}

ul#sub-nav li:hover, ul#sub-nav li a:hover, ul#sub-nav li a:hover .sub_nav-l, ul#sub-nav .active, ul#sub-nav .active .sub_nav-l {
background-position: 0px -40px;
color: #484848;
}

ul#sub-nav li a:hover .sub_nav-r, ul#sub-nav .active .sub_nav-r {
background-position: right -38px;
}


/* ____________________________________________________________
 * CONTENTS
   The main contents zone contains the sub-nav and contents
   ____________________________________________________________ */


/* HOME PAGE Specific ----------------------------------------	*/
   
div#hp-item1, div#hp-item2, div#hp-item3 {
width: 170px;
float: left;
/*margin: 20px 63px 0 53px;*/
margin:20px 0 0 0px;
padding: 0 63px 0 53px;
color: #fff;
font-size: 11px;
}

div#hp-item1 h4, div#hp-item2 h4, div#hp-item3 h4 {
font-size: 24px;
margin-bottom: 7px;
line-height: 25px;
padding-top: 0px;
color: #fff;
}

div#hp-item1 p, div#hp-item2 p, div#hp-item3 p {
}

div#hp-item1 a, div#hp-item2 a, div#hp-item3 a {
	text-decoration: none;
	color: #fff;
}


/* CONTENTS -------------------------------------------------	*/

#bodyWrap {
	margin:0 auto;
	padding: 0px;
	text-align: center;
	width: 997px;
}

div#page_content {
/*height: 500px; TODO: fix height: */
width: 960px;				/* Width of the page*/
margin: 0px auto;
padding: 42px 0 0 0;		/* Padding between header & page */
text-align: left;
vertical-align: middle;	
background-color: #fff;
}

div#hp-page_content {	
width: 920px;				/* Width of the page*/
margin: 0px auto;
padding-top: 17px;
padding-left: 12px;			/* Padding between header & page */
text-align: left;
vertical-align: middle;
}

div#content {
width: 800px;
float:right; /* Width of the content zone*/
/*margin: 0 0 0 160px;*/		/* Make place for the sub-nav */
}

div#content p{
text-align: justify;
}

div#content ul, div#content ol{
margin: 5px 0 5px 25px;
}

div#content li{
margin: 0 0 5px 25px;
}

div#hp-content {
/*margin-left: 40px;
margin-top: 275px;*/
}

/* Tools nav													*/
ul#tools-nav {
float: right;
list-style-type: none;
margin-top: 10px;
margin-right: 85px;
padding:0;
}

ul#tools-nav li {
height: 19px;
float: left;
padding: 3px 0 0 0;
color: #78a22f;
font-size: 13px;
color: #78a22f;
cursor:pointer; /* for IE6 */
}

ul#tools-nav a {
height: 20px;
font-size: 13px;
text-decoration: none;
color: #78a22f;
}

ul#tools-nav a:hover, ul#tools-nav .print:hover, ul#tools-nav .mail:hover {
color: #000;
background-position: 0px bottom;
}

ul#tools-nav .print, ul#tools-nav .mail {
padding-left: 27px;
background-repeat: no-repeat;
background-position: 0px -2px;
}

ul#tools-nav .sep {
margin: 0 5px 0 5px; 		/* Spacing the tools */
}

ul#tools-nav .print {
background-image: url(images/icon-print.gif);
}

ul#tools-nav .mail {
background-image: url(images/icon-mail.gif);
}

/* News	------------------------------------------------------	*/

div#pagination a, div#pagination p {
display: block;
float: left;
line-height: 18px;
}

div#pagination a {
width: 20px;
height: 24px;
color: #7d7d7d;
text-decoration: none;
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background-repeat: no-repeat;
cursor:pointer; /* for IE6 */
} 

.previous a {
margin-right: 10px;
background-image: url(images/btn-news.gif);
}

.next a {
margin-left: 10px;
background-image: url(images/btn-news.gif);
}

.NewsSummary {
margin-top: 15px;
}

.NewsSummaryLink {
margin-bottom: 15px;
}

.NewsSummaryMorelink {
width: 100%;
text-align: right;
margin-top: 5px;
margin-bottom: 50px;
}

div#NewsPostDetailDate {
font-weight: bold;
margin-bottom: 18px;
}

h3#NewsPostDetailTitle {
font-weight: bold;
font-size: 12px;
margin-bottom: 18px;
color: #484848;
}

div#NewsPostDetailReturnLink {
width: 102px;
height: 18px;
color: #7d7d7d;
text-decoration: none;
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
background-repeat: no-repeat;
cursor:pointer; /* for IE6 */
margin-right: 10px;
background-image: url(images/btn-back-news.gif);
color: #7d7d7d;
text-decoration: none;
margin: 20px 0px;
padding-top: 3px;
}

/* ____________________________________________________________
 * FOOTER
   ____________________________________________________________ */
 
div#footer, div#hp-footer {
padding: 0px;
margin: 40px 0 0 0;
text-align: center;
background-repeat: repeat-x;
}

div#footer {
float: left;
background-image: url(images/bg_footer.gif);
width: 100%;
}

div#hp-footer {
background-image: url(images/hp-bg_footer.gif);
}

div#footer_content {
height: 86px;
width: 874px;
text-align: left;
vertical-align: middle;	
margin: 0px auto;
padding: 0px;
}

div#hp-footer_content { 	
height: 124px;
width: 1026px;
text-align: left;
vertical-align: middle;	
margin: 0px auto;
background: url(images/hp-banner.png) no-repeat;
}

div#footer_links { 	
width: 874px;
text-align: left;
vertical-align: middle;	
margin: 0px auto;
padding: 13px 0px 20px 0px;
font-size: 11px;
color: #78a22f;
}

div#footer_links a:link, div#footer_links a:visited{ 	
color: #78a22f;
}



/* ____________________________________________________________
 * Classes
   ____________________________________________________________ */

.width-1col {
width: 740px;		/* Width of content for 2 columns layout */
display: block;
}

.width-1col a { 
color: #78a22f;
/*font-weight: bold;*/
text-decoration: none; 
}

.width-2cols-small {
width: 230px;		/* Width of content for 2 columns layout */
display: block;
}

.width-2cols {
width: 320px;		/* Width of content for 2 columns layout */
display: block;
}

.width-2cols-large {
width: 450px;		/* Width of content for 2 columns layout */
display: block;
}

.width-3cols {
width: 200px;		/* Width of content for 3 columns layout */
}

.width-3cols p {
padding-top: 4px;
}

.width-3cols h2 {
border-bottom: 1px solid #D7D7D7;
}

.width-3cols img {
/*padding-top: 35px;*/
}

.space-left{
margin-left: 55px;
}

.space-right{
margin-right: 55px;
}

.float-left {
float: left;
}

.float-right {
float: right;
}

.clear-both {
clear: both;
}


hr{
border: 1px solid #D7D7D7;
}



/*
Multiple selector:

It is possible to specify more than one class for an element, like this:

	<h1 class="bordered widespaced">Spaced out header</h1>

Internet Explorer (Win/6, Mac/5.x): broken.
The multiple selector will select every element with the last class in the selector (order in the selector is important, order of the classes in the HTML is not), regardless of the presence of the other classes.
In other words, IE treats .one.two.three exactly as it does .three. (See hack below.)

	<style>
	.foo { Properties for everything }
	.ie-only.foo { Only IE will apply these }
	</style>
	...
	<div class="foo"></div>
*/


div.png hr { display: none !important; border: 1px solid red; }
/* End of 'adss' */