/* 
////////////////////////
UNIVERSAL STYLES
////////////////////////
*/

html { height: 100%; }
body { background: url(../i/general/bkrd-main.jpg) 0 0 repeat #f7f6f6; color: #1b2a3d; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 69%; height: 100%; line-height: 1.3em; margin: 0; padding: 0; text-align: left; width:100%; }
a, a:link, a:visited { color: #666766; text-decoration: none; }
html>body a:focus, a:hover, a:active { color: #ff0000; outline: none; text-decoration: underline; } 
div { margin: 0; padding: 0; position: relative; }
img { border: 0; position: relative; }

ol, ul, li { margin: 0; padding: 0; }

blockquote, p, form { margin: 0 0 20px 0; padding: 0; }
input, select { border: 1px solid #ccc; color: #333; display: block; font-size: 1em; height: 1.8em; margin: 0 0 0 8em; padding: 0; vertical-align: middle; width: 50%; }
fieldset { border: 0; clear: both; margin: 0 0 10px 0; padding: 0; }
label { color: #333; display: block; font-size: 1.27em; margin: 0 0 5px;  }
legend { }
textarea { border: 1px solid #ccc; color: #333; display: block; font: inherit; font-size: 1em; margin: 3px 0; padding: 0; width:65%; }
button { background: #006b54; border: none; color: #fff; cursor: pointer; font: inherit; font-size: 1em; font-weight: bold; margin: 0 10px 0 0; padding: 4px 6px; vertical-align: middle; }
button:hover { background-color: #79001C; }

em { color: #000; }	

table { border-collapse: collapse; }

/* 
////////////////////////
CUSTOM STYLES 
//////////////////////// 
*/

/* MAIN STYLES */
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; padding: 0; }
h1 { }
h2 { font-size: 1.45em; font-weight: bold; line-height: 1.45em; margin: 0 0 20px 0; }
h3 { font-weight: bold; line-height: 1.45em; margin: 0 0 20px 0; }
h4 { font-weight: bold; }
h5 { }
h6 { }

.shell { clear: both; margin: 0 auto; height: 100%; width: 1020px; }

	/* STUDIO SIX LOGO */
	.logoStudio { height: 304px; float: left; overflow: hidden; padding: 20px 70px 0 20px; width: 265px; }
	.logoStudio a, .logoStudio a:focus, .logoStudio a:hover, .logoStudio a:active { background: url(../i/general/logoStudioSix.png) 0 0 no-repeat; display: block; height: 304px; width: 265px; }
	.logoStudio a h1 { display: none; }

	/* MAIN CONTENT */
	.mainContent { float: right; margin: 0 auto; width: 665px; }

		/* MAIN NAVIGATION */
		.mainNav { background: url(../i/general/bkrd-nav.png) 20px 0 no-repeat; clear: both; float: right; height: 79px; top: 0; right: 0; padding: 20px 30px 0 0; width: 514px; }
		.mainNav ul { clear: both; display: block; padding: 0 0 15px 0; text-align: right; width: 514px; }
		.mainNav li { display: inline; }
		.mainNav li a, .mainNav li a:link, .mainNav li a:visited { color: #666766; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.45em; line-height: 1em; margin: 0 0 0 20px; padding: 0; }
		.mainNav li a:hover, .mainNav li a:active,
		.mainNav #supersection { color: #ff0000; text-decoration: none; }
		
		/* MAIN BODY */
		.mainBody { clear: both; float: right; font-size: 1.1em; padding: 60px 0 0 0; width: 665px; }
		
			.mainText { float: left; width: 315px; }
			.mainImg { float: right; padding: 0 0 0 20px; width: 330px; }
			.mainImg img { float: right; }
			
			.calendar { clear: both; padding: 0 0 20px 0; list-style: none; }
			.calendarDay { float: left; width: 70px; }
			.calendarDate { float: left; width: 40px; }
			
			.interiorText { float: right; font-size: 1.3em; line-height: 1.5em; padding: 0 30px 0 0; width: 454px; }
			
			.ensembleBody { float: left; width: 390px; }
			.ensembleImg { float: right; padding: 0 30px 0 10px; width: 235px; }
				.ensemblePerson { float: left; padding: 0 10px 10px 0; width: 210px; }
				.ensemblePerson img { float: left; padding: 0 10px 0 0; }
				.ensemblePersonSmall { float: left; padding: 0 10px 10px 0; width: 160px; }
				.ensemblePersonSmall img { float: left; padding: 0 10px 0 0; }

/* CLEARS */
.shell:after,
.logoStudio:after, 
.mainContent:after, .mainNav:after, .mainBody:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; width: 100%; }
