#banner div.img1, #banner div.img2, #banner div.img3 {
float:left;
margin: 0px 4px 0px 0px;
display:block;
height:280px;
width:263px;
}

#banner div.img1 {background: url(../images/home1.jpg) no-repeat;}
#banner div.img2 {background: url(../images/home2.jpg)  0px 0px no-repeat; text-indent:-1111111px}
#banner div.hover {background: url(../images/home2.jpg)  0px -280px no-repeat;}
#banner div.img3 {background: url(../images/home3.jpg) no-repeat;}

#brochure-home {
float:left;
position:relative;
height:280px;
width:159px;
background: url(../images/brochure-home.gif) no-repeat;
}

#brochure-home h2 {
margin: 20px 0px 5px 20px;
display:block;
width:117px;
height:15px;
background: url(../images/our-brochure.gif);
}

#brochure-home div.contact-us {
position:absolute;
top:203px;
left:17px;
}

#brochure-home h3 {
font-size: 1.4em;
line-height:1.4em;
color:#fffffd;
background: url(../images/phone.gif) no-repeat left;
text-indent:20px;
font-weight:normal;
}

#brochure-home p {
font-size: 1.4em;
color:#fffffd;
margin:0px;
}

#brochure-home p.phone {
font-size: 1.8em;
}

#brochure-home a {
color:#fffffd;
text-decoration:none;
}

#brochure-home a:hover {text-decoration:underline;}

#brochure-home a.download {
width:75px;
height:19px;
display:block;
background: url(../images/download.gif) no-repeat;
margin:0px 0px 0px 61px;
}

#home-text {
width:185px;
float:left;
}

#home-infos {
width:761px;
float:right;
}

#infos {
border:1px solid #d5decd;
height:248px;
padding:15px 0px 15px 0px;
position:relative;
}

#newsbox {
width:240px;
height:100%;
float:left;
padding: 0px 25px 0px 15px;
border-right:1px solid #ededed;
position:relative;
}

#articlesbox {
width:213px;
height:100%;
float:left;
border-right:1px solid #ededed;
padding: 0px 25px 0px 15px;
position:relative;
}

#articlesbox li {
color:#677252;
line-height:1.3em;
margin: 0px 0px 5px 0px;
list-style-image: url(../images/article-bullet.gif);
background:none;
padding-left:1px; /* space between bullet and text */ 
}

#featuredbox {
width:175px;
height:100%;
float:left;
padding: 0px 25px 0px 15px;
position:relative;
}

#newsbox a.more, #articlesbox a.more, #featuredbox a.more {
width:49px;
height:18px;
display:block;
background: url(../images/more.gif) no-repeat;
position:absolute;
top:230px;

}

#newsbox a.more {left:208px;}
#articlesbox a.more {left:180px;}
#featuredbox a.more {left:134px;}

#newsbox h3 {
float:left;
display:block;
width:63px;
}

#newsbox a.rss {
margin:2px 0px;
float:right;
background: url(../images/rss.gif) no-repeat;
display:block;
height:12px;
width:34px;
}

#newsbox div.news-item {
height:110px;
clear:both;
}

#newsbox div.news-item img {
float:left;
margin: 0px 5px 0px 0px;
width:85px;
}

#newsbox div.news-txt  {
float:right;
margin: 0px 5px 0px 0px;
width:140px;
}

#newsbox div.news-txt h4 {
font-size:1.2em;
margin: 0px 0px 3px 0px;
}

#newsbox div.news-txt p {
font-size:1.2em;
margin: 0px 0px 3px 0px;
}

#newsbox div.news-txt span.date {
font-weight:normal;
font-size:0.8em;
}

#featuredbox h4 {
font-size:1.2em;
margin:3px 0px 3px 0px;
}

#clearance {
clear:both;
height:133px;
background: #373737;
color:#fff;
}

#clearance-text {
position:relative;
top:30px;
left:30px;
width:100px;
float:left;
margin: 0px 40px 0px 0px;
}

#clearance-text h3 {
font-size:1em;
width:87px;
height:33px;
display:block;
background:url(../images/clearance.gif) no-repeat;
}

#clearance-text a.more {
width:49px;
height:19px;
display:block;
background: url(../images/more2.gif) no-repeat;
margin: 5px 0px 0px 0px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
width: 590px;
height: 133px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 17px; /*margin around each panel*/
width: 130px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background: url(../images/separator-carousel.gif) no-repeat right;
}