html,body
{
   background: url("images/bg.jpg");
   text-align: center;
   padding: 0;
   margin: 0;
}
div.container
{
   margin: auto;
   text-align: left;
   padding: 0;
   width: 844px;
	
}
div#logo
{
   height: 180px;
   width: 100%;
   background-image: url("images/topbg.png");
   margin: 0;
   padding: 0;
   z-index: 2000;
}

div#nav
{
	height: 37px;
	width: 844px;
	background: url("images/topbg2.png");
	margin-top: -38px;
	z-index: 1000;
}
#nav ul,li
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
#nav ul
{
	margin-left: 20px;
}
#nav li a:hover
{
	color: #454545;
}
#nav li a
{
	text-decoration: none;
	font: 12px arial,helvetica,verdana;
	font-weight: bold;
	color: #6c6c6c;
	display: block;
	padding: 6px 35px 6px 20px;
	background: url("images/navright2.png") no-repeat top right;
}

div#main
{
	clear: both;
	/*background: url("images/contentbgbottom2.jpg") no-repeat bottom left;*/
	background: url("images/contentbg.jpg");
	margin: 0;
	padding: 0;
	margin-bottom: -20px;
}
div#bottom
{
	clear: both;
	background: url("images/contentbgbottom2.jpg") no-repeat bottom left;
	margin: 0;
	padding: 0;
	padding-bottom: 50px;
}
div.maintop
{
	background: url("images/contentbgtop.jpg") no-repeat;
	height: 15px;
}
div#content
{
	padding: 0 30px;
}

#nav p
{
	text-align: right;
	margin: 0;
	padding: 5px;
	padding-right: 20px;
}


/* text */

p,span,label,input
{
	font: 0.8em arial,helvetica;
	color: #404040;
}

h1,h2,h3
{ 
	color: #a1a916;
}
h1
{
	font: 1.5em arial,helvetica;

}
h2
{
	font: 1.2em arial,helvetica;
	margin-bottom: 0;
}
h3
{
	font: 1em arial,helvetica;
}

a
{
	color: #a1a916;
}

p.back
{
	font: 0.6em arial,helvetica;
	background: url("images/bullet_arrow_up.png") no-repeat top left;
	padding: 2px 15px;
	margin: 0 0 30px 0;
}

h1 a, h2 a
{
	text-decoration: none;
}

h1 a:hover, h2 a:hover
{
	border-bottom: 1px solid #a1a916;
}

img 
{
	border: 0;
}

p img
{
	margin-right: 10px;
}

/* frontpage specific */

#frontpage_blog
{
	margin-top: 10px;
}

.col
{
	float: left;
}

#frontpage_main_col
{
	width: 450px;
	margin-right: 20px;
}

#frontpage_shop .product
{
	width: 100px;
	height: 150px;
	float: left;
}



/* blog stuff */

.date
{
	font: 0.7em arial,helvetica;
	color: #808080;
	margin-bottom: -10px;
}
.blogentry
{
	margin-bottom: 20px;
}

.blogentry h2
{
	font: 1.2em arial,helvetica;
	margin-top: 0;
	border: 0;
}
.blogentry p
{
	margin-bottom: 5px;
}

.blogentry a
{
	color: #c3d31b;
}

.blogcomments
{
	width: 450px;
}

.blogcomment
{
	background: #f0f0f0;
	padding: 10px;
	margin: 0 0 10px 0;
}

.blogcommentform
{
	margin: 0 10px;
}

.blogcommentform label
{
	display: block;
	margin: 5px 0 5px 0;
}

.textfield
{
	border: 1px solid #a1a916;
	font: 1em arial,helvetica;
}
.textfield:focus
{
	border: 1px solid #000;
}

.blogcommentform .textfield
{
	width: 300px;
}

.blogcommentform .textarea
{
	border: 1px solid #a1a916;
	width: 300px;
	height: 200px;
}

/* shop */

.product a
{
	text-decoration: none;
}
.product a:hover
{
	border-bottom: 1px solid #a1a916;
}
#product_description
{
	margin-left: 20px;
	width: 350px;
}
#product_description h1
{
	margin-top: 0;
}
#product_image
{
	width: 200px;
}
.quantity
{
	width: 30px;
}
.shop_categories
{
	width: 150px;
}
.shop_categories ul, .shop_categories li
{
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}
.shop_categories li a, .shop h4 a
{
	font: 0.8em verdana,"bistream vera", arial;
	color: #404040;
	font-weight: bold;
	text-decoration: none;
}
.margin20
{
	margin-left: 20px;
}
.shop_categories h3
{
	clear: both;
	margin: 100px 0;
}

/* .product_thumb */
.product_thumb
{
	height: 110px;
	border-bottom: 1px solid #e0e0e0;
	width: 100%;
	margin: 0 0 10px 0;
}

.product_thumb a
{
	text-decoration: none;
}
.product_thumb h4, .product_thumb p
{
	margin: 0 110px;
}
.product_thumb h4 a
{
	font-weight: bold;
}
.product_thumb img
{
	margin: 5px;
	float: left;
}
.product_thumb p
{
	color: #404040;
	margin-top: 10px;
}
.product_thumb .price
{
	float: right;
	display: block;
}
.shop table
{
	width: 100%;
}


/* tables */

tr
{
	border: 1px solid #fff;
}

.sortable, .fact {
	font:		Icon;
	border:		1px Solid ThreeDShadow;
	background:	Window;
	color:		WindowText;
}

.sortable thead {
	background:	ButtonFace;
}

.sortable td {
	padding:	2px 5px;
}

.sortable thead td {
	border:			1px solid;
	border-color:	ButtonHighlight ButtonShadow
					ButtonShadow ButtonHighlight;
	cursor:			default;
}

.sortable thead td:active {
	border-color:	ButtonShadow ButtonHighlight
					ButtonHighlight ButtonShadow;
	padding:		3px 4px 1px 6px;
}

.sortable thead td[_sortType=None]:active {
	border-color:	ButtonHighlight ButtonShadow
					ButtonShadow ButtonHighlight;
	padding:		2px 5px;
}

.sortarrow {
	width:					11px;
	height:					11px;
	background-position:	center center;
	background-repeat:		no-repeat;
	margin:					0 2px;
}
.sortable a
{
	color: #000;
	text-decoration: none;
}

table input
{
	font: 1em verdana;
}

.shop label
{
	display: block;
	width: 100px;
	float: left;
}
.shop fieldset
{
	border: 0;
	padding: 0;
	margin: 0;
}
.shop .textfield
{
	width: 200px;
}
fieldset p
{
	clear: both;
}