/* CSS Document */

html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }

* { margin: 0; padding: 0; }

body {
	background: #041A03 url('../images/site/bg_page.jpg') 50% 0 no-repeat fixed;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}

#wrapper {
	background: none;
	width: 764px;
	margin: 0 auto;
	}

#site {
	background: url('../images/site/bg_site.jpg') center bottom no-repeat;
	width: 760px;
	margin: 0 auto;
	position:relative;
	padding: 20px 0 30px 0;
	border-top: 1px solid #052103;
	border-bottom: 0;
	border-left: 2px solid #052103;
	border-right: 2px solid #052103;
	z-index: 1;
	}
	
#header {
	background: #052103 url('../images/site/bg_header.gif') repeat-x;
	height: 112px;
	width: 764px;
	display: block;
	position: relative;
	z-index: 1;
	}
	
.navtop {
	text-align: left;
	position: absolute;
	top: -23px;
	left: 200px;
	z-index: 99;
	}
	
.navtop a {
	padding: 5px 12px; /*TB-LR*/
	text-decoration: none;
	color: #87A851;
	font: 10px verdana, sans-serif;
	font-weight: bold;
	letter-spacing: .01em;
	line-height: 22px;
	outline: none;
	}
	
.navtop a:hover {
	color: #FD6500;
	}
	
.navtop img{
	padding: 0 0 1px 0;/*T-R-B-L*/
	_padding: 2px 0 0 0;/*T-R-B-L*/

	}

#navbtm{
	height:22px;
	clear:both;
	position: bottom;
	text-align:center;
	margin: 0 0 0 0 !important;
	background-color:#87A851;
	overflow: hidden;
	}
	
#navbtm a {
	height:22px;
	padding: 5px 4px; /*TB-LR*/
	text-decoration: none;
	color: #052103;
	font: 10px verdana, sans-serif;
	font-weight: bold;
	letter-spacing: .01em;
	line-height: 22px;
	}
	
#navbtm a:hover {
	color: #FFFFD0;
	text-decoration: none;
	}


#greenman {
	background: transparent url('../images/site/bg_greenman.png') 0 0 no-repeat;
	width: 430px;
	height: 477px;
	margin: 0 auto;
	position: fixed;
	left: 50%;
	margin-left: -595px;
	top: 0;
	z-index: 2;
	}
	
#transbox  {
	text-align: left;
	margin:0 auto 0 auto; /*T-R-B-L*/
	width: 548px;
	overflow: auto; /* Contain child floats */
	padding: 2px 36px 0 36px;/*T-R-B-L*/
	z-index: 49;
	position: relative;
	}
	
h1 {
	margin: 0 0 15px 0; /*T-R-B-L*/
	color: #FFFFD0;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

h1 img {
	padding: 0 5px 0 8px;
	}

#headerline {
	margin: 0 0 15px 0; /*T-R-B-L*/
	background-color: #00FFFF;
	}
	
#headerleaf {
	background: transparent url('../images/site/header_leaf.png') 0 0 no-repeat;
	width: 15px;
	height: 22px;
	clear: both
	}

h2 {
	color: #FFFFD0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

h3{
	margin: 0 0 0 0; /*T-R-B-L*/
	color: #FFFFD0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

p {
	margin: 0 0 20px 0 !important;
	color: #FFFFD0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%;
	}

p a{
	color: #FFFFD0;
	text-decoration: underline;
	outline: none;
	padding: 0 2px 2px 2px;

	}

p a:hover{
	background-color: #87A851;
	text-decoration: underline;
	color: #052103;
	}

.links p {
	margin: 0 0 0 0 !important;
	line-height: 140%;
	}

.links p a {
	color: #FFFFD0; 
	outline: none;
	padding: 0 2px 2px 2px;
	}
	
.links p a:hover {
	background-color: #87A851;
	text-decoration: underline;
	color: #052103;
	}

.caption{
	margin: 0 0 10px 0;/*T-R-B-L*/
	position: relative;
	}

.quote {
	margin: 0 0 10px 0;/*T-R-B-L*/
	position: relative;
	top: -18px;
	}

.portraitleft {
    float: left;
	clear: left;
	margin: 0 36px 20px 0;/*T-R-B-L*/
	}
	
.portraitleft img {
	background: #052103;
	border: 1px solid #052103;
	}

.portraitleft h6 {
	padding: 6px 0px 7px 2px;/*T-R-B-L*/
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	}
	
.portraitleft a{
	background:  #87A851;
	padding: 12px 12px 0px 12px;/*T-R-B-L*/
	text-decoration: none;
	color: #FFFFD0;
	outline: none;
	display: block;
	}
	
.portraitleft a:hover{
	background:  #052103;
	color: #FD6500;
	}

.portraitright {
    float: right;
	margin: 0 0 20px 36px;/*T-R-B-L*/
	}
	
.portraitright img{
	background: #052103;
	border: 1px solid #052103;
	}
	
.portraitright h6 {
	padding: 6px 0px 7px 2px;/*T-R-B-L*/
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	}
	
.portraitright a{
	background:  #87A851;
	padding: 12px 12px 0px 12px;/*T-R-B-L*/
	text-decoration: none;
	color: #FFFFD0;
	outline: none;
	display: block;
	}
	
.portraitright a:hover{
	background:  #052103;
	color: #FD6500;
	}

.music {
	clear:both;
	float:left;
	width:548px;
	}

.album {
	clear:right;
    float: left;
	margin: 0 36px 20px 0;/*T-R-B-L*/
	}
	
.album img {
	background: #052103;
	border: 1px solid #052103;
	}

.album h6 {
	padding: 6px 0px 7px 2px;/*T-R-B-L*/
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	}
	
.album a{
	background:  #87A851;
	padding: 12px 12px 0px 12px;/*T-R-B-L*/
	text-decoration: none;
	color: #FFFFD0;
	outline: none;
	display: block;
	}
	
.album a:hover{
	background:  #052103;
	color: #FD6500;
	}	


hr {
	background-color: #FD6500;
	margin: 0 0 20px 0;
	clear: both;
	}
#columnleft{
	clear: left;
	float: left;
	position: relative;
	width: 274px;
	}
	
#columnright{
	clear: right;
	float: right;
	position: relative;
	width: 274px;
	}
	
.list {
	margin: 0 0 20px 36px;/*T-R-B-L*/
	color: #FFFFD0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%;
	font-weight: bold;
	}
	
.cover {
    float: right;
	margin: 0 0 0 0;/*T-R-B-L*/
	}

.cover img{
	background: #052103;
	border: 1px solid #052103;
	}
	
.cover h6 {
	margin: 0 0 0 0 !important;
	padding: 6px 0px 7px 2px;/*T-R-B-L*/
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	}
	
.cover a{
	background:  #87A851;
	padding: 12px 12px 0px 12px;/*T-R-B-L*/
	text-decoration: none;
	color: #FFFFD0;
	outline: none;
	display: block;
	}
	
.cover a:hover{
	background:  #052103;
	color: #FD6500;
	}
	
#player {
	clear: right;
	float: right;
	display: block;
	border: 1px solid #052103;
	border-left: 0;
	margin: 0 0 15px 0;
	}

.price {
	text-align: right;
	font-weight: bold;
	}

.add{
	float: right;
	margin: 0 15px 20px 0!important;/*T-R-B-L*/
	}

.view{
	float: right;
	margin: 0 0 0 0!important;/*T-R-B-L*/
	}

.also {
	clear: both;
	}
	
.courtesy {
	padding: 0 0 300px 0;
}

.review{
	margin: 0 0 20px 0 !important;
	font-style: italic;
	}

.galleryleft {
    float: left;
	margin: 0 36px 20px 0;/*T-R-B-L*/
	}
	
.galleryleft img {
	background: #052103;
	border: 1px solid #052103;
	}
	
.galleryleft h6 {
	padding: 6px 0px 7px 2px;/*T-R-B-L*/
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	}
	
.galleryleft a{
	background:  #87A851;
	padding: 12px 12px 0px 12px;/*T-R-B-L*/
	text-decoration: none;
	color: #FFFFD0;
	outline: none;
	display: block;
	}
	
.galleryleft a:hover{
	background:  #052103;
	color: #FD6500;
	}
	
.galleryright {
    float: right;
	margin: 0 0 20px 0px;/*T-R-B-L*/
	}
	
.galleryright img{
	background: #052103;
	border: 1px solid #052103;
	}
	
.galleryright h6 {
	padding: 6px 0px 7px 2px;/*T-R-B-L*/
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	}
	
.galleryright a{
	background:  #87A851;
	padding: 12px 12px 0px 12px;/*T-R-B-L*/
	text-decoration: none;
	color: #FFFFD0;
	outline: none;
	display: block;
	}
	
.galleryright a:hover{
	background:  #052103;
	color: #FD6500;
	}

#hidden {
	visibility: hidden;
	}
	
#contactform {
	width: 548px;
	margin: 0 auto;/*T-R-B-L*/
	}

#contactform label {
	margin: 0 0 2px 126px;/*T-R-B-L*/
	display: block;
	clear: both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFD0;
	}

#contactform input {
	padding: 4px;/*T-R-B-L*/
	background: #87A851;
	width: 290px;
	clear: both;
	margin: 0 0 15px 124px;/*T-R-B-L*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #052103;
	color: #FFFFD0;
	}
	
#contactform textarea {
	margin: 0 0 20px 124px;/*T-R-B-L*/
	padding: 4px;/*T-R-B-L*/
	background: #87A851;
	width: 290px;
	height: 100px;
	overflow: auto;
	clear: both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #052103;
	color: #FFFFC0;
	}
	
#contactform input#reset {
	width: 140px;
	margin: 0 20px 30px 124px;/*T-R-B-L*/
	_margin: 0 16px 30px 124px;/*T-R-B-L*/
	font-weight:bold;
	outline: none;
	}
	
#contactform input#submit {
	width: 140px;
	margin: 0 0 30px 0;/*T-R-B-L*/
	_margin: 0 0 30px 0;/*T-R-B-L*/
	font-weight:bold;
	outline: none;
}

ul {
	margin: 0 0 20px 140px;
	_margin: 0 0 20px 140px;
	color: #FFFFD0;
	font-weight: bold;
	}

#subscribeform {
	width: 548px;
	margin: 0 auto;/*T-R-B-L*/
	}

#subscribeform label {
	margin: 0 0 2px 126px;/*T-R-B-L*/
	display: block;
	clear: both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFD0;
	}

#subscribeform input {
	clear: both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFD0;
	}

#subscribeform input#email {
	width: 290px;
	background: #87A851;
	padding: 4px;/*T-R-B-L*/
	border: 1px solid #052103;
	margin: 0 0 7px 124px;/*T-R-B-L*/
	_margin: 0 0 2px 124px;/*T-R-B-L*/
	}
	
#subscribeform input#action {
	margin: 0 0 0 0;/*T-R-B-L*/
	_margin: 0 0 0 0;/*T-R-B-L*/
	}

.action {
	text-align: center;
	font-size: 12px;
	color: #FFFFD0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 15px 0;/*T-R-B-L*/
	_margin: 0 0 15px 0;/*T-R-B-L*/
	}
		
#subscribeform input#submit {
	font-weight:bold;
	width: 140px;
	background: #87A851;
	padding: 4px;/*T-R-B-L*/
	border: 1px solid #052103;
	margin: 0 20px 30px 204px;/*T-R-B-L*/
	_margin: 0 16px 30px 204px;/*T-R-B-L*/
	outline: none;
	}
	
.thankyou {
	text-align: center;
	font-weight: bold;
	}	
	
	
	
.leaf {
display: inline;

}