#carousel_container {position:relative; width:990px; overflow:hidden; }


#carousel_inner {
float:left; /* important for inline positioning */
width:990px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
margin-top:15px;
/* non-important styling bellow */

}

#carousel_ul {
position:relative;
left:-990px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:990px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:305px;
overflow:hidden;
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px;
float:right;
display:block;
margin-right:30px;
}
#carousel_ul li a {
position:relative;
text-align:right;
}
#carousel_ul li a strong {
width:450px;
display:block;
color:#333333;
font-size:35px;
font-family: "Oswald";
text-transform:uppercase;
line-height:1.6em;
margin-top:50px;
font-size:30px; font-weight:bold; font-family: "Oswald"; margin-bottom:10px; padding-bottom:10px; text-transform:uppercase;
text-shadow: 2px 2px 5px #FFFFFF filter: dropshadow(color=#FFFFFF, offx=2, offy=2)

        
}

#carousel_ul li a p strong {display:block; width:970px; height:20px; font-size:16px; font-weight: bold; text-transform:uppercase;}

#left_scroll{
top:155px; 
height:200px; 
width:15px;
position:absolute; 
width:30px;
z-index:999;
left:0;
}
#right_scroll { 
right:0px;
top:155px; 
height:200px; 
width:15px;
position:absolute;
width:30px; 
z-index:999;
}

#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;
width:30px;

}