/* liScroll styles */

body {
margin:0;
padding:0;

}

.tickercontainer { /* the outer div with the black border */
background: #222; 
border-bottom:1px solid #fff;
width: 100%; 
height: 27px; 
margin: 0; 
padding: 0;
/*position:fixed;*/
overflow: hidden; 
}

.option2 .tickercontainer {
bottom:0;
border-top:1px solid #fff;
border-bottom:0;
}

.option3 .tickercontainer {
border-top:0;
border-bottom:0;
position:absolute;
top:157px;
width:1000px;
left:0;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 4px;
height:17px;
width: 100%;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 100%;
font: bold 10px Arial;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
font-size: 12px;
line-height: 19px;
color:#ffffff;
}
#ticker01 > li img {
float: right;
margin-left: 4px;
margin-right: 25px;
}

ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #fff;
font: bold 10px Arial;
margin: 3px 10px 0 0;
float:left;
} 
ul.newsticker span {
margin: 0px 30px 0 5px;
float:left;
color:#fff;
} 

ul.newsticker img {
float:left;
margin-right:0px;
}

ul.newsticker li strong {
color:#4ac6ff;
float:left;
font-size:12px;
margin:2px 15px 0 0;
}

.home {
float:left;
margin-top:28px;
}

.option2 .home {
float:left;
margin-top:0;
}

.option3 .container {
width:1000px;
margin:0 auto;
position:relative;
}

.option3 .home {
background:url(../images/home2.jpg) no-repeat center;
float:left;
height:768px;
margin-top:0;
position:relative;
width:100%;
}