@charset "UTF-8";
/* CSS Document */
* {
	padding:0;
	margin:0;
}
html {
	height:100%;
}
body {
	min-width:960px;
	background:#999900 url(../img/bg.jpg) right top fixed;
	height:100%;
}
#wrapper {
	width:945px;
	float:right;
	background-color:#fff;
	padding:0 0 0 15px;
	min-height: 100%;
}
#wrapperpost {
	width:945px;
	float:right;
	background:#fff url(../img/bg_stippel.gif) left top repeat-y;
	padding:0 0 0 15px;
	min-height: 100%;
}
#header {
	height:90px;
	width:945px;
	float:left;
	padding:10px 0 0 0;
	background-color:#fff;
}
#footer {
	height:15px;
	width:945px;
	float:left;
}
#logo {
	float:left;
	width:190px;
	height:90px;
	}
#nav {
	float:left;
	width:430px;
	height:73px;
	text-align:right;
	padding:17px 0 0 0;
}
#nav ul li {
	color:#ccc;
	display: inline;
	list-style-type: none;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 0 0 15px;
	font-weight:bold;
	font-size:14px;
}
#nav ul li a {
	color:#333;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
#nav ul li a:hover {
	color:#ccc;
}
/* INDEX */
#container {
	width:945px;
	float:left;
}
#pageleft a {
	color:#000;
}
.post {
	width:300px;
	float:left;
	padding:15px 15px 0 0;
	background:#fff url(../img/bg_post.gif) left bottom no-repeat;
}
.post p a {
	color:#000;
}
.post .pic {
	cursor:pointer;
	width:300px;
	height:200px;
	background-color:#f0f0f0;
	position:relative;
}
.pic .ttl {
	vertical-align:bottom;
	display:inline;
	bottom:0;
	position:absolute;
	background-color:#fff;
	float:left;
	max-width:300px;
	overflow:hidden;
	color:#333;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 10px 5px 0;
}
.pic .ttl h2 {
	font-weight:normal;
}
.pic .ttl a {
	color:#333;
	text-decoration:none;
}
.post .txt {
	width:300px;
	padding:15px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	margin: 0 0 2px 0;
	font-size:11px;
	line-height:13px;
	height:51px;
	overflow:hidden;
	font-style:italic;
	text-align:justify;
}
.post .metadata {
	width:300px;
	padding:0 0 15px 0;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
}
.post .metadata a {
	color:#999;
	text-decoration:none;
}
.post .metadata a:hover {
	text-decoration:underline;
}

/* PAGE */
#pageleft {
	float:left;
	width:631px;
	background:#fff url(../img/bg_page.gif) right top repeat-y;
}
#pageright {
	float:right;
	width:300px;
	padding:0 0 0 14px;
}
#pageright p {
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	padding:0 0 5px 0;
	margin:-2px 0 0 0;
}
.fleft {
	float:left;
	width:135px;
	height:90px;
	overflow:hidden;
	padding:0 15px 15px 0;
}
.mini_post {
	width:135px;
	height:90px;
	background-color:#000000;
	position:relative;
	cursor:pointer;
}
.mini_post .ttl {
	vertical-align:bottom;
	display:inline;
	bottom:0;
	position:absolute;
	background-color:#fff;
	float:left;
	max-width:300px;
	overflow:hidden;
	color:#333;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 5px 2px 0;
	font-weight:normal;
}
.mini_post .ttl a {
	color:#333;
	text-decoration:none;
}
.intro {
	width:615px;
	height:315px;
	position:relative;
}
.intro .pttl h2 {
	vertical-align:bottom;
	display:inline;
	bottom:0;
	position:absolute;
	background-color:#fff;
	float:left;
	max-width:300px;
	overflow:hidden;
	color:#333;
	font-size:36px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 10px 5px 0;
	font-weight:normal;
}
.introtxt {
	width:615px;
	padding:15px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size:11px;
	font-style:italic;
	text-align:justify;
	line-height:13px;
}
.video, .single_pic, .double_pic, .downloads {
	width:615px;
}
.video p, .single_pic p, .double_pic p, .downloads p {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-style:italic;
	line-height:13px;
	font-size:11px;
	padding:0 0 15px 0;
}
.downloads ul {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-style:italic;
	padding:0 0 15px 15px;
}
.downloads ul li a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-style:italic;
	text-decoration:none;
	color:#333;
}
.downloads ul li a:hover {
	text-decoration:underline;
}
p.arial, span.arial {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
}
.bigbrdr {
	border-bottom:3px #333 solid;
}
h4 {
	color:#333;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:15px 0 5px 0;
}
.multitxt {
	width:615px;
	padding:0 0 15px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size:11px;
	text-align:justify;
	line-height:13px;
}
.multitxt h4 {
	padding:15px 0 15px 0;
}
.multitxt a {
	color:#999;
	text-decoration:none;
}
.multitxt a:hover {
	text-decoration:underline;
}
.minus {
	margin:-15px 0 0 0;
}


/* CATNAV */
.bggr {
	font-size:14px;
}
#catnav {
	top:50px;
	right:444px;
	width:150px;
	z-index:900;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	padding:0 15px 0 15px;
	text-align:center;
	display:none;
}
#catnavtop {
	width:150px;
	background: url(../img/top_catnav.gif) left top no-repeat;
	height:10px;
}
#catnavrest {
	width:150px;
	background-color:#f3f3f3;
	text-align:center;
	padding:15px 0;
}
#catnavrest a {
	text-decoration:none;
	color:#333;
}
#catnavrest a:hover {
	color:#ccc;
}




/* SHOP */
#shop {
	top:0;
	right:0;
	width:315px;
	background-color:#f3f3f3;
	z-index:900;
	position:absolute;
	display:none;
}
#shop_header {
	height:99px;
	width:315px;
}
.shopttl {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	width:230px;
	height:20px;
	float:left;
	padding:28px 0 0 15px;
}
.shoplink {
	float:right;
	margin:13px 15px 0 0;
	display:inline;
	padding:5px 10px;
	background-color:#f3f3f3;
}
.shoplink a {
	color:#333;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.close {
	float:right;
	width:51px;
	padding:10px 0 0 0;
}
#shop_product {
	width:285px;
	float:left;
	padding:0 0 15px 15px;
	background:url(../img/bg_product.gif) 15px bottom no-repeat;
	margin:0 0 15px 0;
}
#prodleft {
	width:143px;
	float:left;
	overflow:hidden;
	color:#333;
}
#prodleft h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0 0 13px 0;
}
#prodleft p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-style:italic;
	line-height:13px;
}
#prodright {
	width:142px;
	float:right;
}
#prodright img {
	border:1px #fff solid;
}
.buybtn {
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	letter-spacing:1px;
	font-weight:bold;
	text-decoration:none;
	margin:20px 0 0 0;
	display:block;
}


/* SLIDESHOW */
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 615px; /*Width of Carousel Viewer itself*/
	height: 507px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 615px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}	
p.slidetalk {
	padding:5px 0 20px 0;
	display:block;
}
.panelleft {
	float:left;
	width:307px;
	height:500px;
	overflow:hidden;
}
.panelright {
	float:left;
	width:278px;
	height:500px;
	overflow:hidden;
	padding:0 15px;
}
.descrsm {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
}
.descrbg {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
}