body,td,th {
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	margin:0px;
}

html, body {
	height:100%;
	background-image: url(gfx/bg.gif);
	background-repeat: repeat-x;
	background-color: #ceb05c;
	
	}


p {
	font-family: Tahoma;
	font-size: 11px;
	color: #333366;
	margin:0px;
}

h1 	{font-family: Tahoma;
	font-size: 11px;
	color: #333366;
	font-weight: bold;
	 }
h2 	{font-family: Tahoma;
	font-size: 11px;
	color: #333366;
	font-weight: bold;
	 }
	 
h3 	{font-family: Tahoma;
	font-size: 11px;
	color: #333366;
	font-weight: bold;
	 }

a {color: #824d21;  text-decoration: underline;}
a:hover {color: #824d21;  text-decoration: none;}

.contactcontainer a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.contactcontainer a:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.btn a {
	font-weight: bold;
	color: #7f4518;
	text-decoration: none;
	display:block;
	width:222px;
	height:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 4px;
	background-image: url(gfx/btn_line.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	
}
.btn a:hover {
	font-weight: bold;
	color: #7f4518;
	text-decoration: none;
	display:block;
	width:222px;
	background-image: url(gfx/btn_line_on.gif);
	background-repeat: no-repeat;
}

.btnon a {
	font-weight: bold;
	color: #7f4518;
	text-decoration: none;
	display:block;
	width:222px;
	height:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 4px;
	background-image: url(gfx/btn_line_on.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	
}
.btnon a:hover {
	font-weight: bold;
	color: #7f4518;
	text-decoration: none;
	display:block;
	width:222px;
	background-image: url(gfx/btn_line_on.gif);
	background-repeat: no-repeat;
}

.contentmaintxt img {
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #824d21;
}

.commodimg img {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	border: 0px solid #824d21;
}

	
.container {
	/*height: 100%;*/
	width: 857px;
	position: relative;
	min-height:100%;
	margin:auto;
	float: none;
}
.mainpage {
	/*height: 100%;*/
	width: 857px;
	position: relative;
	margin:auto;
	min-height:100%;
	float: none;
}
.top {
	float: left;
	height: 19px;
	width: 857px;
	position: relative;
}
.topimg {
	float: left;
	height: 191px;
	width: 857px;
	position: relative;
	background-image: url(gfx/topimg.jpg);
}
.contentcontainer {
	float: left;
	width: 826px;
	position: relative;
	background-image: url(gfx/bg_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-left: 31px;
}
.menucontainer {
	float: left;
	height: 435px;
	width: 255px;
	position: relative;
	background-image: url(gfx/bg_menu.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-right: 31px;
	padding-left: 34px;
}
.contactcontainer {
	height: 22px;
	width: 222px;
	position: absolute;
	left: 34px;
	top: 375px;
	font-family: "Trebuchet ms";
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}

.menubtn {
	float: left;
	width: 222px;
	position: relative;
	background-image: url(gfx/btn_line.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 1px;
}
.btn {
	float: left;
	width: 222px;
	position: relative;
	height: 22px;
	text-align: center;
}


.introcontainer {
	float: left;
	width: 253px;
	position: relative;
	padding-top: 28px;
}
.introtop {
	float: left;
	height: 18px;
	width: 253px;
	position: relative;
	background-image: url(gfx/intro_bg.gif);
	background-repeat: no-repeat;
}
.introcontent {
	float: left;
	width: 253px;
	position: relative;
	height: 349px;
	background-image: url(gfx/bg_introcontent.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 8px;
}
.story {
	float: left;
	height: 156px;
	width: 253px;
	position: relative;
	background-image: url(gfx/bg_introstory.gif);
	background-repeat: no-repeat;
	background-position: 4px;
	margin-bottom: 3px;
}
.storyhead {
	font-family: "trebuchet ms";
	font-size: 16px;
	font-weight: bold;
	width: 253px;
	float: left;
	position: relative;
	color: #824d21;
	text-align: center;
	padding-top: 28px;
	padding-bottom: 15px;
}
.storytxt {
	float: left;
	width: 223px;
	position: relative;
	font-family: "trebuchet ms";
	font-size: 10px;
	color: #824d21;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 14px;
}


.commodcontainer {
	float: left;
	width: 247px;
	position: relative;
	padding-left: 6px;
}
.commodlist {
	float: left;
	height: 88px;
	width: 436px;
	position: relative;
}

.commodimg {
	float: left;
	position: relative;
	height: 86px;
	width: 104px;
	background-repeat: no-repeat;
	background-position: center center;
}
.commodtxt {
	float: left;
	width: 132px;
	position: relative;
	height: 66px;
	font-family: "Trebuchet ms";
	font-size: 10px;
	color: #824d21;
	padding-top: 20px;
	padding-left: 5px;
}
.commodline {
	float: left;
	height: 6px;
	width: 253px;
	position: relative;
	background-image: url(gfx/commodline.gif);
	background-repeat: no-repeat;
	background-position: 104px 5px;
}

.fv12b {
	font-size: 12px;
	font-weight: bold;
}



.introbottom {
	float: left;
	height: 15px;
	width: 253px;
	position: relative;
	background-image: url(gfx/bg_introbottom.gif);
	background-repeat: no-repeat;
}



.animcontainer {
	float: left;
	width: 253px;
	position: relative;
	padding-top: 28px;
	text-align: center;
}
.animtop {
	height: 18px;
	width: 253px;
	position: relative;
	background-image: url(gfx/anim_bg.gif);
	background-repeat: no-repeat;
	background-position: 23px;
}
.animcontent {
	float: left;
	width: 253px;
	position: relative;
}
.content {
	width: 476px;
	float: left;
	position: relative;
	padding-top: 28px;
}
.contenttop {
	width: 476px;
	float: left;
	height: 18px;
	position: relative;
	background-image: url(gfx/content_top.gif);
	background-repeat: no-repeat;
}
.contentanim {
	float: left;
	height: 105px;
	width: 476px;
	position: relative;
	background-image: url(gfx/animcontent.jpg);
	background-repeat: no-repeat;
}
.contenttxt {
	float: left;
	width: 476px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(gfx/bg_maincontent.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #eedaba;
}
.contentmainfooter {
	float: left;
	height: 20px;
	width: 476px;
	position: relative;
	background-image: url(gfx/maincontentfooter.png);
	background-repeat: no-repeat;
}
.anim {
	height: 122px;
	width: 476px;
	position: absolute;
	z-index: 1000;
	top: -17px;
}


.contenthead {
	float: left;
	height: 46px;
	width: 476px;
	position: relative;
	background-image: url(gfx/headcontent.jpg);
	background-repeat: no-repeat;
	font-family: "Trebuchet ms";
	font-size: 16px;
	color: #824d21;
	text-align: center;
	padding-top: 20px;
	font-weight: bold;
}
.contentmaintxt {
	float: left;
	width: 436px;
	position: relative;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	font-family: "trebuchet ms";
	font-size: 11px;
	color: #824d21;
	padding-bottom: 10px;
	line-height: 18px;
}








.footer {
	float: left;
	height: 40px;
	width: 857px;
	position: relative;
	background-image: url(gfx/footer.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 10px;
	text-align: center;
	font-family: "trebuchet ms";
	color: #824d21;
	font-size: 10px;
}
.btnon {

	float: left;
	width: 222px;
	position: relative;
	height: 22px;
	text-align: center;
}