/* portfolio */
#wrapper #content {height:1500px;}

#wrapper #content #client_menu {float:left;width:160px;margin-right:30px;}
#wrapper #content #carousel {float:left;}
#wrapper #content #carousel #client_title {font-weight:bold;text-align:center;color:#f2601e;padding-bottom:12px;}
#wrapper #content #carousel img.thimage {_margin-bottom:-5px;cursor:pointer;}
#wrapper #content #carousel #project_title {background:url(images/dotted_line.gif) top left no-repeat;padding:13px 0 13px 0;color:#1c7799;margin:0 0 0 5px;width:578px;}
#wrapper #content #carousel #project_title strong {color:#f36b2d;}
#wrapper #content #carousel #project_overview {background:url(images/dotted_line.gif) top left no-repeat;padding:11px 0 13px 0;margin:15px 0 0 5px;color:#666666;width:578px;}
#wrapper #content #carousel #project_overview a {color:#1c7799;}
#wrapper #content #carousel #lg_image_cnt {width:578px;background:url(images/ajax-loading.gif) 50% 50% no-repeat;margin-left:5px;}
#wrapper #content #carousel #image_nums {position:absolute;left:593px;top:120px;color:#000;font-weight:normal;font-size:12px;}
#wrapper #content #carousel #image_nums a.pageNumber {cursor:pointer;color:#fff;text-align:center;width:17px;height:16px;display:block;background:url(images/pag_bg.gif) top left no-repeat;outline:none;padding-bottom:4px;}
#wrapper #content #carousel #image_nums a.pageNumber:hover {text-decoration:none;}


/* carousel 
jcarousel-skin-tango

*/


.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: 49px;
    height: 49px;
}

/**
 * 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;
}


/* carousel styles */
.jcarousel-skin-tango .jcarousel-container {
    position: relative;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 533px;
    padding: 0 21px 0px 34px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  520px;
    height: 67px;
}

.jcarousel-skin-tango .jcarousel-item-on {
    width: 49px;
    height: 49px;
    border: 1px solid #f2601e;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 49px;
    height: 49px;
    border: 1px solid #cccccc;
}

.jcarousel-skin-tango .jcarousel-item:hover {
    cursor:pointer;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 16px;
}


/* Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 19px;
	_top: 16px;
    right: 5px;
    width: 14px;
    height: 15px;
    cursor: pointer;
    background:url(images/next_arrows.gif) bottom left;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    _top: 19px;
    cursor: default;
    background-position: top left;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 19px;
	_top: 16px;
    left: 5px;
    width: 14px;
    height: 15px;
    cursor: pointer;
    background:url(images/prev_arrows.gif) bottom left;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    _top: 19px;
    cursor: default;
    background-position: top left;
}