@charset "UTF-8";
/* CSS Document */


/* Source: http://www.elementalfocus.com/normalizing-your-css/ 
		 Normalize padding and margins */
		body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td img {
			margin: 0;
			padding: 0;
			border: 0;
		}
		
		/* Normalize header sizes */
		h1, h2, h3, h4, h5, h6 {
			font-size: 100%;
		}
		
/*		 Normalize list styles 
*/		ol, ul {
			list-style: none;
		}
		
		/* Normalize font style and weight on odd elements */
		address, caption, cite, code, dfn, em, strong, th, var {
			font-style: normal;
			font-weight: normal;
		}
		
		/* Normalize table borders */
		table {
			border-collapse: collapse;
		}
		
		/* Normalize other borders */
		fieldset, img {
			border: 0;
		}
		
		 /*Normalize text-alignment */
		caption, th {
			text-align: left;
		}
		
		/* Normalize (remove) quotation marks */
		q:before, q:after {
			content: '';
		}
		
		a {
			text-decoration: none;
			outline: none;
		}
/*NORMALIZER ENDS--------------------------*/

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;  
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers.   */
	color: #000;
	background-image:url(images/stripe.jpg);
}

#wrapper {
	width: 1050px;   
	border-left: #ED212D 2px solid;
	border-right: #ED212D 2px solid;
	background-image:url(images/bar2.jpg);
	margin: 0 auto;
	padding: 0px;
	text-align: left; 
}

#container {
	width: 950px;  
	background: #fff;
	margin: 0 auto; 
	padding: 0px;
	text-align: left;  
	border-left: #ED212D 2px solid;
	border-right: #ED212D 2px solid;
}
#header {
	width: 950px;
	height: 100px;
	padding: 0px;
	margin: 0px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
}

#mainContent {
	width: 950px;
	padding: 0px; 
	margin: 0px;
	background: #fff;
	font-size:11.5px;
}

#greybar{
	width: 950px;
	height: 175px;
	background-color: #666;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

#area1 {
	width: 225px;
	float: left;
	position: relative;
	display:inline;
	margin: 10px 3px 0px 20px;
	font-size: 11.5px;
}

#area2 {
	width: 224px;
	float: left;
	position: relative;
	display:inline;
	margin: 10px 3px 0px 8px;
	font-size: 11.5px;
}

#area3 {
	width: 217px;
	float: left;
	position: relative;
	display:inline;
	margin: 10px 3px 0px 8px;
	font-size: 11.5px;
}

#area4 {
	width: 216px;
	float: left;
	position: relative;
	display:inline;
	margin: 10px 3px 0px 8px;
	font-size: 11.5px;
}

#column1{
	width: 655px;
	height: 600px;
	padding: 0px 0px 0px 20px;
	background-color:#FFF;
	margin: 0px;
	text-align: left;
	position:relative;
	float:left;
}

#column2{
	width: 275px;
	height: 270px;
	background-color:#FFF;
	padding: 0px;
	margin:0px;
	text-align: left;
	position:relative;
	float:left;
}

#column2b{
	width: 275px;
	height: 250px;
	background-color:#FFF;
	padding: 0px;
	margin:0px 0px 0px 0px;
	text-align: left;
	position:relative;
	float:left;
}
#column3{
	width: 275px;
	background-color:#FFF;
	padding: 0px;
	margin:0px;
	text-align: left;
	position:relative;
	float:left;
}

#pix{
	width:85px;
	height: 520px;
	padding:0px;
	margin: 0px;
	float:left;
	position:relative;
	text-align:left;
}

#footer {
	padding: 0px; 
	background:#000;
	margin: 0px;
}
#footer p {
	margin: 0; 
	padding: 10px 0; 
	text-align:center;
}

.address {
	font-size: 8pt;
	text-align:center;
	padding-top: 10px;
}

#movie{
	width: 620px;
	margin:0px;
	padding:0px;

}

#pictures{
	width: 620px;
	margin:0px;
	padding:0px;

}

#form {
	width: 600px;
	top: 160px;
	left: 631px;
	color:#545342; 
	font-size: 11.5px;
}

.liquid {clear: both;
		font-size: 1px;
		line-height: 0;
	}

/*Fonts______________________________________*/
h1{
	font-weight: bold;
	color: #ED212D;
	font-size: 11.5px;
	margin: 3px 0px 0px 0px;
}

h1 a:link{
	text-decoration: underline}

h2 {
	margin: 3px 0px 0px 0px;
	font-size:32px;
}

h3{
	font-weight: bold;
	color: #000;
	font-size: 12px;
}

h4{
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	margin: 3px 0px 0px 0px;
	text-align:center;
}

p {
	font-size:11.5px;
	color:#666;
	margin:0px;
	padding:0px;
}

.boldtext {
	font-weight:bold;
}

.redcopy{
	color: #ED212D;
}

.boldred{
	color: #ED212D;
	font-weight:bold;
}

.boldblack{
	color: #000;
	font-weight:bold;
}

.greycopy{
	color: #CCC;
}

.whitecopy{
	color: #fff;
}

.whitebold{
	color: #fff;
	font-weight:bold;
}

.blackcopy{
	color: #000;
}
.orangecopy{
	color: #e2780b;
}
.bluecopy{
	color: #00aeef;
}
.greencopy{
	color: #39b54a;
}
.goldcopy{
	color: #dfc220;
}
.redcopy{
	color: #ED212D;
}
.dkgrey {
	color: #666;
}

#titles{
	width:150px;
	height: 520px;
	padding:0px;
	margin: 0px;
	float:left;
	position:relative;
	text-align:left;
	font-size:10.5px;

}


/* LINKS ---------------------------- */

a:link {
	text-decoration: underline;
	color: #666;
}

a:visited {
	text-decoration: none;
	color: #666;
}

a:hover {
	text-decoration: underline;
	color: #666;
}
a:active {
	text-decoration: underline;
	color: #666;
}


/* HORIZONTAL NAV BAR ---------------------------- */

#navcontainer ul
{
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	color: #fff;
	float: left;
	position:relative;
	display:inline;
	width: 950px;
	height: 24px;
	font-size: 10px;
	border-bottom: #000 2px solid;
}

#navcontainer ul li {
	display: inline; 
}

#navcontainer ul li a
{
	padding: 5px 10px 0px 10px;
	margin: 0px;
	height: 21px;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	float: left;
	position:relative;
	border-right: 2px solid #333;
}

#navcontainer ul li a:hover
{
	background-color: #333;
	color: #ED212D;
	text-decoration: none;
}

#active {
	color: #ED212D;
	text-decoration: none;
}


/*ROTATOR---------------------------*/

/* rotator in-page placement */
div#rotator {
	width: 950px;
	height:320px;
	margin: 0px;
	text-align: left;
	float:left;
	display: inline;
	position:relative;
	padding:0px;
	z-index:100;
}
/* rotator css */
div#rotator ul li {
	position:absolute;
	list-style: none;
	left: 0px;
	top: 0px;
	
}
/* rotator image style */	
div#rotator ul li img {
	background: #fff;
	border: 0px;
}
div#rotator ul li.show {
	z-index:500;
}

/* THE QUOTATOR---------------------------*/

#quotes{
	width:230px;
	height:210px;
	font-size:11px;
	color:#fff;
	margin:0px 5px 5px 0px;
	padding-right:10px;
	text-align:left;
	position:relative;
	float:left;
}

#author{
	color:#fff;
	font-weight: bold;
	font-size:9px;
	position:relative; 
	text-align:left;
	margin:10px 0px 0px 0px;
	float:left;
	display:inline;
}

/* SLIDESHOW-------------------------------------------------*/

.pikachoose{
	width:510px;
	height: 600px;
	margin:0 auto;
	float:left;

	}
	
/* This is the ul you have all your images in */
.pikachoose ul{
	float:left;
	padding-left:0;
	width:510px;
	height:180px;
	margin:0;
	overflow:hidden;
	}
	
.pikachoose ul li{
	float:left;
	border:1px solid #555;
	padding:2px;
	background:#777;
	margin:0 6px 4px 0;
	position:relative;
	overflow:hidden;
	}
	
.pikachoose ul li div img{
	position:relative;
	cursor:pointer;
	}

/* this is the surrounder for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{
	width:506px;
	height:325px;
	display:block;
	position:relative;
	float:left;
	}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{
	position:absolute;
	top:2px;
	left:2px;
	}
	
.pika_back_img{
	position:relative;
	top:0px;
	}
	
.pika_subdiv{
	position:relative;
	border:1px solid #555;
	background:#777;
	padding:2px;
	}
	
.pika_subdiv img, .pika_subdiv a img{
	border:none;
	}
	
.pika_caption{
	width:496px;
	height:16px;
	padding-top:4px;
	padding-left:4px;
	text-align:left;
	position:absolute;
	bottom:7px;
	color:#FFF;
	left:3px;
	background:url('images/black.png') top left;
	}
	
.pika_caption a{
	color:#FFF;
	}
	
#pikame {
	width:510px;
	height:210px;
}

.pika_navigation {
	width:510px;
	height:10px;
	padding-top:5px;
	position:relative;
	float:left;
}