h1 {
margin: 0 0 20px;
padding: 0 0 10px;
font: 24px/20px Arial, Sans-Serif;
text-align: center;
text-shadow: 1px 1px 2px #ccc;
color: #555;
border-bottom: 3px double #eee;
}
h2 {
margin: 0 0 20px;
padding: 0 0 5px;
font: bold 18px/20px Arial, Sans-Serif;
letter-spacing: -1px;
color: #333;
border-bottom: 1px solid #eee;
}
strong {
margin: 0 0 5px;
display: block;
color: #666;
font-weight: normal;
}
a {
text-decoration: none;
color: #222;
}
	a:hover {
	text-decoration: underline;
	}
#container {
margin-left:0px;
padding-left:10px;
background-image:url(layout/fundo_icon.png);
width: 970px;
height:234;
text-align: left;
}
.classic {
padding-top:0px;
padding-left:60px;
margin-left:6px;
float: left;
width: 230px;
}
.new {
margin-left: 0px;
float: right;
width: 230px;
}
.clear {
clear: both;
}
.demo {
margin: 0 0 0px;
}
.box {
margin-left:8px;
width: 230px;
height: 175px;
background: #ccc;
}
.note {
font-style: italic;
text-align: center;
}
.note:before {
content: 'Note: ';
}

.styleicone1 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-style:normal; font-weight:bold}
.styleicone2 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333; font-style:normal; font-weight:normal}
.styleicone3 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#333333; font-style:normal; font-weight:bold}