* {margin: 0; padding: 0; border: 0;}  

body {
/* text-align: center;  */
background-color: #000000;
color: #ffffff;
font: 90% Helvetica, sans-serif;
line-height: 2em;
}

a {	color: #ffffff; text-decoration: none; }
a:hover { color: #ff0000; text-decoration: underline }
a:active { color: #ff0000; text-decoration: underline }

#wrapper { 
padding: 0; border: 0;
/* text-align: center;  */
margin: 0 auto; 

}

#headerwrap {
width: 800px;
margin: 40px auto; padding: 0; border: 0;
color: #eee; 
clear: both; 
}

#topmenu {
	display: block;
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width:900px;
	clear: both;
}
#topmenu ul{
	display: block;
	margin: 0px; padding: 0px;
}
#topmenu ul li{
	float: left;
	list-style-type: none;
	text-align: center;
}
#topmenu ul li a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 10px 10px;
}
#topmenu ul li a:hover{
	color: red;
	text-decoration: underline;
}
#topmenu li .hilite {	
	color: red;
	text-decoration: underline;
}
#topmenu li a:active {
	color: red;
	text-decoration: underline;
}

#logowrap {
margin: 0 auto; 
padding: 0; border: 0;
color: #fff; 
clear: both;
text-align: center;
width: 900px;
}
#logo {
/* padding: 10px 20px 5px 20px; */
/* 95px tall */
}
#logo h1 a { 
background-color: #85ad90;
display: block; text-indent: -5000em; text-decoration: none; width: 900px; height: 344px; 
background: url('../images/logo-darknature-bugs.gif') no-repeat center top; 
}

#gallerywrap {
margin: 0 auto; 
padding: 0; border: 0;
clear: both;
/* text-align: center;  */
width: 800px;
}
#gallery {
/* padding: 10px 20px 5px 20px; */
/* 95px tall */
}
#gallery h2
{
  margin: 20px auto 15px auto;
  padding: 0 0 2px 0;
  color: #ffffff;
  font-size:130%;
  text-align: left;
  border-bottom: 2px solid #ff0000;
}

#contentwrap {
color: #eee; 
clear: both; 
width: 940px;
margin: 0 auto; padding: 0; border: 0;
}
#leftcolumn
{
  width: 300px;
  margin: 10px auto 30px auto;
  color: #ffffff;
  padding: 10px 10px;
  text-align: left;
  float: left;
  font: 100% Helvetica, sans-serif;
  line-height: 130%;
}
#leftcolumn h2
{
  width: 300px;
  margin: 0px auto 15px auto;
  padding: 0 0 2px 0;
  color: #ffffff;
  font-size:130%;
  border-bottom: 2px solid #ff0000;
}
#rightcolumn
{
  width: 560px;
  margin: 10px auto 30px auto;
  color: #ffffff;
  padding: 10px 10px;
  text-align: left;
  float:left;
  line-height: 130%;
}
#rightcolumn h2
{
  width: 560px;
  margin: 0px auto 15px auto;
  padding: 0 0 2px 0;
  color: #ffffff;
  font-size:130%;
  border-bottom: 2px solid #ff0000;
}
#presspanel
{
  margin: 10px auto 30px auto;
  color: #ffffff;
  padding: 10px 10px;
  text-align: left;
  line-height: 130%;
}
#presspanel h2
{
  margin: 0px auto 15px auto;
  padding: 0 0 2px 0;
  color: #ffffff;
  font-size:130%;
  border-bottom: 2px solid #ff0000;
}
#presspanel p
{
  margin: 0px auto 15px auto;
}

#footer {
border-top: 2px solid #ffffff;
color: #c0c0c0; 
padding: 10px 0 0 0;
margin: 20px auto;
clear: both;
width: 900px;
text-align: center;
}
#footerleft
{
  width: 400px;
  margin: 0 auto;
  color: #ffffff;
  text-align: left;
  float: left;
  font: 90% Helvetica, sans-serif;
}
#footerright
{
  width: 400px;
  margin: 0 auto;
  color: #ffffff;
  text-align: right;
  float: right;
  font: 90% Helvetica, sans-serif;
}

/************* other styles **************/

.clear { clear: both; }
.clr { clear:both; }
.right-clr { clear:right; }

.imageright { float: right; margin: 0 0 5px 5px; }
.imageleft { float: left; margin: 0 5px 5px 0px; }

#searchsubmit {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url("../images/but-empty.gif") no-repeat scroll 0 0;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-size:15px;
font-weight:bold;
height:24px;
margin:-3px 0 0 10px;
width:93px;
}

/************* MENU styles **************/

#listbutton {
	width: 150px;
	/*  border-right: 1px solid #000;  */
	padding: 0 0 1em 10px;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica,  Arial, sans-serif;
	color: #333;
	}
#listbutton ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
#listbutton li {
		border-bottom: 2px solid #e0e0e0;
		margin: 0;
		}
#listbutton li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #dbe3bf;
		border-right: 10px solid #dbe3bf;
		background-color: #e5e9af;
		color: #333;
		text-decoration: none;
		width: 100%;
		}
html>body #listbutton li a {
		width: auto;
		}
#listbutton li a:hover {
		border-left: 10px solid #bdc3a5;
		border-right: 10px solid #bdc3a5;
		background-color: #babd8e;
		color: #000;
		}

/* *** Image Slideshow *** */

#slideshow {
    position:relative;
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 10px;
	width:400px; height:400px;
	float: right;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 400px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 400px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}  


/* *** jQuery Feedback Form *** */

#contact_form { width:600px; margin:0 auto; height:245px; padding:10px 0; background: transparent url(../images/form_bg.png) no-repeat; position:relative; }

form fieldset { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; margin:0px 0px 20px 0px; width:578px; position:relative; border:0;display:block; padding: 0px 10px 8px; }
form fieldset legend { border-width:1px; border-style:solid; border-color:#BBBB66; color:#3D7169;
font-weight:bold; font-variant:small-caps; font-size:140%; padding:4px 8px; margin:0px 0px 10px 0px; position:relative; top: -12px; background:white; }

label {
	font-size:12px;
	display:block;
	float:left;
	width:100px;
	text-align:right;
	margin:.2em .2em 0 0;
	color:#ffd;
	padding:8px 0px;
}
label.error { font-weight:normal; color:red;text-align:left;width:140px; padding-left:25px;background: transparent url(../images/cancel.png) no-repeat scroll left; }

input.text-input { margin:4px;padding:2px 0;color:#333; }

label#name_label      { position:absolute; top:0; left:0; }
input#name            { position:absolute; top:0; left:110px; }
label#name_error      { position:absolute; top:22px; left:120px; }

label#email_label     { position:absolute; top:45px; left:0px; }
input#email           { position:absolute; top:45px; left:110px; }
label#email_error      { position:absolute; top:67px; left:120px; }

label#phone_label     { position:absolute; top:90px; left:0px; }
input#phone           { position:absolute; top:90px; left:110px; }
label#phone_error      { position:absolute; top:112px; left:120px; }

label#details_label     { position:absolute; top:135px; left:0px; }
textarea#details           { position:absolute; top:135px; left:110px; }
label#details_error      { position:absolute; top:157px; left:120px; }

input.button { position:absolute; top:175px; left:120px; padding:3px 6px; border:2px solid #fff; margin:20px 0px 0px 0px; color:#3D7169; font-family:Verdana, Arial, Helvetica, sans-serif;background:#CCC; -moz-border-radius:5px; }												
input.button:hover { background:#85ad90 none repeat scroll 0% 0%; color:white; }

#message{ width:180px;margin:60px 0 0 100px; }
#message h2	{ font-size:150%;color:white; }
#message p	{ color:white;font-weight:bold;margin:6px 0px; }
#checkmark	{ position:relative;top:-46px;left:-60px; }


