/* CSS Document */


/* fixes transparent PNGs in IE 6 and 5.5 */
img, div { behavior: url(../includes/iepngfix.htc) }


/* defines the base style for the entire site
------------------------------------------------------------------- */
body {
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c9c9c9;
	line-height: 18px;
}
A:LINK {color: #c9c9c9; text-decoration: underline;}
A:ACTIVE {color: #c9c9c9; text-decoration: underline;}
A:VISITED {color: #c9c9c9; text-decoration: underline;}
A:HOVER {color: #FFFFFF; text-decoration: underline;}


/* defines text styling on the page
------------------------------------------------------------------- */
.tenPointText {font-size: 10px;}
.twelvePointText {font-size: 12px;}
.thirteenPointText {font-size: 13px;}
.fourteenPointText {font-size: 14px;}


/* navigation 
------------------------------------------------------------------- */
#navigation {
	margin: auto;
}


/* container div for window 
------------------------------------------------------------------- */
#container {
	position: absolute;
	width: 840px;
	margin-left: -420px;
	left: 50%;
	clear:both;
	}

#footer {
	width: 840px;
	height:124px;
	/*background-image: url(../images/03-BoxBottom.png);*/
	background-repeat: no-repeat;
	/*position:relative;
	bottom: 0;*/
	clear:both;
	border-top:1px #333 dotted;
	padding-top:10px;
	font-size:11px;
	color:#666;
	}
	
#footer A:LINK {color: #666; text-decoration: none;}
#footer A:ACTIVE {color: #666; text-decoration: none;}
#footer A:VISITED {color: #666; text-decoration: none;}
#footer A:HOVER {color: #FFFFFF; text-decoration: none;}	

#ad {
	width: 800px;
	height:124px;
	/*background-image: url(../images/03-BoxBottom.png);*/
	background-repeat: no-repeat;
	/*position:relative;
	bottom: 0;*/
	clear:both;
	border-top:1px #999 solid;
	padding-top:30px;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:60px;
	color: #c9c9c9;
	}
	
#ad img {
	border:1px #fff solid;
	margin-right:30px;
	}

#content {
	width: 840px;
	/*background-image: url(../images/02-BoxMiddle.png);*/
	background-repeat: repeat-y;
	clear:both;
	}
	

#header {
	width: 840px;
	height: 49px;
	background-image: url(../images/01-BoxTop.png);
	background-repeat: no-repeat;
	clear:both;
	}


/* Columnar Layout for Homepage & Content Pages 
------------------------------------------------------------------- */
#leftColumn {
	width:499px;
	position: relative;
	float: left;
	top: -40px;}

#fullColumn {
	width:800px;
	position: relative;
	float: left;
	top: -40px;
}
#rightColumn {
	width: 273px;
	position: relative;
	float: right;
	margin-right: 20px;
	top: -30px;}
	
#whyATheater_container {
	width:273px;
	margin-top: 30px;
	background-image:url(../images/rightHomepageBox.png);
	background-repeat: no-repeat;}

#whyATheater {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;}

#singleColumn {
	position: relative;
	/*margin-left: 20px;*/
	top: -30px;}
	
#adWindow {
	/*width: 489px;*/
	height: 249px;
	margin-left: 10px;}
	
#designBuild {
	width: 204px;
	float: left;
	border-right: solid 1px #999999;
	padding-right: 18px;
	margin-right:18px;}
	
#showroomProducts {
	float: left;
	width: 229px;}


/* Columnar Layout for Homepage & Content Pages 
------------------------------------------------------------------- */
#homepageCopy {
	width: 489px;
	margin-top: 30px;
	margin-left: 20px;
	padding: 18px;
	background-image: url(../images/homepageContentBG.png);
	background-repeat: no-repeat;
}

#fullwidthCopy {
	width: 760px;
	margin-top: 30px;
	margin-left: 20px;
	padding: 18px;
	background-image: url(../images/homepageContentBG2.png);
	background-repeat: no-repeat;
}
#fullwidthCopy h1 {
	font-family: "Lucida Grande",Tahoma, Arial, serif;
	font-size:20px;
	font-style:normal;
	font-variant:small-caps;
	color:#fff;
	border-bottom:dotted 1px #666;
	padding-bottom:3px;
}
#secondaryCopy {
	width: 420px;
	padding: 0px 18px 18px 0px;
}
#secondaryCopy h1 {
	font-family: "Lucida Grande",Tahoma, Arial, serif;
	font-size:20px;
	font-style:normal;
	font-variant:small-caps;
	color:#fff;
	border-bottom:dotted 1px #666;
	padding-bottom:3px;
}
#secondaryadCopy {
	width: 780px;
	padding: 18px 18px 18px 36px;
}
#secondaryadCopy h1 {
	font-family: "Lucida Grande",Tahoma, Arial, serif;
	font-size:20px;
	font-style:normal;
	font-variant:small-caps;
	color:#fff;
	border-bottom:dotted 1px #666;
	padding-bottom:3px;
}
#secondaryHealine {
	/*width: 489px;*/
	height: 170px;
	margin-left: 10px;
}
input[type="text"] {
	font-size:10px;
	border:1px solid #fff;
	background-color: #999;
	margin-top:6px;
	margin-left:5px;
}
form {
	font-size:11px;
}
form td {
	border-bottom:1px dotted #333;
	padding-bottom:5px;
}





