Pretty URLs, Separation of Layers and O/R Mapping in Web Forms ASP.NET 2.0

#banner {
  background: #9c9;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid;
  font: small-caps 40px/40px "Times New Roman", serif;
  color: #282;
  text-align: center;
  height:2.5em;
}

#banner img {
  float: left;
}

#columns {
  background: #141;
}

#main {
  margin-left: 7em;
  padding-top: 4ex;
  padding-left: 2em;
  background: white;
}

#side {
  float: left;
  padding-top: 1em;
  padding-left: 1em;
  padding-bottom: 1em;
  width: 6em;
  background: #141;
}

.notice  
{
  border: 0px solid red;
  padding: 1em;
  margin-bottom: 1em;
  background-color: #ffffff;
  font: bold smaller sans-serif;
  color: Red;
}
a {
  text-decoration: none;
  font: smaller sans-serif;
}

a.addtocart {
  padding-left: 1em;
  padding-right: 1em;
  color: #141;
  background: #cec;
  font-weight: bold;
}

a.addtocart:hover {
  color: #000;
  background: #eec;
}

#side a {
  color: #ada;
  font: smaller sans-serif;
}

#side a:hover {
  color: #fff;
}

/**** styles for the catalog ***/

/* === Use the Holly Hack to fix layout bugs in IE on Windows === */

/* Hide from IE-mac \*/
* html .catalogentry { height: 1%; }
/* End hide from IE-mac */

.catalogentry {
  padding: 1ex 0ex;
}

.catalogentry img {
  float: left;
  margin-right: 2em;
}

.catalogentry h3 {
  font: larger bold;
  color: #282;
  margin-top: 0ex;
  margin-bottom: 0.5ex;
}

.catalogentry p {
  font: smaller sans-serif;
  margin-bottom: .5ex;
}

.catalogprice {
  padding-right: 4em;
}

/* Shoppng cart screen */

.carttitle {
  background: #282;
  color: #dfd;
  font: bold smaller sans-serif;
  text-align: center;
}

.carttitle TD {
  padding-top: 0px;
  padding-bottom: 0px;
}

#cartmenu {
  float: right;
  border-left: 1px dotted #282;
}

#totalcell {
  font-weight: bold;
  border-top: 1px solid #282;
  border-bottom: 2px solid #282;
  text-align: right;
}

.separator {
  border-bottom: 1px dotted #282;
  clear: both;
}