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







/* clear the crap....................................................................*/



* {
	padding:0;
	margin:0;
}
.clear {
	clear:both;
	height:1px;
}
html {
	background-color:#000;
	height:100%;
}
body {
	background-color:#000;
	background:url(../images/tile-star.jpg) repeat;
	height:100%;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:14px;
}
#tableShell {
	height:100%;
}
#contentCell {
	background-color:#000;
	background:url(../images/tile-star.jpg) repeat;
}
#ground {
	background:url(../images/tile-mountain.jpg) repeat-x left bottom;
	height:50px;
}
#mainContainer {
	width:900px;
	margin:0px auto;
	padding:50px 0 20px 0;
	text-align:justify;
}
#header {
	padding:0 0 0 17px;
	background:none;
}
/* main menu links ........................... */





#mmLinks {
}
#mmLinks a {
	display:block;
	float:left;
	color:#fff;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	font-size:14px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	margin-right:25px;
	letter-spacing:.08em;
	padding:25px 0 0 0;
}
#mmLinks a:hover {
	text-decoration:none;
}
#mmLinks a.tab {
	height:50px;
	margin:0;
	padding:0;
	text-decoration:none;
}
#mmLinks a.homeTab {
	background:url(../images/homeTab-dwn.jpg);
	width:69px;
}
#mmLinks a:hover.homeTab {
	background:url(../images/homeTab-up.jpg);
}
#mmLinks a.newsTab {
	background:url(../images/newsTab-dwn.jpg);
	width:69px;
}
#mmLinks a:hover.newsTab {
	background:url(../images/newsTab-up.jpg);
}
#mmLinks a.aboutTab {
	background:url(../images/aboutTab-dwn.jpg);
	width:103px;
}
#mmLinks a:hover.aboutTab {
	background:url(../images/aboutTab-up.jpg);
}
#mmLinks a.coffeeTab {
	background:url(../images/coffeeTab-dwn.jpg);
	width:155px;
}
#mmLinks a:hover.coffeeTab {
	background:url(../images/coffeeTab-up.jpg);
}
#mmLinks a.artTab {
	background:url(../images/artTab-dwn.jpg);
	width:107px;
}
#mmLinks a:hover.artTab {
	background:url(../images/artTab-up.jpg);
}
#mmLinks a.purchaseTab {
	background:url(../images/purchase-dwn.jpg);
	width:119px;
}
#mmLinks a:hover.purchaseTab {
	background:url(../images/purchase-up.jpg);
}
#mmLinks a.MMactive {
	text-decoration:underline;
}
#mmLinks a.MMactiveArtTab {
	background:url(../images/artTab-up.jpg);
}
#mmLinks a.MMactivePurchaseTab {
	background:url(../images/purchase-up.jpg);
}
#mmLinks a.MMactiveCoffeeTab {
	background:url(../images/coffeeTab-up.jpg);
}
#mmLinks a.MMactiveAboutTab {
	background:url(../images/aboutTab-up.jpg);
}
#mmLinks a.MMactiveHomeTab {
	background:url(../images/homeTab-up.jpg);
}
#mmLinks a.MMactiveNewsTab {
	background:url(../images/newsTab-up.jpg);
}
/* content ........................... */





#contentContainer {
	clear:both;
	background:url(../images/contentTile.jpg) repeat-y;
}
.content {
	letter-spacing:.02em;
	line-height:1.22em;
	font-size:16px;
	padding:35px 35px 20px;
	background:url(../images/backImage6.jpg) no-repeat top left;
}
.subContentContainer1 {
	background:#000 url(../images/backImage6-2.jpg) 0px -110px no-repeat;
	overflow:auto;
	padding:20px 35px;
	border-top:solid 1px #666;
}
.subContentContainer2 {
	overflow:auto;
	background:#000 url(../images/backImage6-2.jpg) 0 -70px no-repeat;
	padding:20px 35px;
	border-top:solid 1px #555;
}
/* floated collumns ........................... */



.textCollumn1 {
	float:left;
	width:460px;
	line-height:1.3em;
	margin-left:20px;
	margin-top:20px;
}
.textCollumn2 {
	margin-top:30px;
	float:right;
	width:310px;
	margin-left:30px;
	text-align:left;
}


.editorBox {
	border:solid 2px #666;
	padding:0;
	margin:0;
	margin-top:23px;
	width:300px;
}


.editorBox p {
	padding:0 7px;
	font-size:15px;
	text-align:justify;
	line-height:1.2em;
	color:#ccc;
}


.textCollumn3 {
	float:left;
	width:600px;
	margin-right:30px;
}

.indexCoffeeBlock {
	border-top:solid 1px #333;
	padding:40px 0 30px 0;
	overflow:auto;
	margin-top:10px;
}

.indexNewsBlock {
	border-top:solid 1px #333;
	padding:40px 0 30px 0;
	height:180px;
}

.indexNewsBlock a {
	color:#fff;
	padding:0 0 12px 0;
	display:block;
	line-height:1.2em;
}

.indexNewsBlock img {
	margin:25px 0 0 10px;
}

.indexNewsBlock p.indent {
	width:320px;
}




/* about styles ........................... */





.aboutBox {
	/*height: 530px;

	overflow-x:auto;

	overflow-y:scroll;	

	background:#000; 

	padding:0 20px; */

	color:#fff;
	float:left;
	width:570px;
	margin-right:30px;
	margin-top:30px;
}
.aboutBox p {
	padding:0 0 20px 0;
	margin:0;
	margin-left:20px;
}
p.first {
	font-size:1.1em;
	line-height:1.2em;
}
p.first:first-letter {
	padding:.05em;
	line-height:.7em;
	font-size:4em;
	float:left;
	font-family:"Times New Roman", Times, serif;
	color:#bbb;
}
p.first:first-line {
}
.picCollumn {
	float:left;
	margin-top:20px;
	width:215px;
}
.picCollumn p {
	padding:0;
	margin:0;
	font-size:1.5em;
	text-align:left;
	padding:0 0 0 10px;
	color:#eee;
	border-left:5px solid #bbb;
	line-height:1.1em;
	margin-bottom:20px;
}
.picCollumn img {
	margin-bottom:20px;
}
/* Headers ........................... */




h1 {
	font-size:1.5em;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}


h2 {
	font-size:1.3em;
	color:#555;
	display:inline;
	float:left;
}
h3 {
	font-size:1.3em;
	padding:0 0 10px 0;
	letter-spacing:0.13em;
	font-style:italic;
	color:#666;
}
h4 {
	font-size:1.5em;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}
h5 {
	font-size:1em;
	color:#777;
}
.samplePages {
	font-size:17px;
	padding:0 0 10px 0;
	font-style:italic;
	color:#bbb;
	font-weight:bold;
}
.samplePages em {
	font-size:12px;
}
.textCollumn2 a img {
	margin-top:7px;
}
.bQ {
	font-size:40px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	position:relative;
	line-height:0px;
	top:15px;
	padding-right:3px;
	color:#777;
}
hr {
	margin:30px 0;
	border:none;
	border-top:solid 1px #333;
}
img, a {
	border:none;
}
.whiteBorder {
	border:solid 1px #fff;
}
.firstP {
	border:none;
	padding:0;
	margin: 0 0 15px 0;
}
.dim {
	color:#999;
}
.brdl {
	padding:0 0 0 15px;
}

.brdr {
	padding:0 15px 0 0;
}

p {
	margin: 10px 0;
}
p.indent {
	margin-left:30px;
}
a {
	color:#777;
	font-size:13px;
}
a.inline {
	color:#fff;
	font-size:14px;
}
em {
	color:#777;
}
blockquote {
	padding:0 15px;
	font-style:italic;
}
ul {
	margin:10px 20px;
	padding-left:25px;
}
/* Gallery Styles ......................................................................................................*/











#galTop {
	background:url(../images/gal-top.jpg) no-repeat top left;
	height:44px;
	padding:30px 0 0 30px;
}
#gal-but {
	position:relative;
	top:48px;
	margin-left:200px;
	display:none;
}
#gal-but a {
	letter-spacing:.08em;
	float:left;
	margin:0 0 0 3px;
	background:#454e57;
	padding:6px;
	text-decoration:none;
	color:#000;
	font-size:12px;
}
#gal-but a.active {
	background:#adb6bf;
}
#gal-but a:hover {
	background:#adb6bf;
}
#gal-but a.active:hover {
	background:#adb6bf;
}
#gal-content {
	background:#000;
	margin:0 2px;
	border-top:solid 1px #555;
	padding:13px 15px 13px 23px;
	overflow:auto;
	background:#000 url(../images/backImage6-2.jpg) -2px -70px no-repeat;
}
#gal-thumb-container {
	float:left;
}
#gal-thumb-thumbs {
	clear:both;
	background:#1d2227;
	width:257px;
	height:520px;
	overflow-x:auto;
	overflow-y:auto;
	margin-top:16px;
	border: 5px solid #1d2227;
}
#gal-thumb-thumbs a {
	display:block;
	float:left;
	text-decoration:none;
	padding:8px;
	overflow:hidden;
}
#gal-print-container {
	float:right;
	margin-right:5px;
	text-align:center;
	color:#666;
	width:570px;
	text-align:left;
}
#gal-print-container a {
	color:#666;
	font-size:13px;
}
#gal-print {
	margin-bottom:13px;
}
#gal-info {
	padding:10px;
	color:#bbb;
	border:solid 1px #404448;
	text-align:left;
	font-size:12px;
	line-height:1.3em;
}
/* Gallery Link Styles - this is the thumbs that are on the bottom of every page ...................................................*/











#galleryThumbs {
	text-align:left;
	background:#000;
	padding:6px;
	padding-bottom:0;
	border-top:solid 2px #333;
	border-left:solid 2px #777;
	border-right:solid 2px #777;
	font-size:12px;
}
#galleryThumbs img {
	width:166px;
	padding:4px;
}
/* Footer Styles ......................................................................................................*/











#footer {
	background:url(../images/footer.gif) no-repeat bottom left;
	height:32px;
}
#footer-gal {
	background:url(../images/footer-gal.gif) no-repeat bottom left;
	height:32px;
}
.footerThumbText {
	float:left;
	font-size:11px;
	color:#666;
	padding-top: 7px;
	margin-left:20px;
}
#myInfo {
	font-size:11px;
	color:#666;
	float:right;
	padding-top: 7px;
	margin-right:20px;
}
#myInfo a {
	color:#666;
	text-decoration:none;
	font-style:italic;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif
}
#myInfo a:hover {
	text-decoration:underline;
}