/* CSS Document */

/*****   Backgrounds
--------------------------------------------------------------------------------------- */    
  #bg1 {
	background-image:url(/im/greybgs/portfolio.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
  }
  #bg2 {
	background-image:url(/im/greytexts/portfolio.jpg);
	background-repeat: no-repeat;
	/* //old background-position: right top;*/
	background-position: 220px -143px;
  }

/*****   Big white image
--------------------------------------------------------------------------------------- */    
  #footer #feather {
    width:234px;
	height:127px;
	top:-40px;
	margin-right:70px;
    background-image:url(/im/whiteimages/portfolio_object.png);
	background-repeat:no-repeat;
  }
  * html #footer #feather { 
    background:none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/im/whiteimages/portfolio_object.png', sizingMethod='scale'); 
  }


/*****   Pagecontent
--------------------------------------------------------------------------------------- */    

#carouselbox {
    width:100%;
	overflow:hidden;
}

#carouselbox a {
    text-decoration:none;
	border:none;
}

#carouselbox dl,dt,dd {
    margin:0px;
	padding:0px;
	border:none;
}
  
#carouselbox dl {
    clear:both;
	display:block;
	width:100%;
	overflow:hidden;
	margin-bottom:18px;
}
/*
* html #carouselbox dl {
    margin-bottom:18px;
}
*/
  
#carouselbox dl dt {
    display:block;
	width:20%;
	float:left;
	text-align:right;
	color:#FFFFFF;
	font-size:0.9em;
	padding-top:0.7em;
}
#carouselbox dl dd {
    display:block;
	width:77%;
	padding-left:25px;
	float:left;
}

/* exp */
#carouselbox ul {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
#carouselbox ul li {
    float: left;
    list-style: none;
    width: 60px;
    height: 60px;
	margin-right: 18px;
	/*margin-bottom:10px;*/
	background-color:#bcbdc1;
}



/**/

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 60px;
    height: 60px;
	
	margin-bottom:0px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}  

/* --- skin --- */

.jcarousel-skin-tango .jcarousel-container {
    /*background: #999999;*/
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 684px;
	padding-top: 0px;
	padding-right: 60px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  684px;
    height: 60px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 60px;
    height: 60px;
	margin-bottom:0px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 18px;
	
	margin-bottom:0px;
	
	background-color:#bcbdc1;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 18px;
    right: -10px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/im/jcarousel/next-horizontal.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 18px;
    right: 22px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/im/jcarousel/prev-horizontal.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}