body { /* set everything to zero for a good cross-browser starting point */
	margin: 0; /* zeroes the margins on the body */
	padding: 0; /* zeroes the padding on the body ~ Opera carries a default padding and requires this zeroing */
	border: 0; /* zeroes off any existing border */
	background-color: #402D40; /* sets the body background colour */
	color: #000000;  /* set the default text color */
	text-align: center; /* Hack to centre the wrapper in IE5.x pc */
	font-family: Arial, Helvetica, sans-serif; /* set the default fonts */
	font-size: 100.01%; /* Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property */
	min-width: 755px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge with Gecko browsers */
}

#wrapper {
   width: 757px;/*sets the width for IE5.x's broken box model*/
	w\idth: 755px; /* sets the width of the wrapper for compliant browsers*/
	margin: 0px auto;/* centers the wrapper. First value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	position: relative; /* important to position it relatively */
	border: 0; 
	text-align: left; /* Realigns the text to the left after the IE hack in the body rule */
}

#banner {
	width: 755px;/*Set the banners width - not strictly necessary just belt and braces from my point of view*/
	height: 125px;/*set a height*/
	position: relative; /* important to position it relatively */
}
/*Begins laying out the content area */
#content {
	margin: 0px;
	padding: 10px 20px 20px 20px;
	width: 715px;
}
#contentBg {
	background-color: #402D40;
	background-image: url(../images/content-bg.jpg);
	background-repeat: no-repeat;
	width: 755px;
	height: 550px;
}

#textBg {
	background-color: #FFFFFF;
}

#homeBg {
	background-color: #402D40;
	background-image: url(../images/homeBody.jpg);
	background-repeat: no-repeat;
	width: 755px;
	height: 710px;
	color: #FFFFFF;
	text-align: left;
}

#homeBg #content p{
	margin-bottom: 30px;
}

#bioBg {
	background-color: #FFFFFF;
}

#resumeBg {
	background-image: url(../images/resume-Bg.jpg);
	background-repeat: repeat-y;
	width: 755px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.25em;
}
#filmsBg {
	background-image: url(../images/films-bg.jpg);
	background-repeat: no-repeat;
	width: 755px;
	height: 566px;
}
#noflashBg {
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	padding-left: 177px;
}
#content p {
	padding: 0;/*zeroes the padding*/
	margin-bottom: 15px;
}

/*sets the styling for the h1 element within the content div*/
#content h1 {
	margin: 10px 15px 0 10px;
	padding: 0 0 3px 0;
	color: #000000;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	text-decoration: underline;
	text-align: center;
}

#content h2 {
	font-size: 150%;
	margin: 0px 0px 0px 5px;
	padding: 5px 0px;
	color: #000000;
	font-style: italic;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
}
#content h3 {
	font-size: 115%;/*scales the text size against the body selector default*/
	margin: 0px 0px 0 10px;/*sets the padding on the h3 element*/
	color: #ffffff;/*sets the text colour for the h3 text*/
	font-style: italic;
	line-height: 130%;/*set a line height for easier reading*/
}
#content h4 {
	font-size: 100%;/*scales the text size against the body selector default*/
	margin: 0px 0px 0 15px;/*sets the margins on the h2*/
	padding: 5px 0 5px 0;/*sets the padding on the h2 element*/
	color: #000000;/*sets the text colour for the h2 text*/
	font-style: italic;
	line-height: 130%;/*set a line height for easier reading*/
}
#form {
	width: 400px;
	margin-left: 160px;
	padding: 10px 10px 5px;
	color: #FFFFFF;
}
#form input{	
	background: #CDDBF4; /* Sets background color to light purple. */
	border: 1px solid #000; /* Sets border to black. */
	margin-left: 40px;
	padding: 2px; /* Creates space within input. */
	color: #036; /* Sets color of text within inputs to dark purple. */
	display: block; /* Changes inputs from inline to block so each will sit on its own line. */
}
#form textarea {
	background: #CDDBF4; /* Sets background color to light purple. */
	border: 1px solid #000; /* Sets border to black. */
	margin-left: 40px;
	padding: 2px; /* Creates space within input. */
	color: #036; /* Sets color of text within inputs to dark purple. */
}
#form label {
	color: #FFFFFF; /* Sets text color of labels. */
	display: block; /* Changes labels from inline to block so each will sit on the line above its associated input. */
	margin-left: 40px;
}
#form legend {
	color: #FFFFFF;
	font-size: 1.2em;
	padding: 1px 5px;
	font-weight: bold;
	text-align: center;
}
#form fieldset {
	border: 1px solid #FFF; /* Sets border to white. */
	padding: 5px 15px 10px; /* Creates space between edges of fieldset and content within. */
	margin-left: 40px;
}
#form input.button {
	margin: 10px 120px 5px; /* Needed by MacIE to keep the button from expanding to 200px like the other inputs. */
	width: 8em; /* Sets width in relative units so it will scale if text size is larger. */
}
/* The following selector resets the margins to the correct values for all browsers other than MacIE. */
/* hide from MacIE \*/
#form input.button {
	margin: 10px auto 5px auto;
}
/* end hide */
/*The folowing keeps Firefox from displaying hidden fields */
#form input[type="hidden"] {
display: none;
}
address {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-position: center;
	font-style: italic;
	padding-left: 200px;
	padding-top: 100px;
}
.pad30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.pad50 {
	padding-top: 50px;
}
.pad100 {
	padding-top: 100px;
}
.cellText {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.9em;
}
.centerText {
	text-align: left;
	padding-top: 80px;
	padding-left: 280px;
}
.whiteText {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.noteText {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 0.8em;
}
a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #0FF;
	margin: 5px;
	text-decoration: none;
}
a:hover, a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #0FF;
	margin: 5px;
	text-decoration: underline;
}