/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */
.panel h2.title {color:#001245;font:bold 16px Verdana, Arial, "Trebuchet Ms";margin:0 0 10px;padding:0;}
noscript div {}

/* Most common stuff you'll need to change */
.coda-slider-wrapper {padding:0;}
.coda-slider {background:#ebebeb;}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider {height:346px;overflow:auto !important;}

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel {width:720px;height:346px;}

/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {width:719px;}
.coda-slider-wrapper.arrows .coda-slider {margin:0 10px;}

/* Arrow styling */
.coda-nav-left a, .coda-nav-right a {background:#001245;color:#fff;padding:5px;width:100px;}

/* Tab nav */
.coda-nav ul li a.current {background:#f59b00}

/* Panel padding */
.coda-slider .panel-wrapper {padding:15px}

/* Preloader */
.coda-slider p.loading {padding:20px;text-align:center}

/* Don't change anything below here unless you know what you're doing */
/* Tabbed nav */
.coda-nav {position:absolute;right:15px;bottom:15px;}
.coda-nav ul {float:left;}
.coda-nav ul li {display:block;float:left;}
.coda-nav ul li a {background:#001245;color:#fff;display:block;float:left;margin-right:1px;padding:3px 6px;text-decoration:none}

/* TEXT POSITION & PHOTOS */

.coda-slider .panel.photo1 {background:url(/myimages/visor/property.jpg) no-repeat left center;}
.coda-slider .panel.photo2 {background:url(/myimages/visor/rentals.jpg) no-repeat left center;}
.coda-slider .panel.photo3 {background:url(/myimages/visor/yacht.jpg) no-repeat left center;}
.coda-slider .panel.photo4 {background:url(/myimages/visor/lifestyle.jpg) no-repeat left center;}

.coda-slider .panel-wrapper .sales {width:300px;position:absolute;bottom:15px;left:15px;}
	.panel .sales h2.title a {font-size:22px;color:#fff;font-weight:normal;font-style:normal;text-decoration: none;}
	.panel .sales p {font-size:13px;color:#fff;}

.coda-slider .panel-wrapper .rentals {width:450px;position:absolute;top:15px;left:15px;}
	.panel .rentals h2.title a {font-size:22px;color:#fff;font-weight:normal;font-style:normal;text-decoration: none;}
	.panel .rentals p {font-size:13px;color:#fff;}

.coda-slider .panel-wrapper .yachting {width:300px;position:absolute;top:50px;left:15px;}
	.panel .yachting h2.title a {font-size:22px;color:#fff;font-weight:normal;font-style:normal;text-decoration: none;}
	.panel .yachting p {font-size:13px;color:#fff;}

.coda-slider .panel-wrapper .lifestyle {width:300px;position:absolute;top:15px;left:15px;}
	.panel .lifestyle h2.title a {font-size:22px;color:#fff;font-weight:normal;font-style:normal;text-decoration: none;}
	.panel .lifestyle p {font-size:13px;color:#fff;}

/* Miscellaneous */

.coda-slider-wrapper {clear:both;overflow:auto}
.coda-slider {float:left;overflow:hidden;position:relative}
.coda-slider .panel {display:block;float:left;position:relative;}
.coda-slider .panel-container {position:relative}
.coda-nav-left, .coda-nav-right {float:left}
.coda-nav-left a, .coda-nav-right a {display:block;text-align:center;text-decoration:none}