body {margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:URL(/images/BG_Body.jpg) top left repeat-x #d8d8d8; line-height:1.3;}

a {color:#2142ad; font-weight:bold; border:0;}

a img {border:0;}

H1 {color:#2142ad; font-size:15px; margin:0;}
H2 {color:#2142ad; font-size:13px; margin:0;}

#wrapper {width:932px; margin:0 auto; background:URL(/images/BG_Content.png);}
#wrapperhead {width:932px; margin:0px auto 0 auto; background:URL(/images/BG_Content-top.png); height:22px;}
#wrapperfooter {width:932px; margin:0 auto 20px auto; background:URL(/images/BG_Content-bottom.png); height:22px;}

#header {background:#3a3a3a; margin:0 16px; text-align:center;}

.topper {height:271px; width:900px; margin:1px 16px;}
	.packages {background:URL(/images/BG_Choose_Your_Package.jpg) #6d6d6d no-repeat;}
	.golf {background:URL(/images/Golf_Topper.jpg) no-repeat;}
	.casino {background:URL(/images/Casino_Topper.jpg) no-repeat;}
	.confrences {background:URL(/images/Conference_Topper.jpg) no-repeat;}
	.weddings {background:URL(/images/weddings_Topper.jpg) no-repeat;}
	
#content {padding:15px 31px;}

/*======= CAROUSEL STYLES =======*/
#slidercontent {float:right; height:201px; width:304px; margin:10px 0 0 -20px; text-align:left; color:#ffffff;}
.stepcarousel{position: relative; /*leave this value alone*/ 
border:1px solid #ffffff;
float:right;
overflow: scroll; /*leave this value alone*/
width: 304px; /*Width of Carousel Viewer itself*/
height: 201px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0px; /*margin around each panel*/
width: 304px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.stepcarouselMAIN{position: relative; /*leave this value alone*/
margin:;
float:left;
overflow: scroll; /*leave this value alone*/
width: 304px; /*Width of Carousel Viewer itself*/
height: 201px; /*Height should enough to fit largest content's height*/
}

.stepcarouselMAIN .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarouselMAIN .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0px; /*margin around each panel*/
width: 304px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}