HTML, BODY { height: 100%; }
BODY { width: 100%; background: #CAB49C url('../images/bg_body_tile.jpg'); margin: 0; padding: 0; text-align: center; }

BODY, TD, .NormalText { font-family: Arial, Helvetica, sans serif; font-weight: normal; font-style: normal; font-size: 13px; color: #000; line-height: 1.5em; }

h1 { color: #8C3B1E; font-size: 64px; font-weight: normal; font-family: Georgia; letter-spacing: 8px; text-transform: uppercase; margin: 0; padding: 10px 0; border: 0; height: 100px; }
h2 { color: #8C3B1E; font-size: 24px; font-weight: normal; font-family: Georgia, Times New Roman, Times, serif; margin: 0 0 20px 0; padding: 0; border: 0; }
h3 { color: #8C3B1E; font-size: 18px; font-weight: normal; font-family: Georgia, Times New Roman, Times, serif; margin: 0 0 10px 0; padding: 0; text-align: center; }
h4 { color: #8C3B1E; font-size: 14px; font-weight: bold; font-family: Georgia, Times New Roman, Times, serif; margin: 0; padding: 0; }

.Maroon		{ color: #8C3B1E; }
.LightBeige { color: #FFF3DB; }
.DarkBeige 	{ color: #DBC5AD; }
.White  	{ color: #FFFFFF; }
.Black  	{ color: #000000; }

.SmallText	{ font-size: 10px;}
.MediumText { font-size: 16px;}
.LargeText	{ font-size: 36px;}

.FloatLeft	{ float: left; }
.FloatRight	{ float: right; }

/* site structure */

table#outerShell { width: 100%; height: 100%; }
table#outerShell td#innerShell { width: 100%; height: 100%; vertical-align: middle; text-align: center; padding: 0; }

div#wrap 		{ width: 860px; margin: 0 auto; padding: 0 10px; background: url('../images/bg_wrap.png') 50% 0 repeat-y; }
div#wrap_bottom	{ width: 880px; margin: 0 auto; padding: 0; background: url('../images/bg_wrap_bottom.png') 50% 0 repeat-y; height: 11px; }
div#navbox		{ display: block; height: 28px; width: 100%; margin: 0 auto; border: 1px solid #8C3B1E; border-width: 1px 0; background: #DBC5AD url('../images/bg_nav.jpg') 0% 0% repeat-x; }
	ul#nav 		  { display: block; list-style-type: none; margin: 0 0 0 25px; padding: 0; border: 0; }
	ul#nav li	  { display: inline; list-style-type: none; margin: 0; padding: 0; border: 0; text-align: center; }
	ul#nav li div { display: none; }
div#main 	{ min-height: 400px; margin: 0 auto; text-align: left; background: #FFF; }
	div#main.home 	{ height: 400px; padding: 0; }
	div#main.news	{ height: 400px; padding: 0; background: #FFF url('../images/bg_main_news.jpg') 100% 100% no-repeat; text-align: left; }
	div#main.resume { min-height: 400px; padding: 0; }
	div#main.music	{ height: 400px; padding: 0; background: #FFF url('../images/bg_main_music.jpg') 100% 100% no-repeat; text-align: left; }
	div#main.blog 	{ min-height: 400px; padding: 0; }
	div#main.contact{ height: 400px; padding: 0; background: #FFF url('../images/bg_main_contact.jpg') 0% 100% no-repeat; text-align: right; }
div#footer 	{ clear: both; margin: 0 auto; padding: 10px 0; font-size: 10px; color: #333; text-transform: uppercase; }

div.clear	{ clear: both; }
div.hide	{ display: none; }
div.pad		{ padding: 10px; }
p { margin: 0; }

/* home slideshow */
div#slide-container 	{ height: 400px; width: 600px; text-align: center; margin: 0 auto; }
div#slide-container div	{ height: 400px; width: 600px; text-align: center; display: none; }
div#slide-container div img	{ height: 400px; border: 0; }

/* news */
div#newsBox  { padding: 10px; }
div.newsItem { width: 450px; padding: 10px; }

/* resume */
img.resumeImage 	{ float: left; margin: 10px 10px 20px; }
a#downloadPDF img 	{ float: right; border: 0; margin: 0 0 0 10px; }

div#television-web,
div#film,
div#regional-theatre,
div#training { display: block; margin: 0 15px 25px; }

div#television-web td,
div#film td,
div#regional-theatre td,
div#training td { vertical-align: top; padding: 1px 20px 1px 0; }

/* photo gallery */
a.prevHover 	  { float: left; margin-right: 10px; text-align: right; }
a.nextHover 	  { float: right; margin-left: 10px; text-align: left; }
a.prevHover,
a.nextHover 	  { color: #DBC5AD; text-decoration: none; display: block; font-size: 36px; padding-top: 20px; width: 97px; }
a.prevHover:hover,
a.nextHover:hover { color: #8C3B1E; text-decoration: none; }
a.prev, a.next 	  { display: none; }

div#thumbImages	{ width: 635px; height: 75px; margin: 0; overflow: hidden; }
	div#thumbImages ul	  { margin: 0; padding: 0; width: 600px; height: 75px; overflow: hidden; }
	div#thumbImages ul li { margin: 0 8px 0 0; padding: 0; display: inline; text-align: center; height: 75px; width: 115px; border: 1px solid #CCC; }
	img.imgThumb { height: 75px; margin: 0; border: 0; }
div#largeImage 		{ text-align: center; }
	div#largeImage img	{ display: none; height: 400px; margin: 10px; background: #FFF; padding: 10px; border: 1px solid #CCC; }
div.imageCaption	{ display: none; padding: 5px; text-align: center; }

/* contact */
div#contactForm		{ float: right; width: 375px; text-align: center; padding-top: 20px; }
div#contactForm h4	{ text-align: center; margin-bottom: 10px; }
div.contactItem		{ width: 175px; display: inline-table; text-align: center; margin: 0 auto; }

/* music */
div.songDescription	{ width: 400px; margin: 0 0 10px 0; }

/* links */
a:link, a:visited	{ color: #8C3B1E; text-decoration: none; border-style: none; outline: none; -moz-outline-style: none; }
a:active, a:hover	{ color: #8C3B1E; text-decoration: underline; border-style: none; outline: none; -moz-outline-style: none; }

h1 a:link, h1 a:visited { color: #8C3B1E; text-decoration: none; }
h1 a:active, h1 a:hover { color: #8C3B1E; text-decoration: none; }

div#footer a:link,
div#footer a:visited { color: #333; text-decoration: none; }
div#footer a:active,
div#footer a:hover 	 { color: #333; text-decoration: underline; }

ul#nav li a   { display: block; float: left; padding: 6px; margin: 0 15px; font-size: 16px; font-weight: normal; font-family: Georgia, Times New Roman, Times, serif; text-transform: uppercase; line-height: 1em; letter-spacing: 1px; text-decoration: none; }
ul#nav li a:link,
ul#nav li a:visited { color: #333; text-decoration: none; }
ul#nav li a:active,
ul#nav li a:hover,
ul#nav li a.current { color: #8C3B1E; text-decoration: none; }

/* resume */
a#downloadPDF { display: block; float: right; width: 200px; background: #DCC8AF url('../images/bg_downloadPDF.jpg') no-repeat 50% 50%; padding: 10px; text-align: center; font-size: 18px; font-family: Georgia; text-decoration: none; }
a#downloadPDF:hover { color: #000; text-decoration: none; }

table.resumeItems { margin: 5px 0 20px 0; }
table.resumeItems td { padding: 0 20px 0 0; vertical-align: top; text-align: left; }