* {margin:0; padding:0}
body {background-color:#000000; font-family: Arial, Helvetica, sans-serif}
.container {width:1400px; height:1050px; margin-right: auto; margin-left: auto; align: center;}
.luxury-header {width:1400px; height:150px; margin:0px; padding:0px; background-image:url(../images/barbados/barbados-property-header-background.jpg); background-repeat:no-repeat}
.luxury-header img {margin-left:200px; margin-right:200px; border:none}
.luxury-main {height:640px; width:1400px; background-image:url(../images/barbados/barbados-property-background.jpg); background-repeat:no-repeat; background-position:top left}
.luxury-text {width:940px; margin-left:200px; margin-right:200px; padding: 30px; align: center}	
.luxury-text h1 { font-size:100%; font-weight:bold; color:#3399CC; margin-top:10px}
.luxury-text p {font-size:70%; color:#FFFFFF; margin-top:10px}
.luxury-text2 {width:940px; padding: 30px; align: center}	
.luxury-text2 h1 { font-size:100%; font-weight:bold; color:#3399CC; margin-top:0px}
.luxury-text2 p {font-size:70%; color:#FFFFFF; margin-top:0px}
.luxury-text2 a {color:#FFFFFF; text-decoration:underline;}
.luxury-text2 a:hover {color:#3399CC; text-decoration:none;}
.panelswrapper{width:1000px; margin-left:auto; margin-right:auto; padding:0px}
.stepcarousel{
position: relative; /*leave this value alone*/
border:1px; border-color: #3399CC
overflow: scroll; /*leave this value alone*/
width: 960px; /*Width of Carousel Viewer itself*/
height: 340px; /*Height should enough to fit largest content's height*/
padding:20px;
margin:0px
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
padding:0px;
margin:0px
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: visible; /*clip content that go outside dimensions of holding panel DIV*/
padding: 20px; /*margin around each panel*/
width: 920px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:300px;
background-color:#000000; border-width:1px; border-color:#3399CC; border-style:solid; margin-left:20px; margin-right:20px;
}
.stepcarousel .panel img {width:600px; height:300px; border:none; float:left; margin:0px; padding:0px}
.stepcarousel .panel h2 {float:right; text-align:right; color:#FFFFFF; font-size:100%; width:280px; margin-right:10px; margin-top:40px; padding-top:10px; padding-bottom:10px; border-top-width:1px; border-top-style:solid; border-top-color: #FFFFFF}
.stepcarousel .panel h3 {float:right; text-align:right; color:#3399CC; font-size:150%; width:280px; margin-right:10px; padding-top:10px; padding-bottom:10px; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color: #3399CC; border-top-width:2px; border-top-style:solid; border-top-color: #3399CC;}
.stepcarousel .panel p {float:right; text-align:right; color:#FFFFFF; font-size:80%; width:280px; margin-right:10px; margin-top:10px; padding-top:7px}
.stepcarousel .panel a {color:#FFFFFF; text-decoration:underline;}
.stepcarousel .panel a:hover {color:#3399CC; text-decoration:none;}

.luxury-footer {width:1400px; height:250px; background-image:url(../images/barbados/barbados-property-footer-background.jpg); background-repeat:repeat-x}
