div.demolayout {
width: 100%;
margin:0px;
padding:0px;
}

ul.demolayout {
list-style-type: none;
width: 100%;
float: left;
margin:0px;
padding:0 0 0 20px;
}

ul.demolayout li {
margin:0px;
float: left;
}

ul.demolayout li.wider a {
width:147px;
height:26px;
float: left;
display: block;
padding:0 0 0 2px;
margin:0px;
color:#889da7;
background:url(images/tab_bt_wider.gif) no-repeat center;
text-decoration: none;
font-weight: bold;
text-align:center;
line-height:26px;
}
ul.demolayout a {
width:117px;
height:26px;
float: left;
display: block;
padding:0 0 0 2px;
margin:0px;
color:#889da7;
background:url(images/tab_bt.gif) no-repeat center;
text-decoration: none;
font-weight: bold;
text-align:center;
line-height:26px;
}

ul.demolayout a:hover {
background:url(images/tab_bt_a.gif) no-repeat center;
color:#16c1f3;
}
ul.demolayout li.wider a:hover {
background:url(images/tab_bt_a_wider.gif) no-repeat center;
color:#16c1f3;
}

ul.demolayout li.wider a.active {
width:147px;
height:26px;
background:url(images/tab_bt_a_wider.gif) no-repeat center;
cursor: default;
color:#16c1f3;
}
ul.demolayout a.active {
width:117px;
height:26px;
background:url(images/tab_bt_a.gif) no-repeat center;
cursor: default;
color:#16c1f3;
}

.tabs-container {
clear: left;
padding:0px;
}

#demo h2 {
font-size: 100%;
margin:0px;
}