@charset "utf-8";
/* CSS Document */

/***Reset***/
/*html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }*/


body {
	font: 9pt Arial, Helvetica, sans-serif;
	background: #575a5d;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
}

h1 { font-size: 1.667em; margin-bottom: 5px; }

h2 { font-size: 1.5em; line-height: 1.333em; margin-bottom: 5px; }

h3 { font-size: 1.125em; margin-bottom: 5px; }

h4 { font-size: 1.167em; margin-bottom: 5px;}

h5, h6 { font-size: 1em; margin-bottom: 5px;}


p {color: #dddddd;
	text-align:justify;
	margin-top: 5px;
}



#container {
	width: 782px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #6c6f70;
	margin: 10px auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	font: 10px Arial, Helvetica, sans-serif;
	color:#999999;
	background: #6c6f70; 
	background-repeat:no-repeat;
	background-position:right;
	padding: 0px 20px 10px 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	border-bottom: 3px solid #575a5d;
}

#header a:link{
	color: #999999;
}
#header a:hover{
	color: #CCCCCC;
}


/* logo */
p#BrownEarthLandscapes {
	display: block;
	height: 0px;
	right: 0px;
	float:left;
	padding: 10px 0px 0px 0px;
	width: 190px;
	text-align: left;
}

h1#logo, a#logo {
	background: url(../images/brown_earth_logo.gif) no-repeat bottom right;
	display: block;
	height: 38px;
	margin: 0px auto;
	padding-right: 100px;
	text-indent: -9999px;
}



#topnav {
	background: #6c6f70; 
	padding: 0 10px 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#flashcontainer{
	margin-top: 10px;
	height: 200px;
	border-top: 3px #FFFFFF solid;
	border-bottom: 3px #FFFFFF solid;
	padding: 0;
}

#mainContentContainer {
	padding: 0 20px 0px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0 auto;
	text-align:justify;
}

.showSeedhead{
	background-image:url(../images/seedhead.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.showSeedheadHomepage {
	background-image:url(../images/seedhead.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	color: #dddddd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
}

.showSeedheadHomepage p{
	text-align:center;
}

#mainContentContainer a:link, #mainContentContainer a:visited
{
text-decoration: underline;
color: #BBBBBB;
}



#mainContentContainer a #mainContentContainer a:link, #mainContentContainer a:hover
{
color: #ffffff;
text-align: justify;
}


#mainContent{
	float: right;
	width: 370px;
	/*background-color: #575a5d;
	border: 1px #444444 solid;*/
	font: 10px Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	margin-top: 10px;
	padding-top: 10px;
	text-align: justify;
	color: #ffffff;
}
#mainContent p{
	color: #ffffff;
}

#pooky1{
	margin: 0 0 0 15px;
	padding: 0;

}

#pooky1 a, #pooky1 p{
	margin: 0;
	padding: 0;
	line-height: 18px;
}

#mainSeedhead{
float: left;
	background-image:url(../images/seedhead.png);
	background-repeat:no-repeat;
	background-position:left;
}

.floatRight{
	clear: both;
	float: right;
	margin: 0 auto;
	padding: 0;
}
.floatRight p{
	padding: 0;
	margin: 0;
}


.floatLeft{
	clear: both;
	float: left;
	margin: 0 auto;
	padding: 0;
}
.floatLeft p{
	padding: 0;
	margin: 0;
}

/* Top NAV */
#navcontainer{
	margin: 0 auto;
	padding: 0;
}

#navlist{
margin: 0;
padding: 10px 0px 5px 22px;
/*border-bottom: 1px solid #000;*/
}

#navlist ul, #navlist li{
font: 14px Arial, Helvetica, sans-serif;
/*margin: 0;
padding: 0;*/
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited{
/*float: left;*/
line-height: 14px;
font-weight: normal;
/*margin: 0px 51px 0px 0px;*/
margin-right: 51px;
padding: 0px;
text-decoration: none;
color: #46494c;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover{
border-bottom: 2px solid #FFFFFF;
padding-bottom: 2px;
background: transparent;
color: #ffffff;
}



#footer {
	background: transparent 0pt 100%;
	height: 55px;
	clear: both;
	text-align:center;
	border-top: 3px solid #575a5d;
	margin-top: 0px;
	color: #CE730D;
	text-decoration: none;
	letter-spacing: 0.1em;
	padding: 0px;
	font-size:9px;
}
#footer ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	padding-top: 5px;
	margin-left:0;
	padding-left:0;
	padding-bottom:0;
	margin-bottom:5px;
}
#footer li { border-left: 1px solid #575a5d; padding: 0pt 6px; display: inline; }
#footer li.first { border: 0pt none ; }
#footer a:link, #footer a:visited { color: #aaaaaa; text-decoration: none;}
#footer a:link#current, #footer a:visited#current {	color: #FFFFFF;	text-decoration: underline;}
#copyright {
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top:0;
	}
#copyright p{
	text-align:center;	
	color: #BBBBBB;
}
#copyright, #copyright a:link, #copyright a:visited {	font: 9px Arial, Helvetica, sans-serif;	color: #AAAAAA;	text-decoration: none;}
#copyright a:hover{
	text-decoration: underline;
	color: #ffffff;
}
#footer a:hover{
	text-decoration: underline;
	color: #ffffff;
}




/* Contact Form */
.clearing { clear: both; }

#contactform {
	margin: 0;
	width: 500px;
	background: #6c6f70;
	background-image:url(../images/seedhead.png);
	background-repeat:no-repeat;
	background-position:left;
	padding: 1px;
}
#contactform * {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#contactform ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
#contactform li {
	margin: 0 0 1px 0;
	padding: 10px;
	background: none;
}
#contactform li.buttons {
	margin: 0;
	overflow: hidden;
}
#contactform label {
	margin: 0;
	width: 190px;
	display: block;
	float: left;
	padding: 5px 10px 2px 0;
}
#contactform input.text {
	width: 274px;
	border: 1px solid #000000;
	padding: 2px;
	margin: 0;
}
#contactform textarea {
	width: 274px;
	border: 1px solid #000000;
	padding: 2px;
	height: 80px;
	background: #FDFDF7;
}
#contactform li.buttons input {
	padding: 4px;
	float: right;
	margin: 0 0 0 5px;
	width: auto;
}
.response {
	background: #575a5d;
	border: 1px solid #AAAAAA;
	display: none;
	padding: 5px;
	width: 300px;
	text-align: center;
	margin: 0 auto 10px auto;
	color: #ffffff;
}

.loader {
	float:left;
}


/* DEBUG */
#debug{
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	width: 782px;
	margin:10px auto;
}
#debug p{
	text-align:center;
}


/* <IE6 Warning */
.IEWarning{
	background-color: #661111;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	width: 782px;
	margin:10px auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
.IEWarning p{
	color: #ffffff;
	text-align:center;
}

.IEWarning a:link, .IEWarning a:visited{
	color: #ffffff;
	text-decoration:none;
}

.IEWarning a:hover{
	color: #ffffff;
	text-decoration:underline;
}


/* MOD for Container */
.modContainer {
   position:relative;
   z-index:0;
   margin-top: 0px;
   margin-bottom:0px;
}
.modContainer .mod-contentContainer{
   background:#6c6f70;
   border:1px solid #444444;
   position:relative;
   z-index:2;
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
}
/* x1 = top and left edges; 
   x1a = top right corner; 
   x2 = right and bottom edges; 
   x2a = bottom left corner */
.modContainer .c1,
.modContainer .c1a,
.modContainer .c2,
.modContainer .c2a {
   display:block;
   background:url(../images/glow.gif) no-repeat;
   /* turn off for IE6 or use a GIF */
/*   _background:transparent; */
   width:100%;
   height:100%;
   position:absolute;
}
.modContainer .c1{
   background-position:0 0;
   z-index:-2;
   top:-10px; /* set to the size of the glow */
   left:-10px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 10px 10px 0; 
}
.modContainer .c1 .c1a {
   height:10px;
   width:10px;
   background-position:100% 0;
   right:-10px;
   top:0;
}
.modContainer .c2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-10px;
   right:-10px;
   padding:10px 0 0 10px;
}
.modContainer .c2 .c2a {
   height:10px;
   width:10px;
   background-position:0 100%;
   left:-10px;
   bottom:0;
}

/* [site map] */



ul.sitemap {

	margin:15px 0 15px 25px;

}

ul.sitemap li {

	margin:3px 0;

}

ul.sitemap ul {

	margin:15px 0 15px 25px;

}

ul.sitemap ul a {

	font-weight:normal;

	color:#808080;

}

ul.sitemap ul ul a {

	font-weight:normal;

	color:#808080;

	font-size:90%;

}

/** Sample Plans Button **/
#samplePlans{
	margin-top: 10px;
}


/** Portfolio **/
#portfolioImageContainer img{
	margin: 10px;
}

.portfolioThumb img{
	margin: 10px;
	border: 2px solid #aaaaaa;
}

.portfolioThumb:hover img{
	margin: 10px;
	border: 2px solid #ffffff;
}



/** PFD Download Links **/
.pdfLinks ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	padding-top: 5px;
	margin-left:0;
	padding-left:0;
	padding-bottom:0;
	margin-bottom:5px;
}
.pdfLinks li { 
	border: 0pt none; 
	padding: 6px 25px 10px; 
	display: list-item; 
	background-image:url(../images/icons/pdf.gif);
	background-position:left top; 
	background-repeat: no-repeat; 
}
.pdfLinks a:link, #pdfLinks a:visited { color: #aaaaaa; text-decoration: none;}
.pdfLinks a:hover{	color: #FFFFFF;	text-decoration: underline;}

a span.tooltip {
	background:3px 1px url(../images/icons/newwindow.gif) no-repeat;
	padding-right:19px;
	cursor:pointer;
	height:12px;
	display:inline-block;
}
a span.tooltip span {
	position:absolute;
	top:-999em;
	left:-999em;
}

#contactAddress{
	float: right;
	margin-top: 90px;
}

.publishingInfo{
	font-size:9px;
	border-bottom: #FFFFFF solid 1px;
	margin: 0 auto;
	padding: 0;
}