/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 #vidContainer {
	background: url(../imgs/vidHolder.png) no-repeat top left;
	}
#video {
	float: right;
	width: 285px;
	border-left: 1px solid #333;
	padding: 0 0 40px 20px;
	margin: 0 0 20px 20px;
	}
#flash {
	width: 980px;
	height: 396px;
	clear: left;
	position: relative;
	right: 15px;
	}
#movie {
	width: 650px;
	height: 400px;
	clear: left;
	position: relative;
	left: 140px;
	top: 22px;
	}
 #wrap {
 	width: 755px;
	height: 400px;
	clear: left;
	position: absolute;
	left: 12px;
	top: 355px;
	}
.mycarousel li {
	width: 94px;
	height: 86px;
	}
.vid18080_via_de_fortuna_rancho_santa_fe {
	background: url(../imgs/vidTn18080_via_de_fortuna_rancho_santa_fe.jpg) no-repeat 0 0;
	}
.vid17323_circa_del_sur_rancho_santa_fe {
	background: url(../imgs/vidTn17323_circa_del_sur_rancho_santa_fe.jpg) no-repeat 0 0;
	}
.vid1583_kettner_san_diego {
	background: url(../imgs/vidTn1583_kettner_san_diego.jpg) no-repeat 0 0;
	}
.vid1434_lauren_ct_encinitas {
	background: url(../imgs/vidTn1434_lauren_ct_encinitas.jpg) no-repeat 0 0;
	}
.vid2036_christy_lane_del_mar {
	background: url(../imgs/vidTn2036_christy_lane_del_mar.jpg) no-repeat 0 0;
	}
.vid2221_la_amatista_road_del_mar {
	background: url(../imgs/vidTn2221_la_amatista_road_del_mar.jpg) no-repeat 0 0;
	}
.vidFiduciaries {
	background: url(../imgs/VidTnFiduciaries.jpg) no-repeat -173px 0;
	}
.vid338_barbara_ave_solana_beach {
	background: url(../imgs/vidTn338_barbara_ave_solana_beach.jpg) no-repeat 0 0;
	}
.vid14156_bahama_cove {
	background: url(../imgs/vidTn14156_bahama_cove.jpg) no-repeat 0 0;
	}
.vid1428_lauren_ct_encinitas {
	background: url(../imgs/vidTn1428_lauren_ct_encinitas.jpg) no-repeat 0 0;
	}
.vid5949_la_jolla_corona_la_jolla {
	background: url(../imgs/vidTn5949_la_jolla_corona_la_jolla.jpg) no-repeat 0 0;
	}
.vid701_crest_rd_del_mar {
	background: url(../imgs/vidTn701_crest_rd_del_mar.jpg) no-repeat 0 0;
	}
.vid228_26th_street_del_mar {
	background: url(../imgs/vidTn228_26th_street_del_mar.jpg) no-repeat 0 0;
	}
.vid116_11th_st_del_mar {
	background: url(../imgs/vidTn116_11th_st_del_mar.jpg) no-repeat 0 0;
	}
.vid1359 {
	background: url(../imgs/vidTn1359.jpg) no-repeat 0 0;
	}
.vid1443 {
	background: url(../imgs/vidTn1443.jpg) no-repeat 0 0;
	}
.vid15102 {
	background: url(../imgs/vidTn15102.jpg) no-repeat 0 0;
	}
.vid27825 {
	background: url(../imgs/vidTn27825.jpg) no-repeat 0 0;
	}
.vid1930 {
	background: url(../imgs/vidTn1930.jpg) no-repeat 0 0;
	}
.vid327 {
	background: url(../imgs/vidTn327.jpg) no-repeat 0 0;
	}
.bgMove {
	background-position: -94px 0;  
	}
.logoSm {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 0 0 25px;
	z-index: 2;
	outline: none;
	cursor: default;
	display: none;
	}
#mycarousel a {
	position: relative;
	top: 0;
	left: 0;
	outline: none;
	}
#mycarousel img {
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	}
#mycarousel li {
	position: relative;
	}
#mycarousel img.overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	}
#vidContainer {
	width: 640px;
	height: 360px;
	float: left;
	position: relative;
	}
.addthis_button {
	background: url(imgs/share.png) no-repeat 0 0 !important;
	position: absolute;
	overflow: hidden;
	width: 84px;
	height: 16px;
	bottom: 3px;
	right: 123px;
	z-index: 2;
}
.addthis_button:hover {
	background-position: 90px 0;
	}
.jcarousel-container {
    position: relative;
	float: right;
	background: #25282d;
		z-index: 1;
}

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

/**
 * 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-skin-tango .jcarousel-container-vertical {
	position: absolute;
	top: 0;
	right: 0;
    width: 114px;
    height: 360px;
    padding: 0;
}



.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  102px;
    height: 289px;
	padding: 0 0 0 10px;
	top: 30px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 94px;
    height: 86px;
}


.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-top: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
}
/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 114px;
    height: 31px;
    cursor: pointer;
    background: url(../imgs/bottVidNav.jpg) no-repeat -114px 0;
	z-index: 1;
}
.jcarousel-skin-tango .jcarousel-next-vertical:hover {
	background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
	position: absolute;
    top: 0;
    left: 0;
    width: 114px;
    height: 31px;
    cursor: pointer;
    background: url(../imgs/topVidNav.jpg) no-repeat -114px 0;
	z-index: 99;
}

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