@charset "UTF-8";
body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #252525;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #EAEAEA;
	text-align: left;
}


.flex #container {
	margin: 0;
	background-color: #252525;
}
.flex #header {
	position:fixed;
	background: #000000;
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	color: #D3D3D3;
	width: 16420px;
	height: 51px;
	text-decoration: none;
	z-index: -1;
} 
.flex  #header  h2 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px;
	float: left;
	text-decoration: none;
	color: #A8A8A8;
	text-indent: 0px;
	text-transform: none;
	letter-spacing: .5px;
}
#navBox {
	position:absolute;
	left: 1px;
	top: 1px;
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	color: #C0C0C0;
	width: 800px;
	height: 658px;
	margin: 0px 0px 0px 0px;
} 
#navBox ul {
	float: right;
	top:1px;
	right:2px;
	padding:0;
	margin:0;
	list-style-type:none;
}
#navBox a {
	float:right;
	text-decoration:none;
	color:#636363;
	background-color:#161616;
	padding:1em 0.4em;
	border-right:3px solid black;
	text-align: right;
}
#navBox a:hover {
	background-color:#1E1E1E
}
#navBox li {
	display:inline
}
#navBox iframe {
	width: 1100px;
	height: 450px;
	position: absolute;
	left: 1px;
	top: 200px;
	border: none;
}
.flex #mainContent {
	position: absolute;
	width: 16420px;
	left: 0px;
	top: 50px;
	padding: 0;
	background: #252525;
	border: 0;
	height: 150px;
	margin: 0em 0em 0em 0em;
	z-index: +10;
}

.flex #mainContent img {
	margin: 0px;
	border: 0px;
	width:auto;
	height: 150px;
	text-align: left;
}
.flex #mainContentb {
	float:left;
	margin: 0;
}

.flex #capt {
    float:left;
	margin: 0px;
    padding: 125px 55px 55px 55px; 
}

.flex #hidimg {
	background: #252525;
	margin: auto; /* the auto margins (in conjunction with a width) center the page */
	border: 3px solid #FFFFFF;
	float: inherit;
	z-index: 1;
}
#clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
	color: #BABABA;
}
#imghldr {
}
/* beg Kimler Photo-Caption Zoom */

.Zright { float:right; margin:5px 0px 2px 10px; }	
.Zleft { float: left; margin:5px 10px 2px 0px; }

.Zoom img { border: 1px solid #369; }	
.Zoom.t100 img { width:100px; }	
.Zoom.t150 img { width:150px; }	
.Zoom.t200 img { width:200px; }	
.Zoom.t250 img { width:250px; }	
.Zoom.t300 img { width:300px; }	
.Zoom.t350 img { width:350px; }	
.Zoom.t400 img { width:400px; }	
.Zoom t450 img { width:450px; }	
.Zoom.t500 img { width:500px; }	
.Zoom.t550 img { width:550px; }	
.Zoom.t600 img { width:600px; }

.Zoom .caption { display:none; }

.Zoom a { padding:0; }	
.Zoom a:hover { padding:0; border:none; 
     margin:0; } /* IE picky here */	
.Zoom a:visited { padding:0px; 
     text-deocoration:none; }

.w100 a:hover img,.w100 a:hover .caption {width:100px}	
.w150 a:hover img,.w150 a:hover .caption {width:150px}	
.w200 a:hover img,.w200 a:hover .caption {width:200px}	
.w250 a:hover img,.w250 a:hover .caption {width:250px}	
.w300 a:hover img,.w300 a:hover .caption {width:300px}	
.w350 a:hover img,.w350 a:hover .caption {width:350px}	
.w400 a:hover img,.w400 a:hover .caption {width:400px}	
.w450 a:hover img,.w450 a:hover .caption {width:450px}	
.w500 a:hover img,.w500 a:hover .caption {width:500px}	
.w550 a:hover img,.w550 a:hover .caption {width:550px}	
.w600 a:hover img,.w600 a:hover .caption {width:600px}	
.Zoom a:hover img { margin-bottom:5px;}

.Zoom a:hover .caption { 
     display:block;	
     background:#eef;	
     border:1px solid #339;	
     font-family:verdana,sans-serif;	
     text-decoration:none;	
     text-align:justify;	
     font-size:10pt;	
     color:#339; }

.Zoom a:hover .inner {	
     display:block;	
     padding:5px 8px; } 
     /* no IEboxModelHack */

/* end Kimler Photo-Caption Zoom */