html, body {
	padding:0;
	margin:0;
}

body {
	font-family:Verdana, Tahoma, Arial, Sans-serif;
	color:#FFF;
	background-color:#5f5d5b;
	background-image:url("../../images/layout/backgrounds/bodyBackground.gif");
	background-position:top left;
	background-repeat:repeat-x;
}

* { padding:0; margin:0; }

a, a:link { color:#0000CC;}
a:active {}
a:visited { color:#0000CC;}
a:hover {}
a img { border:none; }
h1,h2,h3,h4,h5,h6 { margin:10px 0; }
ul { margin:0 20px; list-style:square;}

form { padding:0; margin:0; } /* for SOME reason...IE6/7 renders padding on forms. Crazy M$ */

label { cursor:pointer; }
code { display:block; padding:10px; margin:0; border:3px double #FFF; color:#FFF; background-color:#000;}
pre {}
code pre {}
del {}
q {}
blockquote {}
cite {}
abbr {} /* abbreviations */
acronym{}
em {}
strong{}
kbd {} /* this is used for text which should be typed by the user (e.g., Please press the <kbd>Enter</kbd> key) */

dl {}
dl dt {}
dl dd {}

table {}
table[summary] {}
table caption {}
td[scope] {}

#dropShadowContainer {
	display:block;
	position:relative;
	width:764px;
	padding:0;
	margin:0 auto;
	}

html > body #dropShadowContainer {
	background-image:url("../../images/layout/backgrounds/bodyDropshadowBackground.png");
	background-repeat:repeat-y;
	background-position:top left;
	}
	
* html body #dropShadowContainer {
	width:748px;
	border-left:8px solid #333;
	border-right:8px solid #333;
	}

#mainContainer {
	display:block;
	position:relative;
	width:748px;
	padding:0;
	margin:0 auto;
	}
	
#headerContainer {
	display:block;
	position:relative;
	height:179px;
	padding:0;
	margin:0;
	background-color:#b5592d;
	background-image:url("../../images/layout/backgrounds/headerBackground.gif");
	background-position:top right;
	background-repeat:repeat-y;
	overflow:hidden;
	}

#headerContainer #logo {
	display:block;
	position:absolute;
	bottom:32px;
	right:68px;
	}
	
#bodyContainer {
	display:block;
	position:relative;
	height:483px;
	width:100%;
	padding:0;
	margin:0;
	background-color:#FFF;
	overflow:hidden;
	}

#bodyH1 {
	display:block;
	position:relative;
	float:right;
	height:483px;
	width:32px;
	padding:0;
	margin:0;
	background-color:#000;
	background-image:url("../../images/layout/backgrounds/theaterH1Background.gif");
	background-repeat:no-repeat;
	background-position:top left;
	overflow:hidden;
	}

#bodyH1.about {	
	background-image:url("../../images/layout/backgrounds/theaterH1_about_Background.gif");
	}
#bodyH1.safco {	
	background-image:url("../../images/layout/backgrounds/theaterH1_safco_Background.gif");
	}
#bodyH1.dlr {	
	background-image:url("../../images/layout/backgrounds/theaterH1_dlr_Background.gif");
	}
#bodyH1.lg06 {	
	background-image:url("../../images/layout/backgrounds/theaterH1_lg06_Background.gif");
	}
#bodyH1.macerich {	
	background-image:url("../../images/layout/backgrounds/theaterH1_macerich_Background.gif");
	}
#bodyH1.nec {	
	background-image:url("../../images/layout/backgrounds/theaterH1_nec_Background.gif");
	}
#bodyH1.ws {	
	background-image:url("../../images/layout/backgrounds/theaterH1_ws_Background.gif");
	}
#bodyH1.stericycle {	
	background-image:url("../../images/layout/backgrounds/theaterH1_stericycle_Background.gif");
	}
#bodyH1.komatsu {	
	background-image:url("../../images/layout/backgrounds/theaterH1_komatsu_Background.gif");
	}
#bodyH1.sts {	
	background-image:url("../../images/layout/backgrounds/theaterH1_sts_Background.gif");
	}

	
#theaterContainer {
	display:block;
	position:relative;
	float:left;
	height:483px;
	width:716px;
	padding:0;
	margin:0;
	overflow:hidden;
	}

#theaterContents {
	display:block;
	position:relative;
	height:449px;
	padding:0;
	margin:0;
	overflow:hidden;
	}
	
#theaterMenu {
	display:block;
	position:relative;
	height:34px;
	width:716px;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
	background-image:url("../../images/layout/backgrounds/menuBackground.gif");
	background-repeat:no-repeat;
	background-position:top left;
	overflow:hidden;
	}

#theaterMenu ul{
	display:block;
	position:position:;
	height:34px;
	list-style:none;
	padding:0;
	margin:0 0 0 335px;
	}

#theaterMenu ul li{
	display:block;
	position:relative;
	float:left;
	height:34px;
	padding:0;
	margin:0;
	color:#FFF;
	}
	
#theaterMenu ul li a {
	display:block;
	position:relative;
	height:20px;
	width:20px;
	line-height:20px;
	margin:7px 2px;
	padding:0;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	font-family:tahoma, verdana, arial, sans-serif;
	text-align:center;
	text-decoration:none;
	}

#theaterMenu ul li a:hover, #theaterMenu ul li a.active {
	background-color:#8c4726;
	}
	
#footerContainer {
	display:block;
	position:relative;
	height:177px;
	padding:0;
	margin:0;
	background-color:#625f5d;
	background-image:url("../../images/layout/backgrounds/footerBackground.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	overflow:hidden;
	}

#footerContainer #callout {
	display:none;
	}
	
#footerContainer #ourInfo {
	display:none;
	position:absolute;
	top:56px;
	left:73px;
	font-size:11px;
	color:#000;
	}

	#lookAt {
		width:340px;
		float:left;
		}
	
	
.content { display:none; }
.active { display:block; }
	
.clearB { clear:both !important; }
.clearR { clear:right !important; }
.clearL { clear:left !important; }