ul, li,
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline} 
ol, ul {list-style: none}
/* tables still need 'cellspacing="0"' in the markup */
/* buttons */
#container {background:url('images/image-gallery.jpg') no-repeat bottom left; border: 0px solid #ccc; width:460px; height:215px; /* 970px width */}
#leftcol { width:460px; /* max element size will be the video player >> 568 px width */ padding-left: 0px; padding-right: 0px; float: left; height:215px;}
#simpleCarousel .slides {visibility: hidden;# } 

div#simpleCarousel {
margin-top: 0px;
height: 215px;
overflow: hidden;
}
#simpleCarousel div {
position: absolute;
}
#simpleCarousel .slide {
height: 215px;


width: 460px;
}
#simpleCarousel .slide h2, #simpleCarousel .slide p {
padding: 0 10px;
width: 240px;
line-height: 100%;
}
#simpleCarousel .slide h2 {
font-family: arial, sans-serif;
margin-top: 10px;
font-size: 28px;
}
#simpleCarousel .slide p {
font-size: 14px;
line-height: 18px;
color: #000;
}
#simpleCarousel .slide p.white {
color: #ddd;
}
#simpleCarousel .slide h2 a {
color: #06c;
}
#simpleCarousel .slide p a {
font-weight: bold;
}
/* buttons states */
#simpleCarousel ul.clearfix {
overflow: hidden;
}
#simpleCarousel ul {
position: relative;
top: 185px;
margin: 0;
padding: 0 0 0 300px;
width: 250px;
height: 30px;
border-top: 0px solid #AAA;
}
#simpleCarousel ul li {
float: left;
font: normal normal 900 11px arial, verdana, sans-serif;
height: 20px;
line-height:20px;
width:20px;

padding:0px 0px 0px 0px;
text-align:center;
margin:0px 2px;
cursor: pointer; background: transparent url('images/slide-ul.png') no-repeat bottom left;

}
#simpleCarousel ul li:hover {
background: transparent url('images/slide-ul-selected.png') no-repeat bottom left;

}
#simpleCarousel .button {
color: #FFF;
border-right: 0px solid #ccc;
border-left: 0px solid #000;
}
#simpleCarousel .first {
border-left: 0px solid #ccc;
}
#simpleCarousel .off {
color:#000000;
}
#simpleCarousel .selected {
color: #FFF;
background: transparent url('images/slide-ul-selected.png') no-repeat bottom left;
}
/* play pause */
#simpleCarousel #play, #simpleCarousel #stop {
border: none;
padding: 0;
}
#simpleCarousel #play {
margin-left: 0px;
}
.one{
background:url('images/image-gallery1.jpg') no-repeat bottom left;

}
.one h2{
padding:0px;
margin:0px;
color:#FFFFFF;
}
.one h2 a{
padding:0px;
margin:0px;
color:#FFFFFF;
}
.one p{
padding:0px;color:#FFFFFF !important;
margin:0px;
font-size:16px !important;
}
.two p{
padding:0px;color:#fff !important;
margin:0px;
font-size:16px !important;
}
.two h2{
padding:0px;color:#fed008 !important;
margin:0px;

}
.two
{
background:url('images/image-gallery2.jpg') no-repeat bottom left;
}.three
{
background:url('images/image-gallery3.jpg') no-repeat bottom left;
}.three p{
padding:0px;color:#fed008 !important;
margin:0px;
font-size:16px !important;
}
.three h2{
padding:0px;color:#fff !important;
margin:0px;

}
.four
{
background:url('images/image-gallery4.jpg') no-repeat bottom left;
}
.four h2
{
font-size:20px !important;color:#000 !important;
}