body{
border: 0px;
margin: 0px;
padding: 0px;
/*Opera doesn't like
width: 955px;
height: 570px;
*/
/* fixes the extra space on right of scroll and subsequent lost content in Gecko/Opera */
min-width: 955px;
}
img{
border: 0;
}

body, div{
	font-size: 14px;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #FFF;
}

/* 
========================Positioning =========================
NB two different variants to try for top right positioning.
floated relative (grid,thedo)
repositioned absolutely (splash)
*/

/* for all #posfixer, */
#splash, #logo, #lefty, #righty, #logo-prod, #images {
	position: absolute;
}

/* workaround for scrolling problems when using absolute repositioning */
#posfixer{
position: relative;
	z-index: 0;
	top: 0px;
	left: 0px;
	width: 100%;/*955px;*/
	height: 570px;
	display: block;
	/*background: #FFFFE0;*/
}

#grid{
	position: relative;
	width: 955px;
	height: 570px;
	display: block;
	top: 0px;
	left: 0px;
}

/* 
==============for use on front page 
*/
#splash{
	z-index: -1;
	top: 30px;
	right: 30px;
	width: 375px;
	height: 280px;
	/*background: #1212FF;*/
}
/*
==============for the bulk of the site
*/

/* rule for main logo  - think about CSS rollovers, and Fahrner image replacement technique */
#logo{
	/*position: absolute;
	left: 100%;*/
	top: 30px;
	width: 175px;
	height: 65px;
	right: 30px;
	/*background: #65190F;*/
	display: block;
}

/* rules for columns of text on right of page */
#lefty{
	/*position: absolute;
	left: 100%;*/
	top: 95px;
	width: 175px;
	height: 425px;
	right: 230px;
	/*background: #D7B19F;*/
}
#righty{
	/*position: absolute;
	left: 100%;*/
	top: 95px;
	width: 175px;
	height: 425px;/*100%;*/
	right: 30px;
	/*background: #D7B19F;*/
}

/* rule for logo for productions at base of right hand column on right of page */
#logo-prod{
	top: 395px;
	width: 175px;
	height: 125px;
	/*background: #65190F;*/
	right: 30px;	
}


/* rule for images area on left of page */
#images{
	/*position: absolute;
	left: 100%;*/
	top: 95px;
	width: 475px;
	height: 425px;
	right: 430px;
	/*background: #65190F;*/
	padding: 0px;	
}


