body { background: #1f1a17;}

	/*TheLogoCss*/
	#TheLogo {float: left; padding: 0px 0 0px 12px; position: absolute; z-index: 100; left: -80px;}
	#TheLogo .TheLogoLink{background: url(../img/TheLogo.png) no-repeat left top; float: left; width: 267px; height: 241px;}
	#TheLogo .TheLogoLink span{text-indent: -9999px; float:left;}
	#TheLogo .TheLogoLink img{border: none;}
	/*TheLogoCss*/

.TheWrapper {background: url(../img/TheWrapperBg.jpg) repeat-y top; width: 982px; margin: 0 auto; padding: 0 0 20px 0;}
.ThePictureWrapper {width: 920px; margin: 5px auto;}
.TheContentWrapper {}
	
	.TheStoryWrapper {background: #1f1a17; padding: 5px; color: #fff;}
	.TheFloatImg {float: left; margin: 3px;}
	
	.TheCoffeWrapper{color: #1f1a17;}
	.TheContactWrapper {}
	
/* universal promt css */
.promt {background: none; padding: 2px 5px; color: #fff;}
	.green {float: left; padding: 5px 10px; position: relative; background: #709f00;}
	.red {float: left; padding: 5px 10px; position: relative; background: #e3450d;}
		.green em.tip {background: url(../img/tips/greentip.gif) no-repeat;}
		.red em.tip {background: url(../img/tips/index.html) no-repeat;}
			em.tip {bottom: -10px; left: 5px; width: 13px; height: 12px; position: absolute; text-indent: -9999px;}

.b {border: 1px solid red;}
.TheListing { list-style-image: url(../img/liststyles.png);}
.TheTitles {font-size: 1.2em; color: #1f1a17; line-height: normal; padding: 5px 0;}