/* CSS for teh Orange Otter site, bitches */

img {
margin: 0px;
padding: 0px;
border:0px;
}

a {
link: {color: #ff0000; text-decoration: none}
visited {color: #0000ff; text-decoration: none}
hover {text-decoration: none}
}

p, h1, h2, h3, h4, h5, h6, h7{

	margin: 0px;
	padding: 0px;
	border: 0px;
	color: #fff;

}

/* main background padding etc. */
body{
	margin: 0px;
	padding: 0px;
	background: transparent url('images/sq_bg.gif');
	bottom: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
	position: absolute;
}


/* content block and overlay background */
#pagecontainer{
	align: center;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	position: absolute;
	background: transparent url('images/homebg.png') no-repeat center;
}

#borderleft{
	width: 10px;
	height: 100%;
	top: 0px;
	left: 0px;
	bottom: 0px;
	position: absolute;
	background: transparent url('images/left_grad.png');
}

#bordertop{
	height: 10px;
	width: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
	position: absolute;
	background: transparent url('images/top_grad.png');
}

#borderright{
	width: 10px;
	height: 100%;
	top: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;
	background: transparent url('images/right_grad.png');
}

#borderbottom{
	height: 10px;
	width: 100%;
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: absolute;
	background: transparent url('images/bottom_grad.png');
}

#bottomleft{
	width: 10px;
	height: 10px;
	left: 0px;
	bottom: 0px;
	position: absolute;
	background: transparent url('images/bottomleft.png');
}

#topleft{
	height: 10px;
	width: 10px;
	top: 0px;
	left: 0px;
	position: absolute;
	background: transparent url('images/topleft.png');
}

#topright{
	width: 10px;
	height: 10px;
	top: 0px;
	right: 0px;
	position: absolute;
	background: transparent url('images/topright.png');
}

#bottomright{
	height: 10px;
	width: 10px;
	bottom: 0px;
	right: 0px;
	position: absolute;
	background: transparent url('images/bottomright.png');
}