/*
*/
body{
font-family:"Trebuchet MS";
font-size:12px;
}
ul#menu{
 list-style:none;
  margin:0px 0 0px 0px;
  padding:0;
  border:0px solid #ccc;
  width:185px;
  background:#f4f4f4;
 text-indent:0px
}
ul#submenu{
display:none;
margin:0;padding:0;
list-style:none;
}
ul#submenu1{
display:none;
margin:0;padding:0;
list-style:none;
}
ul#submenu2{
display:none;
margin:0;padding:0;
list-style:none;
}

#ads{
margin:20px 0 20px 0px;
}

.post {
}

.post .title {
	margin: 0;
}

.post .meta {
	margin: 0;
	padding-bottom: 10px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #BABABA;
}

.post .meta a {
	color: #BABABA;
}

.post .entry {
	margin-bottom: 10px;
	padding-bottom: 5px;
}
div.home-gallery{
border: 1px solid #ccc;
width: 400px;
float: left;
margin-left: 30px;
}
.home-gallery ul{
list-style: none;
}
.jcarousel-pos
{
	left:40px;
	width:110px;
	height:110px;
}
.home-gallery ul li{
float: left;
}
.home-gallery img{
width: 100px;
height: 100px;
margin: 10px;
padding: 5px;
border: 2px solid #EEE;
}

.infiniteCarousel {  width: 395px;  position: relative;}
.infiniteCarousel .wrapper {  width: 650px; /*.infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */  
overflow: auto;  min-height: 10em;  margin: 0 40px;  
position: absolute;  top: 0;}
.infiniteCarousel ul a img {  border: 5px solid #000;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;}
.infiniteCarousel .wrapper ul {  
width: 9999px;  
list-style-image:none;  
list-style-position:outside;  
list-style-type:none;  
margin:0;  
padding:0;  
position: absolute;  
top: 0;}
.infiniteCarousel ul li {  display:block;  float:left;  padding: 18px;  height: 85px;  width: 95px;}
.infiniteCarousel ul li a img {  display:block;}
.infiniteCarousel .arrow {  
display: block;  
height: 36px;  
width: 37px;  
background: url(images/arrow.png) no-repeat 0 0;  
text-indent: -999px;  
position: absolute; 
left:690px; 
top: 55px;  
cursor: pointer;}
.infiniteCarousel .forward {  background-position: 0 0;  right: 0;}
.infiniteCarousel .back {  background-position: 0 -72px;  left: 0;}
.infiniteCarousel .forward:hover {  background-position: 0 -36px;}
.infiniteCarousel .back:hover {  background-position: 0 -108px;}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 710px; /*Width of Carousel Viewer itself*/
height: 140px; /*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*/
margin: 35px; /*margin around each panel*/
width: 100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}