/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
}

.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;
}

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

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

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

#home .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 752px;
    padding:0px;
}

#home .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  752px;
}

#home .jcarousel-skin-tango .jcarousel-item {
    width: 350px;
}

#home .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 52px;
}

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

/**
 *  Horizontal Buttons
 */
#home .jcarousel-skin-tango .jcarousel-prev-horizontal {
    position:absolute;
	background:url(../images/prev_button.gif) no-repeat;
	width:35px;
	height:83px;
	top:140px;
	left:-35px;
	cursor:pointer;
	float:none;
}


#home #available_homes .jcarousel-skin-tango .jcarousel-next-horizontal {
   position:absolute;
	background:url(../images/next_button.gif) no-repeat;
	width:35px;
	height:83px;
	top:140px;
	left:852px;
	cursor:pointer;
	float:none;
}


/*
----------------------------------------------------------------
	H O M E
---------------------------------------------------------------- */

#home .jcarousel-skin-tango {
	clear:both;
	}
	
#home #mycarousel p {
	font-size:1.8em;
	color:#dbdbdb;
	}
	
/*  A N C H O R S  */

	
#home #mycarousel a.image_replacement {
	background:url(../images/viewlisting_btn.gif) no-repeat;
	width:168px;
	height:45px;
	padding:0px;
	margin: 15px 0 0 0;
	}
	
#home #mycarousel a:hover {
	background-position:0 -45px;
	}
	

	
/* I M A G E S  */

#home #mycarousel img {
	border:solid 10px #011122;
	}
	
#home #mycarousel a:hover img {
	border:solid 10px #f0f0f0;
	}
	
	
	
	
	

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

#about .jcarousel-clip {
	clear:both;
}



#about .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 315px;
    padding:0px;
	position:relative;
}

#about .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  315px;
}

#about .jcarousel-skin-tango .jcarousel-item {
    width: 315px;
}

#about .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 30px;
}

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

/**
 *  Horizontal Buttons
 */

#about .jcarousel-skin-tango .jcarousel-next-horizontal {
   position:absolute;
	background:url(../images/forward_btn.gif) no-repeat;
	width:23px;
	height:23px;
	top:3px;
	left:290px;
	cursor:pointer;
	float:none;
}


/*
----------------------------------------------------------------
	H O M E
---------------------------------------------------------------- */

	
#about #mycarousel  {
	clear:both;
	overflow:hidden;
	}
	
#about #mycarousel ul li {
	float:left;
	}
	
/*  A N C H O R S  */

	

	
/* I M A G E S  */