@charset "utf-8";
/* CSS Document */

body {
background-image: url(../images/background.jpg);
background-color:#ecebeb;}

#wrapper
{width:1022px; margin:0 auto;}

#logo
{width:456px; height:133px; margin-top:10px; margin-left:35px;}

/* Navigation Menu */
#navigation
{width:1022px; margin-top:20px; margin-left:35px;}

/*Showreel*/
#showreel
{width:1022px;
height:300px;
background-image: url(../images/showreel.jpg);
margin-top:10px;}

/*Content Boxes*/

#content {width:1022px;height:260px;}
#main-content 
{background-image: url(../images/main-content.jpg);
width:951px;
height:570px;
background-repeat:no-repeat;
margin-left:35px;
margin-top:10px;}
#left-box
{background-image: url(../images/box_1.jpg);
width:310px;
height:260px;
margin-left:35px;
float:left;
margin-top:10px;}

#middle-box
{background-image: url(../images/box_2.jpg);
width:313px;
height:260px;
margin-top:10px; 
float:left;
margin-left:8px;
}

#right-box
{background-image: url(../images/box_3.jpg);
width:313px;
height:260px;
float:right;
margin-right:35px;
margin-top:10px;}

/*Footer*/
#footer
{background-image: url(../images/footer.jpg); background-repeat:no-repeat;
margin-left:35px;
margin-top:20px;
width:950px;
height:60px;}

/* --------------- jquery scroller ------------------ */

#featuredWrapper {
height: 240px;
}

#slideshow #slidesContainer {

  width:633px;
  height:250px;
  left:180px;
  top:20px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}


#slideshow #slidesContainer .slide {

  width:623x; /* reduce by 20 pixels to avoid horizontal scroll */
  height:250px;
  margin-left:0px;
  

}

#slide1 {
background-image: url(../images/carousel/slide-1.jpg);
}
#slide2 {
background-image: url(../images/carousel/slide-2.jpg);
}
#slide3 {
background-image: url(../images/carousel/slide-3.jpg);
}
#slide4 {
background-image: url(../images/carousel/slide-4.jpg);
}


#leftControl {

  background: url(images/offer-prev.gif) no-repeat 0 0;
    display:block;
  width:101px;
  height:19px;
  text-indent:-9999px;
float: left;
  cursor: pointer;
}
#rightControl {

  background: url(images/offer-next.gif) no-repeat 0 0;
    display:block;
  width:78px;
  height:19px;
  text-indent:-9999px;
 float: right;
  cursor: pointer;
}