html {
min-height: 100%;
height: auto;
}

body {
background: #f2eada url(images/footer_tile.gif) bottom left repeat-x;
font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: normal;
color: #293540;
margin: 0px 0px 0px 0px;
}

a 			{ color: #293540; text-decoration: none; }
a:link		{ color: #293540; text-decoration: none; }
a:visited	{ color: #293540; text-decoration: none; }
a:active	{ color: #293540; text-decoration: underline; }
a:hover		{ color: #293540; text-decoration: underline; }

small {
font-size: 10px;
display: none;
}

hr {
background: #ff0000;
width: 520px;
height: 1px;
color: #ff0000;
padding: 0;
margin: 0px 0px 20px 0px;
border: 0;
text-align: center;
}
	
/* begin masthead styles */

#masthead {
background: #566473;
width: 100%;
height: 95px;
}

#branding {
width: 740px;
height: 70px;
}

#logo {
width: 120px;
height: 50px;
padding: 20px 0px 0px 20px;
float: left;
}

#address {
width: 245px;
height: 70px;
float: right;
}

#title {
background: #293540;
width: 100%;
height: 25px;
clear: both;
}


#title img {
margin: 0px 0px 0px 20px; 
}

/* end masthead styles */

	
/* begin navigation styles */

#navigation {
width: 720px;
height: 20px;
padding: 10px 0px 0px 0px;
}

#home_button {
float: right;
}

#home_button a {
background: url("images/home_button.gif") 0px 0px no-repeat;
width: 55px;
height: 20px;
display: block;
}

#home_button a:hover {
background: url("images/home_button.gif") 0px -20px no-repeat;
}

#home_button a:active {
background: url("images/home_button.gif") 0px 0px no-repeat;
}

#past_button {
float: right;
padding: 0px 0px 0px 20px;
}

#past_button a {
background: url("images/past_button.gif") 0px 0px no-repeat;
width: 130px;
height: 20px;
display: block;
}

#past_button a:hover {
background: url("images/past_button.gif") 0px -20px no-repeat;
}

#past_button a:active {
background: url("images/past_button.gif") 0px 0px no-repeat;
}

#gallery_button {
float: right;
padding: 0px 0px 0px 20px;
}

#gallery_button a {
background: url("images/gallery_button.gif") 0px 0px no-repeat;
width: 110px;
height: 20px;
display: block;
}

#gallery_button a:hover {
background: url("images/gallery_button.gif") 0px -20px no-repeat;
}

#gallery_button a:active {
background: url("images/gallery_button.gif") 0px 0px no-repeat;
}

#list_button {
float: right;
padding: 0px 0px 0px 20px;
}

#list_button a {
background: url("images/list_button.gif") 0px 0px no-repeat;
width: 145px;
height: 20px;
display: block;
}

#list_button a:hover {
background: url("images/list_button.gif") 0px -20px no-repeat;
}

#list_button a:active {
background: url("images/list_button.gif") 0px 0px no-repeat;
}

#contact_button {
float: right;
padding: 0px 0px 0px 20px;
}

#contact_button a {
background: url("images/contact_button.gif") 0px 0px no-repeat;
width: 90px;
height: 20px;
display: block;
}

#contact_button a:hover {
background: url("images/contact_button.gif") 0px -20px no-repeat;
}

#contact_button a:active {
background: url("images/contact_button.gif") 0px 0px no-repeat;
}

/* end navigation styles */


/* begin homepage styles */

#home_container {
background: url(images/home_circles.gif) 0px 0px no-repeat;
width: 740px;
}

#home_container h1 {
background: url("images/projects_header.gif") 0px 0px no-repeat;
width: 110px;
height: 50px;
margin: 10px 0px 0px 83px;
display: block;
text-indent: -1000px;
}

#intro {
width: 520px;
padding: 40px 0px 10px 110px;
}

#intro a 			{ color: #ff6600; text-decoration: none; }
#intro a:link		{ color: #ff6600; text-decoration: none; }
#intro a:visited	{ color: #ff6600; text-decoration: none; }
#intro a:active		{ color: #ff6600; text-decoration: underline; }
#intro a:hover		{ color: #ff6600; text-decoration: underline; }

#intro p {
letter-spacing: 1px;
line-height: 16px;
text-align: justify;
margin: 0px 0px 10px 0px;
}

.bio {
background: #f2eee6;
width: 518px;
padding: 0px 0px 0px 0px;
border: 1px solid #566473;
margin: 10px 0px 30px 110px;
clear: both;
display: none;
}

.bio p {
margin: 15px 15px 10px 15px;
}

.bio .header_bar {
background: #566473;
width: 510px;
height: 16px;
padding-top: 3px;
padding-right: 8px;
}

.bio .close_button a {
background: url("images/close_button.gif") 0px 0px no-repeat;
width: 46px;
height: 12px;
display: block;
float: right;
}

.bio .close_button a:hover {
background: url("images/close_button.gif") 0px -12px no-repeat;
}

.bio .close_button a:active {
background: url("images/close_button.gif") 0px 0px no-repeat;
}

.show {
width: 520px;
margin: 10px 0px 0px 110px;
padding: 0px 0px 0px 0px;
border: 0px;
clear: both;
}

.show p {
margin: 0px 0px 10px 0px;
}

.show .thumbnail {
width: 195px;
float: left;
}

.show .thumbnail img {
float: right;
padding: 0px 0px 15px 0px;
}


.show .info {
width: 305px;
padding: 10px 0px 15px 20px;
float: left;
}

.show .info .highlight {
font-size: 14px;
color: #ff6600;
}

.show .info_button {
margin: 10px 0px 20px 0px;
}

.show .info_button a {
background: url("images/info_button.gif") 0px 0px no-repeat;
width: 72px;
height: 12px;
display: block;
}

.show .info_button a:hover {
background: url("images/info_button.gif") 0px -12px no-repeat;
}

.show .info_button a:active {
background: url("images/info_button.gif") 0px 0px no-repeat;
}

.show .venue_button {
margin: 10px 0px 20px 0px;
}

.show .venue_button a {
background: url("images/venue_button.gif") 0px 0px no-repeat;
width: 130px;
height: 12px;
display: block;
}

.show .venue_button a:hover {
background: url("images/venue_button.gif") 0px -12px no-repeat;
}

.show .venue_button a:active {
background: url("images/venue_button.gif") 0px 0px no-repeat;
}

.show .reviews_button {
margin: 10px 0px 20px 0px;
}

.show .reviews_button a {
background: url("images/reviews_button.gif") 0px 0px no-repeat;
width: 90px;
height: 12px;
display: block;
}

.show .reviews_button a:hover {
background: url("images/reviews_button.gif") 0px -12px no-repeat;
}

.show .reviews_button a:active {
background: url("images/reviews_button.gif") 0px 0px no-repeat;
}

.show .read_button {
margin: 10px 0px 20px 0px;
}

.show .read_button a {
background: url("images/read_button.gif") 0px 0px no-repeat;
width: 42px;
height: 12px;
display: block;
}

.show .read_button a:hover {
background: url("images/read_button.gif") 0px -12px no-repeat;
}

.show .read_button a:active {
background: url("images/read_button.gif") 0px 0px no-repeat;
}

.show .pdf_button {
margin: 10px 0px 20px 10px;
float:left
}

.show .pdf_button a {
background: url("images/pdf_button.gif") 0px 0px no-repeat;
width: 98px;
height: 12px;
display: block;
}

.show .pdf_button a:hover {
background: url("images/pdf_button.gif") 0px -12px no-repeat;
}

.show .pdf_button a:active {
background: url("images/pdf_button.gif") 0px 0px no-repeat;
}

/* end homepage styles */


/* begin talks styles */

#talks_container {
background: url(images/circles.gif) 0px 0px no-repeat;
width: 740px;
}

#talks_container h1 {
background: url("images/projects_header.gif") 0px 0px no-repeat;
width: 335px;
height: 35px;
font-size: 14px;
font-weight: bold;
line-height: 18px;
color: #566473;
text-transform: uppercase;
padding: 15px 0px 0px 120px;
margin: 35px 0px 10px 83px;
display: block;
clear: both;
}

.talks {
width: 520px;
margin: 10px 0px 0px 110px;
padding: 0px 0px 0px 0px;
border: 0px;
clear: both;
}

.talks p {
margin: 0px 0px 10px 0px;
}

.talks .thumbnail {
width: 100px;
float: left;
}

.talks .thumbnail img {
float: right;
padding: 0px 0px 15px 0px;
}

.talks .presents {
font-size: 10px;
}

.talks .info {
width: 400px;
padding: 0px 0px 15px 20px;
float: left;
}

#talks_container .back_button {
margin: 20px 0px 20px 345px;
clear: both;
}

#talks_container .back_button a {
background: url("images/back_button.gif") 0px 0px no-repeat;
width: 50px;
height: 20px;
display: block;
}

#talks_container .back_button a:hover {
background: url("images/back_button.gif") 0px -20px no-repeat;
}
#talks_container .back_button a:active {
background: url("images/back_button.gif") 0px 0px no-repeat;
}

#talks_container .rule {
width: 520px;
height: 15px;
margin: 20px 0px 0px 110px;
border-top: 1px solid #ebdfc7;
display: block;
clear: both;
}

/* end talks styles */


/* begin contact styles */

#contact_container {
background: url(images/circles.gif) 0px 0px no-repeat;
width: 740px;
}

#contact_container h1 {
background: url("images/contact_header.gif") 0px 0px no-repeat;
width: 135px;
height: 50px;
margin: 35px 0px 30px 83px;
display: block;
text-indent: -1000px;
}

#contact_container p {
width: 520px;
letter-spacing: 1px;
line-height: 16px;
text-align: justify;
padding: 0px 0px 10px 110px;
}

/* end contact styles */


/* begin list styles */

#list_container {
background: url(images/circles.gif) 0px 0px no-repeat;
width: 740px;
}

#list_container h1 {
background: url("images/list_header.gif") 0px 0px no-repeat;
width: 210px;
height: 50px;
margin: 35px 0px 10px 83px;
display: block;
text-indent: -1000px;
}

#list_form {
width: 300px;
margin: 10px 0px 0px 220px;
padding: 0px 0px 0px 0px;
border: 0px;
}

#list_form label {
width: 60px;
height: 15px;
font-size: 12px;
font-weight: bold;
padding: 5px 0px 0px 0px;
margin: 5px 0px 5px 0px;
display: block;
float: left;
clear: left;
}

#list_form p span input {
width: 230px;
height: 15px;
font-size: 12px;
margin: 5px 0px 5px 0px;
float: left;
}

#list_form .join {
margin: 10px 0px 0px 240px;
}

/* end contact styles */


/* begin thanks styles */

#thanks_container {
background: url(images/circles.gif) 0px 0px no-repeat;
width: 740px;
}

#thanks_container h1 {
background: url("images/thanks_header.gif") 0px 0px no-repeat;
width: 135px;
height: 50px;
margin: 35px 0px 10px 83px;
display: block;
text-indent: -1000px;
}

#thanks_container p {
width: 520px;
letter-spacing: 1px;
line-height: 16px;
text-align: justify;
padding: 0px 0px 10px 110px;
}

/* end thanks styles */


/* begin project styles */

#project_container {
background: url(images/circles.gif) 0px 0px no-repeat;
width: 740px;
}

#project_container h1 {
background: url("images/projects_header.gif") 0px 0px no-repeat;
width: 420px;
height: 35px;
font-size: 14px;
font-weight: bold;
line-height: 18px;
color: #566473;
text-transform: uppercase;
padding: 15px 0px 0px 120px;
margin: 35px 0px 10px 83px;
display: block;
}

#project_container h2 {
font-size: 14px;
font-weight: bold;
margin: 0px 0px 10px 110px;
}

#project_container p {
width: 520px;
letter-spacing: 1px;
line-height: 16px;
text-align: justify;
padding: 0px 0px 10px 110px;
}

#project_container .splash {
width: 520px;
height: 240px;
margin: 0px 0px 20px 110px;
}

#project_container .rule {
width: 520px;
height: 15px;
margin: 20px 0px 0px 110px;
border-top: 1px solid #ebdfc7;
display: block;
clear: both;
}

#project_container .venue_button {
margin: -10px 0px 10px 110px;
}

#project_container .venue_button a {
background: url("images/venue_button.gif") 0px 0px no-repeat;
width: 130px;
height: 12px;
display: block;
}

#project_container .venue_button a:hover {
background: url("images/venue_button.gif") 0px -12px no-repeat;
}

#project_container .venue_button a:active {
background: url("images/venue_button.gif") 0px 0px no-repeat;
}

#project_container .full_review_button {
margin: 0px 0px 20px 110px;
}

#project_container .full_review_button a {
background: url("images/full_review_button.gif") 0px 0px no-repeat;
width: 110px;
height: 12px;
display: block;
}

#project_container .full_review_button a:hover {
background: url("images/full_review_button.gif") 0px -12px no-repeat;
}

#project_container .full_review_button a:active {
background: url("images/full_review_button.gif") 0px 0px no-repeat;
}

#project_container .listen_button {
margin: 0px 0px 20px 110px;
}

#project_container .listen_button a {
background: url("images/listen_button.gif") 0px 0px no-repeat;
width: 50px;
height: 12px;
display: block;
}

#project_container .listen_button a:hover {
background: url("images/listen_button.gif") 0px -12px no-repeat;
}

#project_container .listen_button a:active {
background: url("images/listen_button.gif") 0px 0px no-repeat;
}

#project_container .back_button {
margin: 20px 0px 20px 345px;
clear: both;
}

#project_container .back_button a {
background: url("images/back_button.gif") 0px 0px no-repeat;
width: 50px;
height: 20px;
display: block;
}

#project_container .back_button a:hover {
background: url("images/back_button.gif") 0px -20px no-repeat;
}
#project_container .back_button a:active {
background: url("images/back_button.gif") 0px 0px no-repeat;
}

#project_container .read_button {
margin: -15px 0px 20px 110px;
}

#project_container .read_button a {
background: url("images/read_button.gif") 0px 0px no-repeat;
width: 42px;
height: 12px;
display: block;
}

#project_container .read_button a:hover {
background: url("images/read_button.gif") 0px -12px no-repeat;
}

#project_container .read_button a:active {
background: url("images/read_button.gif") 0px 0px no-repeat;
}

#project_container .more_button {
margin: 0px 0px 20px 110px;
float: left;
}

#project_container .more_button a {
background: url("images/more_button.gif") 0px 0px no-repeat;
width: 75px;
height: 12px;
display: block;
}

#project_container .more_button a:hover {
background: url("images/more_button.gif") 0px -12px no-repeat;
}

#project_container .more_button a:active {
background: url("images/more_button.gif") 0px 0px no-repeat;
}

#project_container .less_button {
margin: 0px 0px 20px 110px;
display: none;
float: left;
}

#project_container .less_button a {
background: url("images/less_button.gif") 0px 0px no-repeat;
width: 38px;
height: 12px;
display: block;
}

#project_container .less_button a:hover {
background: url("images/less_button.gif") 0px -12px no-repeat;
}

#project_container .less_button a:active {
background: url("images/less_button.gif") 0px 0px no-repeat;
}

#project_container .pdf_button {
margin: 0px 0px 20px 10px;
float: left;
}

#project_container .pdf_button a {
background: url("images/pdf_button.gif") 0px 0px no-repeat;
width: 98px;
height: 12px;
display: block;
}

#project_container .pdf_button a:hover {
background: url("images/pdf_button.gif") 0px -12px no-repeat;
}

#project_container .pdf_button a:active {
background: url("images/pdf_button.gif") 0px 0px no-repeat;
}

/* end project styles */


/* begin past productions styles */

#past_productions_container {
background: url(images/circles.gif) 0px 0px no-repeat;
width: 740px;
}

#past_productions_container h1 {
background: url("images/past_header.gif") 0px 0px no-repeat;
width: 335px;
height: 35px;
font-size: 14px;
font-weight: bold;
line-height: 18px;
color: #566473;
text-transform: uppercase;
padding: 15px 0px 0px 205px;
margin: 35px 0px 10px 83px;
display: block;
clear: both;
}

/* end past productions styles */


/* begin gallery styles */

#gallery_container {
background: url(images/circles.gif) 0px 0px no-repeat;
width: 740px;
}

#gallery_container h1 {
background: url("images/gallery_header.gif") 0px 0px no-repeat;
width: 165px;
height: 50px;
margin: 35px 0px 10px 83px;
display: block;
text-indent: -1000px;
}

.gallery_list {
width: 520px;
margin: 10px 0px 0px 110px;
padding: 0px 0px 0px 0px;
border: 0px;
clear: both;
}

.gallery_list p {
margin: 0px 0px 10px 0px;
}

.gallery_list .thumbnail {
width: 195px;
float: left;
}

.gallery_list .thumbnail img {
float: right;
padding: 0px 0px 15px 0px;
}


.gallery_list .info {
width: 305px;
padding: 30px 0px 15px 20px;
float: left;
}

.gallery_list .view_button {
margin: 10px 0px 20px 0px;
}

.gallery_list .view_button a {
background: url("images/view_button.gif") 0px 0px no-repeat;
width: 50px;
height: 12px;
display: block;
}

.gallery_list .view_button a:hover {
background: url("images/view_button.gif") 0px -12px no-repeat;
}

.gallery_list .view_button a:active {
background: url("images/view_button.gif") 0px 0px no-repeat;
}

/* end gallery styles */


/* begin photo page styles */

#photo_container {
background: url(images/circles.gif) 0px 0px no-repeat;
width: 740px;
}

#photo_container h1 {
background: url("images/gallery_header.gif") 0px 0px no-repeat;
width: 365px;
height: 35px;
font-size: 14px;
font-weight: bold;
line-height: 18px;
color: #566473;
text-transform: uppercase;
padding: 15px 0px 0px 175px;
margin: 35px 0px 10px 83px;
display: block;
}

#photo_container img {
margin: 10px 0px 3px 110px;
border: 5px solid #ffffff;
}

#photo_container .caption {
width: 510px;
font-size: 11px;
color: #566473;
margin: 0px 0px 10px 115px;
}

#photo_container .caption span {
font-size: 10px;
display: block;
clear: left;
}

#photo_container .back_button {
margin: 20px 0px 20px 345px;
}

#photo_container .back_button a {
background: url("images/back_button.gif") 0px 0px no-repeat;
width: 50px;
height: 20px;
display: block;
}

#photo_container .back_button a:hover {
background: url("images/back_button.gif") 0px -20px no-repeat;
}
#photo_container .back_button a:active {
background: url("images/back_button.gif") 0px 0px no-repeat;
}

/* end photo page styles */


/* begin extras styles */

#extras_container {
background: url(images/circles.gif) 0px 0px no-repeat;
width: 740px;
}

#extras_container h1 {
background: url("images/extras_header.gif") 0px 0px no-repeat;
width: 420px;
height: 35px;
font-size: 14px;
font-weight: bold;
line-height: 18px;
color: #566473;
text-transform: uppercase;
padding: 15px 0px 0px 0px;
margin: 35px 0px 10px 83px;
display: block;
}

#extras_container h1 span {
border-bottom: 3px solid #ffbb33;
}

#extras_container h2 {
font-size: 14px;
font-weight: bold;
margin: 0px 0px 10px 110px;
}

#extras_container p {
width: 520px;
letter-spacing: 1px;
line-height: 16px;
text-align: justify;
padding: 0px 0px 10px 110px;
}

#extras_container .footnote {
font-size: 10px;
}

#extras_container .splash {
width: 520px;
height: 240px;
margin: 0px 0px 20px 110px;
}

#extras_container .rule {
width: 520px;
height: 15px;
margin: 20px 0px 0px 110px;
border-top: 1px solid #ebdfc7;
display: block;
}

#extras_container .back_button {
margin: 20px 0px 20px 345px;
}

#extras_container .back_button a {
background: url("images/back_button.gif") 0px 0px no-repeat;
width: 50px;
height: 20px;
display: block;
}

#extras_container .back_button a:hover {
background: url("images/back_button.gif") 0px -20px no-repeat;
}
#extras_container .back_button a:active {
background: url("images/back_button.gif") 0px 0px no-repeat;
}

#audio_player {
margin-left: 110px;
}

#paypal {
margin-top: 10px;
margin-right: 15px;
margin-bottom: 15px;
float: left;
}

/* end extras styles */