/* whyfor this - i dunno
html {
overflow-y: scroll;
}
*/

body {
text-align : center;
margin: 0;
	background: #333 url(../images/gradbak.jpg) repeat-x;
}

#outer {
position: relative;
width : 796px;
margin : 0 auto;
background: #333 url(../images/outerbak.jpg) repeat-y center;
}

#outer2 {
position: relative;
width : 796px;
margin : 0 auto;
	background: url(../images/containergrad.jpg) no-repeat;
}

#container {
margin-left:16px;
margin-right:16px;
}

#footshadow {
position: relative;
width : 796px;
height: 41px;
margin : 0 auto;
background: url(../images/footer-shadow.jpg) top center no-repeat;
line-height: 1px;
font-size: 1px;
border-bottom: 10px solid #333;
}