* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: url(img/bricks.jpg);
 }
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#faux {
 background: url(./img/faux-4-2-col.png);
 margin-bottom: 0px;
 overflow: auto;
 width: 100%
}
#header {
 color: #333;
 width: 902px;
 padding: 10px;
 height: 250px;
 margin: 0px;
 background: url(./img/header.png);
}
#navigation {
 color: #333;
 padding: 10px;
 margin: 0px 0px 0px 0px;
 background: url(./img/faux-4-2-col.png);
}
#rightcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 195px;
 float: right;
}
#leftcolumn { 
 float: left;
 color: #333;
 margin: 10px;
 padding: 0px;
 padding-left: 50px;
 width: 633px;
 display: inline;
 position: relative;
 line-height: 170%;
}
#footer { 
 width: 902px;
 height: 30px;
 clear: both;
 color: #333;
 background: url(./img/footer.png);
 margin: 0px 0px 10px 0px;
 padding: 10px;
 text-align: center;
 line-height: 260%;
}
#hlinks {
float: left;
width: 130px;
text-align: left;
padding-left: 30px;
}

#hrechts {
float: right;
width: 100px;
text-align: right;
padding-right: 30px;
}

a:link {
text-decoration: none;
color: #009;
}
a:visited {
text-decoration: none;
color: #009;
}
a:active {
text-decoration: none;
color: #009;
}
a:hover {
text-decoration: none;
color: #000;
}

.clear { clear: both; background: none; }

.variant {
width: 590px;
padding: 5px;
border: 1px solid #ccc;
background: #f2f2f2;
float: left;
margin-top: 18px;
line-height: 140%;
}
img {
border: 0px;
}