#imageSliderWrapper, #imageSliderWrapper div {
    box-sizing:content-box;
} 

#imageSliderWrapper {
	position: relative;
	border: 0px solid green;
	width: 80%;
	height: 316px;

	}
  
#imageSlider 
{
	width:1200px;
    height:316px; /*width is optional, but height is required.*/
    padding:0;/*Note: never change this value other than 0*/
    overflow:hidden;
    text-align:center;
    
}

/*--------div.item is each slides. It is the child div nodes of #imageSlider, and the wrapper of each slide image--------*/
#imageSlider div.item 
{
    width:188px; height:243px;
    padding:2px;
    background-color:White;
    /*border:1px solid #EEE;*/
    margin:4px 4px;
}

#imageSlider img 
{
    width:185px; height:241px; 
}

.description 
{
    color:White;
    position:absolute;
    top:30px;
    left:10px;
}


/*---------navigation buttons-------*/
.navPrev, .navPlay, .navPause, .navNext 
{
    width:29px; height:29px; position:absolute; top:168px; 
    background:url(../images/navbuttons.gif); 
    display:inline-block; z-index:5; cursor:pointer;
}
/*
.navPause {background-position:0 0;left:1188px;top:342px} 
.navPlay {background-position:0 -29px;left:1188px;top:342px} 


.navPrev {width:21px; height:21px; background-position:0 -100px;left:1055px;top:130px;}
.navNext {width:21px; height:21px; background-position:0 -121px;left:1059px;top:585px;} 
*/
/*
.navPrev {width:21px; height:21px; background-position:0 1484px;left:3px;top:71px;}
.navNext {width:21px; height:21px; background-position:0 84px;left:555px;top:71px;} 
*/
.navPause {background-position:0 0;left:60%;top:270px} 
.navPlay {background-position:0 -29px;left:50%;top:270px}



.navPrev {width:21px; height:21px; background-position:0 1484px;left:-20px;top:130px;}
.navNext {width:21px; height:21px; background-position:0 84px;left:1200px;top:130px;}

.navPrev, .navPlay, .navPause, .navNext 
{
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}

        
/*---------navigation bullets--------*/

/* Note: When "ScrollAllInView" was set to true in the Javascript, the navBullets won't be displayed.*/
.navBullets
{
    /*display:none;*/ /*set it display:none when you want to hide it*/
	z-index:5;
	cursor:pointer;
	/*Specify the position of navigation buttons*/
	position:absolute;
    top:400px; 
    left:90px; 
    width:110px;
}
/*.navBullets div defines the style of each bullet*/
.navBullets div 
{
    width:8px; height:8px;
    background:transparent url(bullets.png) no-repeat 0 0;
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:4px;/*margin-right determines the distance between each list item*/
    _position:relative;/*IE6 hack*/
}

.navBullets div.focus {background-position:0 -8px;}