/*	main.css

	dargaville.biz
*/
@import url("print.css") print;
* {margin:0px;}
html,body {
	height:100%; color:#222; background-color:#ffd; padding:0px;
	font:0.9em verdana, georgia, arial, sans;
}
#wrapper	{min-height:100%; height:auto !important;
			height:100%; margin:0px auto -1em; /* the bottom margin is the negative value of the footer's height */}
h1 {position:absolute; right:3px; font-size:1.4em;}

#showcase {position:absolute;}
#showcase img {position:absolute;}	/* ensure 2nd image positioned over 1st */
#showcase select {position:absolute; top:60px; left:50px; color:#808080; z-index:1;}

#nav	{padding-left:220px;
		list-style-type:none; height:20px;
		font:11px Verdana, sans-serif;
		border-bottom:1px solid #bbb;
		background: #fff;}
#nav ul li {float:left; padding:0px; width:auto; display:block;}
#nav ul li a, #navlist li a:link {
		height:18px;
		background:#fff;
		color:#555;
		text-decoration:none;
		padding:2px 8px 0px 8px;
		display:block;}
#nav ul li a:hover {
		color:#039; border-bottom:3px solid #bbb; cursor:pointer; background:#eee;}
#nav ul li a.current, #navlist li a.current:link {
		color:#000; cursor:default; font-weight:bold; border-bottom:3px solid #999;}
#nav ul li a.current:hover {
		border-bottom:3px solid #f90; background:#eee;}

#options {position:absolute; top:80px; float:left; width:220px; }

.link {display:block; text-decoration:none;}

.sponsors	{font:italic small-caps normal small; color:#bbb; padding:10px 0px 0px 15px;}
.indent	{padding:10px 0px 0px 15px;}

#content {top:70px; padding-left:225px; padding-bottom:1.5em; padding-top:2em; margin-right:5px;}
#listingHeader {display:block; font-size:1.2em; color:#800;}

#dargaville	{font-size:0.5em; color:#800;}
#dargaville a {text-decoration:none; color:#a00;}
#dargaville a:hover {color:#f00;}

#search, #searchControl, #searchResults {display:none;}
/* FF accordion  affecting positioning */
div div.gsc-tabsArea {position:absolute; top:65px;}
div div.gsc-results	{position:absolute; top:90px;}

.bg			{background-color:#eee;}
#listing.company	{display:block;}
#listing .companyRight	{float:right;text-align:right;}
#listing p.companyTitle {font-size:1.1em; color:#808000;}
#listing p.companyName {font-size:1.1em; color:#808000;}
#listing p.companyEmail {}
#listing p.companyDescription {font-size:0.9em;}
#listing p.companyTags {color:#aaa; font-size:0.6em;}

div .logomsg{float:left; width:150px; margin:15px;}

.pics{display:block; float:left; width:60px; height:70px; margin:3px; background-image:url(pics.jpg); background-repeat:no-repeat;}
.pic1{background-position:0px 0px;}
.pic2{background-position:-60px 0px;}
.pic3{background-position:-120px 0px;}
.pic4{background-position:-180px 0px;}

#loading	{background-color:#ffdfdf; padding-bottom:20px;}

div.clearfloat{clear:both;}

/* also used to attach click events */
.listaz		{cursor:pointer;}

#h1			{font-size:1.4em; font-weight:bold; margin:0px auto 0px auto;}
#footer		{clear:both; height:1em; text-align:center; font-size:0.8em;}

.hide{visibility:hidden !important; display:none !important;}

div.leaf{width:100%; color:#fff; cursor:pointer; padding-top:1px;}

a.link	{display:block; text-decoration:none; cursor:pointer;}
a.link:hover {background-color:#aaa;}

.companyDescription	{color:#800;}
.companyDescription:hover {color:#300; cursor:pointer; }

/* top accordion */
dt.toggler {
	padding:2px 2px 3px 18px;
	color:#fff;
	background:#00506c url(closed.png) no-repeat;
	cursor:pointer;
	border-top:1px solid #e6e2af;
}
dt:hover {color:#000; background-color:#fff;}
dt.open {background-image:url(open.png); background-repeat:no-repeat;}

/* group Accordion */
dl.accordion {
	border-left:1px solid #e6e2af;
	border-right:1px solid #e6e2af;
	border-bottom:1px solid #e6e2af;
}

/* sub levels */
* html dl.accordion dt {background-image:none;}
/* background color level gradient */
dl dt.toggler_1{color:#fff; cursor:pointer; padding:2px 2px 3px 18px; background:#00506c url(closed.png) no-repeat;}
dl dt.toggler_2{color:#fff; cursor:pointer; padding:2px 2px 3px 18px; background:#217492 url(closed.png) no-repeat;}
dl dt.toggler_3{color:#fff; cursor:pointer; padding:2px 2px 3px 18px; background:#509bba url(closed.png) no-repeat;}
dl dt.toggler_4{color:#fff; cursor:pointer; padding:2px 2px 3px 18px; background:#7bc3e4 url(closed.png) no-repeat;}
div.leaf1,div.leaf2,div.leaf3 {
	color:#fff;
	padding:2px 0px 3px 15px;
	background-image:url(end.png);
	background-repeat:no-repeat;
	cursor:pointer;}
div.leaf1:hover,div.leaf2:hover,div.leaf3:hover {
	color:#000;
	background-color:#fff;}
div.leaf1 {background-color:#217492;}
div.leaf2 {background-color:#509bba;}
div.leaf3 {background-color:#7bc3e4;}
dl dt.toggler_1:hover,dl dt.toggler_2:hover,dl dt.toggler_3:hover,dl dt.toggler_4:hover{
	color:#000;
	background-color:#fff;}

/* major hassle with height:auto not inheriting */
dd.content{padding-left:8px;}
dt.toggler.open+dd{height:auto !important;}	/* dd that follows open dt toggler */

/* customize checkbox for -siteSearch section and set section title and keep label to bold */
.gsc-resultsRoot-siteSearch .gsc-keeper {background-color:#fff; font-weight:bold;}
.gsc-resultsRoot-siteSearch .gsc-title {font-size:1.2em;}
input.gsc-input, input.gsc-search-button {color:#111; background-color:#eee;}