@charset "utf-8";
/*------- basic styling------------*/
* {
	margin: 0px;
	padding: 0px;
}
	
body {
	background-color: #000000;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #eeeeee;
	}
#wrapper {
	position: relative;
	width: 875px;
	/*height:auto*/
	margin: 0 auto;
	text-align: left;
	background-color: #FEFAE2;
	height: auto;
	/*height: 2000px;*/
	}

#indexwrapper {
	position: relative;
	width: 875px;
	/*height:auto*/
	margin: 0 auto;
	text-align: left;
	background-color: #000000;
	height: auto;
	/*height: 2000px;*/
	}
#wrapperPurchase {
	position: relative;
	width: 875px;
	/*height:auto*/
	margin: 0 auto;
	text-align: left;
	background-color: #000000;
	height: auto;
	border: thin none #FEFAE2;
}

#wrapperWholesale {
	position: relative;
	width: 1034px;
	/*height:auto*/
	margin: 0 auto;
	text-align: left;
	background-color: #ffffff;
	height: auto;
	border: thin none #FEFAE2;
}
	
#contentWrapper {
	position:relative;
	/*background:#ffffff;*/
	width: 875px;
	top: 272px;
	height:auto;
	background-color: #FEFAE2;
	}

	
	#homeContentWrapper {
	position:relative;
	/*background:#ffffff;*/
	width: 650px;
	top: 0px;
	height:800px;
	text-align: left;
	right: 0px;
	left: 118px;
	/*background-color: #DAE2B8;*/
	}
#contentWrapperPurchase {
	position:relative;
	/*background:#ffffff;*/
	width: 873px;
	top: 272px;
	height:auto;
	background-color: #000000;
	border: thin solid #FEFAE2;
}

		
#clear {
clear:both;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}
	
/*------- position container elements------------*/
#header{
	position:absolute;
	top: 0px;
	z-index: 5;
	background:#000000;
	height:277px;
	
	}
#header h1 {
	margin-left: -9000px;
}

#headerTitle{
	position:relative;
	top: 0px;
	background:#000000 /*url(images/titleBG.gif)*/;
	height:109px;
	/*background-repeat: repeat-y;*/
	}

#headerMenuBar{
	position:relative;
	background:#FEFAE2;
	height:38px;
	}
	
#headerBanner{
	position:relative;
	background:#000000;
	height:130px;
	bottom: 0px;
	
	}

#contentLeft {
	position:relative;
	float:left;
	/*position:relative;
	top: 0px;
	left: 0px;*/
	width: 450px;
	}
	
#contentRight {
	position:relative;
	float:right;
	/*position:relative;
	top: 0px;
	left: 420px;*/
	width: 400px;
	
	}
	
#footer {
	position:absolute;
	bottom: 0px;
	width: 875px;
	color:#000000;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
	float: left;
}

#indexMenuBar{
	position:absolute;
	height:38px;
	top: 130px;
	float: left;
	z-index: 3;
	
	}


#homepageRight {
	position:absolute;
	/*z-index: 5;*/
	top:0px;
	float:right;
	/*position:relative;
	top: 0px;
	left: 420px;*/
	width: 195px;
	left: 679px;
}

#homepageLeft {
	position:absolute;
	/*z-index: 5;*/
	top:0px;
	float:left;
	/*position:relative;
	top: 0px;
	left: 420px;*/
	width: 195px;
}

#homePageMiddle {
	position:absolute;
	/*z-index: 5;*/
	top:185px;
	/*float:left;*/
	/*position:relative;
	top: 0px;
	left: 420px;*/
	width: 439px;
	left: 196px;
	height: 633px;
}

/*------- content formatting ------------*/
p {
	font-family: "Trebuchet MS";
	font-size: 1.2em;
	font-style: normal;
	color: #333333;
	margin-left: 0px;
	text-align: left;
}
h2 {
	font-family: "Trebuchet MS";
	font-size: 0.85em;
	font-style: italic;
	color: #666699;
	margin:0 auto; /*centers in compliant browsers*/
	text-align:center; /*centers in old versions of IE*/
}

h1 {
	font-family: "Trebuchet MS";
	font-size: 0.85em;
	font-style: italic;
	color: #666699;
	text-align:left; /*centers in old versions of IE*/
}

 .textGutter {
	color: #333333;
	margin-left: 60px;
	text-align: left;
	margin-right: 10px;
 }
 
  .textBio {
	color: #333333;
	margin-left: 40px;
	text-align: left;
	margin-right: 0px;
	font-size: 1em;
 }
 
  .textHomePage {
	color: #FFFFFF;
	text-align: center;
	font-size: 1.3em;
	font-style: normal;
	margin: 0px;
 }
 
.pictureCaption {
	font-family: "Trebuchet MS";
	font-size: 0.85em;
	font-style: italic;
	color: #6633FF; /*centers in compliant browsers*/
	text-align: center;
	position: relative;
}


img{
	display:block; /*allows the element to take auto margins*/
	margin:0 auto; /*centers in compliant browsers*/
	text-align:center; /*centers in old versions of IE*/
} 


.overlay {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    left: 0;
    opacity: 0.65;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    display: none;
}

	
	
	

		
.textPurchase {
	color: #FFFFFF;
	margin-left: 0px;
	text-align: center;
	font-style: italic;
	margin-right: 0px;
	font-size: 1em;
}
.textPurchaseHeader {
	color: #FFFFFF;
	text-align: left;
	font-size: 1.2em;
	padding: 0px;
	margin: 0px;
}
.purchaseCaption {
	font-family: "Trebuchet MS";
	font-size: 0.85em;
	font-style: italic;
	color: #FFFFFF; /*centers in compliant browsers*/
	text-align: left;
	position: relative;
	text-indent: 0px;
}

.purchaseCaption p{
	font-family: "Trebuchet MS";
	font-size: 1.0 em;
	font-style: italic;
	color: #FFFFFF; /*centers in compliant browsers*/
	text-align: center;
	position: relative;
	text-indent: 0px;
}



/*POPup Image*/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -20px;
	left: -450px;

}


/*POPup Image Left*/
.thumbnailLeft{
position: relative;
z-index: 0;
}

.thumbnailLeft:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailLeft span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailLeft span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailLeft:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -20px;
	left: 40px; /*position where enlarged image should offset horizontally */
}

/*POPup Image Center*/
.thumbnailCenter{
position: relative;
z-index: 0;
}

.thumbnailCenter:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailCenter span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 0px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailCenter span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailCenter:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 20px;
	left: 0px; /*position where enlarged image should offset horizontally */
}


#indexheaderBanner {
	position:absolute;
	background:#000000;
	height:130px;
	height: auto;
	width: auto;
	float: left;
	z-index: 2;
	margin: 0 auto;
	top: 120px;
}