Code:
/* NORMALIZE Cross browser rendering inconsistencies
-----------------------------------------------------------------
html, body, form, fieldset{ margin: 0;padding: 0; font-family:Verdana, sans-serif; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address{ margin:0;padding: 0; }
dd, blockquote{ margin-left: 1em; }
form label{ cursor: pointer; }
fieldset{ border: none; }
input, select, textarea{ font-size:1em; }
textarea{font-size:1.2em;font-family:verdana,arial,helvetica,sans-serif;}
ul li { list-style: none; }
a img, :link img, :visited img {
border: 0;
}*/
/* NOTES
EACH UNIT IN PS = 5.55% (~1/18) SCREEN WIDTH;
*/
body {
background-image: url("../images/background.gif");
background-color: white;
}
#logo {
position: relative;
top: 50px;
z-index: 2;
margin: 0 auto;
display: block;
}
#container {
top: 135px;
background: url("../images/pagebackground.gif") no-repeat left top;
width: 787px;
margin: 0 auto;
}
#boarderbackground {
min-height: 440px;
background: url("../images/boarderbackground.gif") repeat-y left;
}
#signature {
background: url("../images/pagebackgroundbase.gif") no-repeat left bottom;
clear:both;
}
#content {
background: url("../images/pagetop.gif") repeat-x left top;
background-color: #E8E8E8;
position: relative;
width: 670px;
margin: 0 auto;
min-height: 310px;
}
#pagebottomwrapper{
background: url("../images/pagebottom.gif") repeat-x left bottom;
position: relative;
z-index: 1;
margin: 0 auto;
min-height: 310px;
clear:both;
}
#leftandcentre {
width: 500px;
float: left;
}
#leftcol {
background: url("../images/leftcol-boarder.gif") repeat-y left top;
float: left;
width: 169px;
min-height: 310px;
border-right:dotted black 1px;
}
#centrecol {
float: right;
width: 329px;
border-right:dotted black 1px;
min-height: 310px;
}
#rightcol {
float: right;
width: 166px;
min-height: 310px;
background: url("../images/rightcol-boarder.gif") repeat-y right top;
}
/**/
Read on faux columns to get the backgrounds to work.