/* CSS Document */
body 				{
	text-align: center;
	background-image: url(/assets/images/bg.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-size: 18px;
	background-color: #DEFCC6;
	font-family: Arial, Helvetica, sans-serif;
}

p                   {
	color: #003300;
	font-size: 16px;
	padding-left: 20px;
}
h1 					{
	font-size: 18px;
	margin: 20px 0 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003300;
} 
h1 span				{ background-color: #FFFFFF; padding: 0 12px; }
h2  				{
	margin: 0;
	font-size: 18px;
} 
h2 span				{ background-color: #F3F0DA; padding: 0 8px 0 4px; font-size: 16px; } 

h3                  {
	color: #003300;
} 

img                 {
	border: 0;
}

a:link 				{
	
}

 
a:visited 			{
	
} 
a:hover				{
	
} 
a:active			{
	
} 
img.content					{
	border: 0;
	padding: 0 0 0 35px;
}

a.contact:link   {
	color: #0000FF;
}

a.contact:visited  {
	color: #0000FF;
}
a.email:link   {
	color: #20501C;
	text-decoration: none;
}

a.email:hover   {
	color: #20501C;
	text-decoration: underline;
}

a.email:visited  {
	color: #20501C;
	text-decoration: none;
}
acronym 			{ cursor: help; }

/* Main Styles */
#container			{
	width: 940px;
	margin: 0 auto;
	background-repeat: no-repeat;
	color: #DEFCC6;
	text-align: left;
}


#main				{
	clear: both;
	background-repeat: repeat-y;
	background-position: 7px;
}


#homeimg            {
	height: 291px;
	width: 940px;
	margin: 0px 0 0 0px;
}



#content			{
	padding: 10px 20px;
	background-repeat: repeat-x;
}


#navigation         {
	background-image: url(../images/nav-bg.jpg);
	width: 940px;
	height: 33px;
}


#photogalindoor          {
	width: 800px;
	margin: 25px 0 0 50px;
	height: 320px;
}

#photogalindoor img      {
	padding: 0px .5px .5px .5px;
	border: 0;
	text-decoration: none;
}

#photogaloutdoor          {
	width: 880px;
	height: 280px;
	margin: 25px 0 0 20px;
}

#photogaloutdoor img      {
	padding: 0px .5px .5px .5px;
	border: 0;
	text-decoration: none;
}

ul#nav				{
	float: right;
	margin: 0px 0 0 0px;
	list-style-type: none;
}
#nav li				{
	float: left;
	margin: 0 5px;
}
#nav a				{
	height: 33px;
	display: block;
}
#nav span			{ display: none; }

a#home-nav			{
	background-image: url(../images/home-up.jpg);
	width: 79px;
}
a#home-nav:hover		{
	background-image: url(../images/home-over.jpg);
	width: 79px;
}
a#about-nav			{
	background-image: url(../images/about-up.jpg);
	width: 82px;
}
a#about-nav:hover	{
	background-image: url(../images/about-over.jpg);
	width: 82px;
}

a#indoor-nav		{
	background-image: url(../images/indoor-up.jpg);
	width: 110px;
}
a#indoor-nav:hover	{
	background-image: url(../images/indoor-over.jpg);
	width: 110px;
}

a#shadehouse-nav    {
	background-image: url(../images/shadehouse-up.jpg);
	width: 140px;
}

a#shadehouse-nav:hover  {
	background-image: url(../images/shadehouse-over.jpg);
	width: 140px;
}


a#outdoor-nav			{
	background-image: url(../images/outdoor-up.jpg);
	width: 110px;
}

a#outdoor-nav:hover		{
	background-image: url(../images/outdoor-over.jpg);
	width: 110px;
}

a#contact-nav		{
	background-image: url(../images/contact-up.jpg);
	width: 120px;
}

a#contact-nav:hover		{
	background-image: url(../images/contact-over.jpg);
	width: 120px;
}

/* Footer */
#bottom				{
	color: #003300;
	font-size: 16px;
	padding: 0;
	width: 885px;
	height: 334px;
	margin: 0 auto;
}
#bottom div         {
	float: left;
}

#footer				{
	clear: both;
	text-align: center;
	margin: 20px 0 5px 0px;
	color: #FFFFFF;
	background-color: #164907;
	padding: 10px 0 10px 0px;
	font-size: 12px;
	width: 940px;
}
#footer a:link 				{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#footer a:visited 			{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
} 

#footer a:hover				{
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: bold;
}   

#footer a:active			{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
} 

#hidden				{ display: none; } 

.clear              {
	clear: both;
}
.homeimages         {
	margin: 5px 0 10px 27px;
}
.homepage           {
	margin: 18px 50px 35px 0;
}
.placeholder        {
	width: 320px;
	float: right;
	padding: 0 0 5px 15px;
	height: 800px;
}
.directions        {
	width: 550px;
	font-size: 13px;
}
/*   Form Styles   */

#form				{
	float: left;
	width: 540px;
	margin: 12px 0px 0 0px;
	font-size:12px
}
#form p				{
	padding: 0px;
	text-align: left;
}
#form legend		{ font-weight: bold;}
#form em			{ color: #f00; }
#form div.row		{
	padding-top: 5px;
	height: 22px;
	display: block;
}
#form label			{
	float: left;
	width: 100px;
	text-align: right;
	margin: 4px 0 0 0;
}
#form span.field	{
	width: 325px;
	text-align: left;
	margin: 0 0 0 10px;
}
#form div.submit	{
	width: 150px;
	display: block;
	margin: 135px 0 0 170px;
}

#form .req			{
	font-weight: bold;
	color: #002A00;
}
#form textarea 					{
	background-color: #fff;
	border: 1px solid #003300;
	padding: 2px;
	width: 325px;
	margin: 4px 0 0 0;
}
#form input:focus, #form textarea:focus			{
 

}

#submit				{
	background-image: url(/assets/images/submit-bg.png);
	border: none;
    width: 100px
	
}
#ack					{
	padding: 5px 20px;
	margin: 0 0 0 10px;
	font-weight: bold;
}