.avante { color: #12B6C9; }
.avantegrey { color: #12B6C9; background-color: #F5F5F5; }
.imgl { float: left; margin: 0 10px 0 0; }
.imgr { float: right; margin: 0 0 0 10px; }
.captionleft { float: left; width: 300px; margin: 0 20px 10px 0; }
.captionright { float: right; width: 300px; margin: 0 0 10px 20px; }
.captionleft img,.captionright img { display: block; }
.captionleft span,.captionright span { clear: both; background: #eee; display: block; line-height: normal; padding: 5px 7px; margin: 1px 0 0 0; }
.itemiconleft { clear: both; float: left; width: 50%; position: relative; margin: 5px 0 10px 0; }
.itemiconright { float: left; width: 50%; position: relative; margin: 5px 0 10px 0; }
.itemiconleft img,.itemiconright img { float: left; margin: 0 10px 0 0; }
.itemiconleft p,.itemiconright p { margin: 0 10px 5px 85px; }
.itemiconleft p strong,.itemiconright p strong { color: #333; font-size: 110%; }
.columnleft { width: 305px; float: left; }
.columnright { width: 305px; float: right; }
.clr { clear: both; height: 0; overflow: hidden; }
.code { font: 110% "Andale Mono", "Courier New", Courier, monospace; padding: 10px; color: #222; background: #f9f9f9; border: 1px solid #e9e9e9; margin: 10px 0; overflow: auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; }