@charset "UTF-8";
/* CSS Document */

/*a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers.
triggers IE6 "haslayout" - google 'IE6 haslayout' for details.
without the below hack, IE6 does not draw the header until the page is resized.
the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack.*/
* html * {
	zoom:100%;
	}

/*This zeros out all the default browser css*/
html,body {
	cursor:default;
	margin:0;
	padding:0;
	border:none;
	}
*:focus{
	outline:none;
	}
* {
	margin:0;
	padding:0;
	border:none;
	font-size:1em;
	font-weight:normal;
	}
ol {
	margin-left:1.4em;
	list-style:decimal;
	}
ul {
	margin-left:1.4em;
	list-style:square;
	}
img {
	border:none;
	}
	
/*Layout styles*/
a:link {
	text-decoration:none;
	}
a:visited {
	text-decoration:none;
	}
a:hover {
	text-decoration:none;
	}
a:active {
	text-decoration:none;
	}
body {
	text-align:center;  							/* IE6 needs this to center the layout in the browser window */
	background-image:url(/images/layout/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#000;
	background-attachment:fixed;
	}
#main_wrapper {
	top:0px;
	width:1000px; 									/* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;  								/* centers max'd layout in browser */
	margin-right:auto; 								/* centers max'd layout in browser */
	text-align:left; 								/* prevents page inheriting IE6 centering hack on body */
	}
#header {
	height:215px;
	}
#flash_holder{
}

#content {
	width:76%;
	float:left;
	background-color:#FFF;
	background-image: url(/images/layout/content_bg.png);
	background-repeat: repeat-y;
	border-bottom: 1px solid #CCC;
	}
#content_inner {
	padding:0 10px 10px 10px;
	}
#left_edge {
	width:12%;
	float:left;
	background-image:url(/images/layout/left_edge.png);	
	background-position:left;
	background-repeat:repeat-y;
	min-height:400px;
	}
#right_edge {
	width:12%;
	float:left;
	background-image:url(/images/layout/right_edge.png);
	background-position:right;
	background-repeat:repeat-y;
	}
#footer {
	clear:both;
	height:200px;
	background-image:url(/images/layout/footer.png);
	background-position:center top;
	background-repeat:no-repeat;	
	}
#content_inner, #footer_inner {
	overflow:hidden; 							/* prevents oversize elements from breaking the layout */
	}	
#slideshow {
	float:right;
}
#posters {
	float:left;
}
.image_r {
		border:1px solid #999;
padding:1px;
	float:right;
	margin: 5px 45px 5px 10px;
	}
.image_l {
		border:1px solid #999;
padding:1px;
	float:left;
	margin: 5px 10px 5px 45px;
	}
.clearfloat {
	clear:both;
	}
.clear_l {
	clear:left;
	}
#column_r {
	width:200px;
	float:right;
	background-color:#b5b398;
	text-align:center;
	color:#FFF;
	font-size: .6em;
	}
#column_r_inner {
	padding: 10px 10px 10px 10px;
	}
#comingsoon {
	background-image: url(/images/pages/coming_soon.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 100px;
	}
.center1 {
	left:50%;
	margin-left:-230px;
	margin-top:15px;
	position:relative;
	}


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com
simply add the clearfix class to any containter that must enclose floated elements
read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content:".";              					/* the period is placed on the page as the last thing before the div closes */
	display:block;          					/* inline elements don't respond to the clear property */ 
    height:0;                  					/* ensure the period is not visible */
    clear:both;               					/* make the container clear the period */
    visibility:hidden;	     					/* further ensures the period is not visible */
	}
.clearfix {
	display:inline-block;
	}   										/* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


@charset "UTF-8";
/* CSS Document */




/* begin global styles */

hr {
	background-color:#CCC;
	height: 1px;
	border: 0;
	width: 100%;
}

body {
	font:1em Lucida, Arial, sans-serif;
	} 
	
/* end global styles */
	
	
	
	
	
/* begin content styles*/

#content_inner {
	
	}
	
.heading1 {
	font-weight:;
	font-size: 1.1em;
	text-align: left;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	color: #bd0000;
	text-transform: uppercase;
	background-image: url(/images/layout/star.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.heading2 {
	font-size: 1em;
	text-align: left;
	padding: 7px 0px 0px 45px;
	color: #bd0000;
}
.heading1a {
	font-size: 1.2em;
	text-align: left;
	padding: 0px 0px 0px 15px;
	color: #bd0000;
}
.main {
	font-size: .8em;
	text-align: left;
	padding: 4px 45px 0px 45px;
	color: #000;
}
.mainsmall {
	font-size: .7em;
	text-align: left;
	padding: 4px 45px 0px 45px;
	color: #000;
}
.mainbold {
	font-weight: bold;
}
.rightbold {
	font-weight: bold;
	text-align: right;
	padding:5px 50px 0 0;
}
.main a:link {
	color: #bd0000;
	text-decoration: none;
	}
.main a:visited {
	color: #bd0000;
	text-decoration: none;
	}
.main a:hover {
	color: #fe4302;
	text-decoration: none;
	}
.main a:active {
	color: #bd0000;
	text-decoration: none;
	}
.dock {
	margin: 0px;
	padding: 0px;
	height: 540px;
	width: 740px;
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
}

	
	
/* end content styles*/





/* begin footer styles */
#its {
	font-size:.9em;
	text-align:center;
	padding-top:40px;
	}
#its a:link {
	color: #CCC;
	text-decoration: none;
	}
#its a:visited {
	color: #CCC;
	text-decoration: none;
	}
#its a:hover {
	color: #FFF;
	text-decoration: none;
	}
#its a:active {
	color: #FFF;
	text-decoration: none;
	}
#footer {
	font-size:0.7em;
	font-weight:bold;
	text-align:center;
	line-height:;
	}
.footer_inner {
	padding-top:20px;
	}
.footer_inner a:link {
	color: #000;
	text-decoration: none;
	}
.footer_inner a:visited {
	color: #000;
	text-decoration: none;
	}
.footer_inner a:hover {
	color: #bd0000;
	text-decoration: none;
	}
.footer_inner a:active {
	color: #000;
	text-decoration: none;
	}
.footer_star {
	font-size:1.5em;
	vertical-align: sub;
}
	
/* end footer styles */





/* begin submenu styles */

#submenu {
	background-color:;
	font-size: 0.7em;
	font-weight: bold;
	color: #666;
	line-height:;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 8px;
	margin-bottom: 0px;
	margin-top: 10px;
	background-repeat: repeat-y;
	background-image: url(/images/layout/submenu_bg.png);
	}
#submenu a:link {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}
#submenu a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}
#submenu a:hover {
	color: #bd0000;
	text-decoration: none;
	font-weight: bold;
	}
#submenu a:active {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}
.current {
	font-weight:bold;
	color:#bd0000;
}

.picture {
	border:1px solid #999;
	padding:1px;
	margin-top:10px;
}
.form{
	width: 500px;
	font-size: .8em;
	font-weight:bold;
	background-color: #000;
	border: 2px solid #000;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/images/pages/form_bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	color: #FFF;
}
.form_inner{
	padding: 10px;
	
}
input {
	height: 20px;
}
input.btn {
	color:#000;
	background-color:#e9e9e9e9;
	font-weight: bold;
	height: 20px;
	width: 100px;
	border: 1px solid #000;
	
} 
input.btnhov {
	color:#bd0000;
	background-color:#fff;
	
	
} 
.demo-show2 h3 {
	cursor: hand;
	width:150px;
	background-color:#CCC;
	border: 1px solid #666;
	color: #bd0000;
	padding: 3px;
	text-align: center;
}

.demo-show2 h3:hover {
	background-color:#fff;

}


/* end submenu styles */

